Aprendizado SEO

Na empresa em que trabalho, o setor de SEO está promovendo um campeonato interno de SEO, a fim de que todos saibam bem o que é o trabalho deles e além disso fazer tudo funcionar com um pensamento de optimização.

Algumas áres onde isso é importante:

  • Layout: o design voltado para a otimização sabe desenvolver um visual “show, mesmo sem ficar super-pesado”. Como por exemplo padronizar alguns tamanhos de botões e utilizar uma imagem só para a maioria…
  • HTML e CSS: webstandard claro.
  • Conteúdo: pelo menos utilizar nos textos, as palavras-chave que representem bem o tema proposto do blog/site.

O campeonato de SEO teve início nesta semana, e eu mais meu companheiro (Carlos / project47), estamos começando a aprender as lições de SEO. Já criamos nosso blog sobre esporte diferente e esperamos ter bons resultados!

12º EWD - Encontro de Webdesign

No dia 15/09/07 compareci ao 12º Encontro de WebDesign, juntamente com alguns colegas de trabalho da Mídia Digital - entre eles um dos palestrantes (Melqui Jr), Carlos de Souza, Ricardo Simioni e Willie Taminato.

12º EWD - Encontro de WebDesign

É sempre bom ver o que as agências estão procurando nos profissionais, e também o que estão produzindo. Uma das palestras que interessou muito o público, foi sobre a Arquitetura de Informação (por Melqui Jr.), que gerou muitas questões após a palestra, e interessados nesta área. Resumindo em poucas palavras sua palestra mostra como a arquitetura influencia em um projeto, e qual é o caminho do projeto dentro de uma empresa, sendo que em todos os passos a arquitetura está presente.

O interessante é que a maioria das palestras enfatizou a importância da PESQUISA; falando nisso foi o tema principal da palestra do Fred da Usabilidoido, pois você tem que saber muito bem para quem é o produto que está produzindo para que não haja erro na mensagem transmitida ou até mesmo o não recebimento da mesma.

E como não podia deixar de lado, é claro, falaram da Web 2.0, enfatizando as características que dão destaque ao usuário; este se sente importante em poder publicar seu conteúdo e gerar informação; talvez por isso sejam criados 120 mil novos blogs por dia no mundo. Os exemplos citados foram redes socias como orkut, conteúdo (wikipedia) e ferramentas on-line como o Picnik.

Mas agora, o que mais me chamou a atenção foi a o tipo de profissionais que eles pedem: especializados. Ao invés de saber lidar com um pouco de cada área, o melhor seria dominar muito bem uma só. Por exemplo: uma pessoa que sabe muito e tem experiência com HTML e CSS (só com isso), no caso “está melhor” do que outra que lida um pouco com HTML/CSS, PHP, flash, javascript e também com criação, etc. Realmente, faz sentido porque os melhores profissionais são esses que buscam realmente uma especialização fazendo Pós-graduação, Mestrado, Doutorado e PHD.

Parabéns a todos os palestrantes e organização do evento, foi muito útil.

Webstandards é para ser mostrado

Achei muito interessante o que a organização das Olimpíadas de Londres - 2012, fez em seu site: além de ser um site webstandard, quis colocar isso para todos verem.

Nada mais do que justo, uma vez que a identidade visual das olimpíadas é toda voltada para um lado mais social até: será utilizada a mesma logomarca para as olimpíadas e para-olimpíadas. Além disso, pela cor em que a logomarca foi confeccionada, é um incentivo ao esporte jovem.

Logotipo Olimpíadas Londres 2012

No topo do site encontramos 3 links, típicos daqueles que parecem alterar o tamanho das fontes do site - mas ao clicar fui surpreendido: o primeiro nível traz o site completo (fundo, imagens, fontes diferenciadas, etc.); o segundo nível mantém o alinhamento dos itens e mostra as imagens pertinentes ao conteúdo somente; e por último mas não menos importante, o terceiro nível traz o conteúdo em forma de HTML cru, que somente um site standard pode oferecer.

Bom assim! Eles usaram porque sabem da importância da inclusão e da acessibilidade, já que estão tratando do mesmo assunto, só que na visão/lado do esporte.

Blog - receita de sucesso?

Ao visitar o blog Efetividade li uma lista de dicas para manter um blog com visitantes e leitores regulares; as dicas são as seguintes:

  1. Escrever bons títulos para os textos
  2. Alcançar uma posição de autoridade no seu nicho
  3. Formatar o conteúdo
  4. Gerar idéias de textos
  5. Transformar leitores casuais em leitores regulares
  6. Receber links

Concordo muito com o item 1 - um bom título estimula o leitor; deve ter aquele tom de mistério que atraia o público-alvo.

Agora só saberei se consigo fazer bons títulos se eles atraírem os leitores para meu site - através dos feeds por exemplo, que eu costumo ler somente quando o título me interessa muito, por não ter muito tempo para ler tudo que post.

Gerar idéias de conteúdo é uma outra ótima - já cansei de abrir meu netvibes e ver na minha aba de “web” diversos títulos - senão iguais, muito parecidos - trazendo o mesmo material!

Qual outro item poderia entrar nessa lista? Eu como designer ainda defendo um layout bem elaborado e agradável a leitura (com fontes e espaçamentos adequados).

Atenção Designer!

A ALAP abre a oportunidade para os designers gáficos mostrarem seu potencial: a mostra teve suas incrições prorrogadas até o dia 5 de junho, e a quem interessar cabe pagar uma bagatela de somente R$ 240 ( para peças individuais em qualquer área ) e R$ 320 para campanhas e conjuntos de trabalhos.
Para quem quer somente visitar, a exposição será em Gramado - Serra Park, nos dias 13, 14 e 15 de Junho.
Vale a pena visitar o site para ver mais detalhes, caso tenha se interessado.

Falando em site … confesso que fiquei decepcionado com o material on-line do evento: um site que deveria atrair os designers para visitar a exposição, e o mais importante, levar alguém a expor … parece não convencer muito: pelo design não amigável e pelo código nada standard.

Enfim, a quem interessar olhar os trabalhos da última mostra, está à disposição. Mas ainda acho que o site deveria ser repensado, afinal significa muito, e para mim representa o nível de qualidade.

O site do N Design 2007 - Florianópolis apesar de estar visualmente mais atraente - apresenta uma home um pouco pesada: 1.12 MB, segundo meu firebug.

Vamos fazer os site mais leves com um aspecto visual agradável? Eu sei que podemos conciliar as 2 coisas…

webWidgets

Segundo o wikipedia, widget é um “componente de software que viabiliza a interação com o usuário” - pode ser um botão, um menu… enfim algo que o usuário possa interagir!

O site Widgetbox é o paraíso para quem quer encrementar seu blog: twitter, jogos ( pac-man, space invaders, pong ), relógios, del.icio.us…

Tudo é personalizável, podendo adaptar a cor/tamanho do box widget ao layout do seu blog, adicionando mais funções, e gerando maior interatividade com o usuário.

Sugestões:

Agora é só escolher entre tantos - somente na categoria Blogosphere estão registrados 213 widgets.

É mais uma forma de compartilhar com quem visita seu site, do que você gosta, sobre o que lê, o que ouve, o que assiste… e até mesmo ” o que estou fazendo agora?”.

Leu? Comente!

O título faz parte da campanha do Corporação Web … o que é muito verdade, e além de incentivar o dono do blog a escrever mais, ainda podemos adicionar mais conteúdo ao post, divulgar nosso blog e até mesmo incentivar mais comentários.

Quando leio um post, antes de colocar o meu comentário, leio os anteriores para não repetir nada, para complementar um outro ou até criticar…”fazendo analogia” com um mini-fórum.

Leu? Comente!

CSS zen garden do maujor - tema criado

Em algum blog por aí descobri que existia um CSS Zen Garden brasileiro: o CSS zen garden do maujor, e com um pouco de boa vontade e inspiração resolvi fazer um tema para a galeria! O resultado foi o tema “fresh linke“, apesar de ficar bem simples gostei do resultado. Quem sabe motivo mais pessoas a desenvolverem suas idéias!

Só acho que os temas mais novos deveriam ser colocados no topo da lista, porque quem visitar novamente, terá que ir até o final para visualizar os novos temas…o que complica um pouco.

Utilizei o Photoshop CS2 para fazer o layout, CorelDraw para fazer a imagem das garrafas e PSPad para fazer o CSS .

CSS NAKED DAY

Mais um blog divulgando o “css naked day” - somente pelo motivo de motivar o pessoal a fazer os sites semanticamente corretos, nos padrões W3C, etc.

Com a extensão web developer para o firefox, conseguimos desativar o CSS das páginas ( atalho: ctrl+shift+s ), deixando-as “nuas” - sem imagens, com a cor padrão dos links (#0000EE), alinhamento à esquerda, etc… Sites feitos totalmente em flash não tem essa opção (claro), mas sou a favor nos casos de detalhes, como acontece no site da Mídia Digital: um topo bem feito e os títulos.

Também participará do CSS naked day: Project47, o CeeSeS (que já está naked) - e mais 754 sites até o momento.

Acho um número baixo até o momento, para o mundo todo…e quantos blogs temos não é mesmo? Mas vamos ver amanhã como será!

Extensões recomendadas pelo firefox

No site do Mozilla Firefox - extensões recomendadas/favoritas, encontramos algumas ferramentas:

1. Download Status Bar (115kb) : A opção “mini mode” torna a barrinha da parte inferior do seu firefox somente mais um mini-box ( assim como o html validator, etc.) , podendo estilizá-la como quiser, podendo trocar a cor da barra de progresso do download, cor do texto, etc. O default dessa extensão vem configurado para quando o usuário fechar o navegador, o download parar; mas nas opções da extensão (na aba general) pode mudar isso, para não perder seus arquivos.

2. FireFTP (102kb): FTP muito prático que fica aberto uma aba do seu firefox;

3. del.icio.us bookmark : esta extensão é ótima! Tenho instalada essa extensão no trabalho e em casa, então fazendo um login com meu usuário do delicious posso add qualquer página que goste em meus favoritos, sem ter que anotar o endereço ou algo parecido. Na hora que for add uma página, é possível colocar tags para organizar seus favoritos, o que simplifica muito quando você ou qualquer outra pessoa for pesquisar algo. Caso queira, meu delicious é esse: del.icio.us/linke.caesar - tenho 252 páginas dividos nas categorias css, design, firefox…

Essas são as 3 principais na minha opinião, mas além destas temos mais 23 extensões para completar o nosso navegador.