desenvolvimento para web » SEO

Microdata API e Schema.org: dando significado ao HTML

Tárcio Zemel — Mon, 23 Apr 2012 19:05:43 +0000

A HTML fornece diversos elementos para que possamos dar algum significado ao conteúdo. Como sabemos, cada tag serve a um propósito e, usá-las de maneira adequada, pensando na semântica web, faz parte do trabalho do desenvolvedor web.

Então, se é preciso exibir uma lista de produtos num site, por exemplo, é possível usar o elemento de listas não ordenadas, ul, para marcar esse conteúdo e dar algum significado à informação. Dizemos ao “interpretadores” do código (sejam browsers, leitores de tela, bots de sistemas de busca, etc): “Isto é uma lista com alguns itens”. Mas, somente com essa marcação, não é possível informar que esta é uma lista de produtos.

Para dar esse passo além na semântica de documentos web é que está sendo criada a Microdata API.

O problema do significado

Quando uma pessoa faz uma busca por “melhores bancos do brasil”, ela está procurando as melhores instituições financeiras do país ou os melhores móveis para se sentar? Certamente, a pessoa que está fazendo a busca, sabe, mas, será que o buscador a que a busca foi submetida interpretará isso de maneira adequada?

A pessoa que fez essa busca, ao entrar em um dos links da SERP, verá se a página que entrou é sobre instituições financeiras ou móveis. Se ela estiver procurando pelas primeiras e acessar uma página sobre os segundos, entrou em um link que não era de seu interesse devido ao fato de o buscador ter mostrado uma informação errônea no momento de exibir os resultados. Afinal, mesmo com os relativamente inteligentes algoritmos que os melhores buscadores possuem, este tipo de situação ocorre com frequência.

Usando a API de microdata (ou microdados), é possível auxiliar as máquinas (não somente buscadores) a descobrir o significado dos conteúdos nos web sites; é possível informar que uma lista no site é uma lista de produtos; é possível informar que seu site é sobre instituições financeiras, ao invés de móveis. Em suma, através da Microdata API, é possível dar mais significado ao conteúdo.

Conhecendo a Microdata API

A Microdata API tem como objetivo dar mais significado aos documentos web que fazemos. Usando Microdata, é possível informar aos robôs significados além do que uma marcação “tradicional” poderia/conseguiria, agregando maior valor semântico ao conteúdo dos sites, o que, por consequência, traz inúmeros benefícios. E isso é feito através de marcações específicas nos códigos.

Sintaxe da microdata

Basicamente, o modelo de microdata consiste em grupos de pares nome-valor, conhecidos como itens e cada item pode ter 1 ou mais tipos de item; cada item, pode ter 1 ou mais propriedades, que podem ter 1 ou mais valores. Para criar um item, o atributo itemscope é usado e, para adicionar uma propriedade a um item, o atributo itemprop é usado.

É possível usar microdata sem a intenção de reutilização, mas, concordemos, isso não faz sentido. O interessante é termos “especificações” de microdados que podem ser usadas amplamente, por quem quer que seja. Por isso, geralmente se identifica o tipo de item através da indicação de um URI que contenha essa especificação. Usar microdata é usar vocabulários.

Por exemplo, vamos ver a “marcação padrão” de uma ração de gatos num site qualquer:


    <h1>Siamês</h1>
    <p>Gato-siamês é uma raça de gato oriental, caracterizada por um corpo elegante e longilíneo e uma cabeça marcadamente triangular.</p>
    <img src="siames.jpg" alt="Gato siamês">
</section>

Agora, este mesmo código sendo marcado com microdata:

="http://example.org/animals#cat">
    <h1 itemprop="name">Siamês</h1>
    <p itemprop="desc">Gato-siamês é uma raça de gato oriental, caracterizada por um corpo elegante e longilíneo e uma cabeça marcadamente triangular.</p>
    <img itemprop="img" src="siames.jpg" alt="Gato siamês filhote">
</section>

No exemplo, o item “http://example.org/animals#cat” possui 3 propriedades, um “name” (“Siamês”), uma “desc” (“Gato-siamês é uma raça…”) e “img” (“siames.jpg”) e, como vimos, é possível haver mais de um valor por propriedade (inclusive, que seja a indicação de outro “vocabulário”):

="http://example.org/animals#cat">
    <h1 itemprop="name http://example.com/fn">Siamês</h1>
    <p itemprop="desc">Gato-siamês é uma raça de gato oriental, caracterizada por um corpo elegante e longilíneo e uma cabeça marcadamente triangular. Suas cores, normalmente, são <span
 itemprop="http://example.com/color">branco</span> (enquanto crias), <span
 itemprop="http://example.com/color">branco sujo</span> ou <span
 itemprop="http://example.com/color">creme</span>, com extremidades <span
 itemprop="http://example.com/color">castanho</span> muito escuro (quase <span
 itemprop="http://example.com/color">preto</span>), <span
 itemprop="http://example.com/color">cor de chocolate</span>, e, raramente, <span
 itemprop="http://example.com/color">azul acinzentado</span> ou <span
 itemprop="http://example.com/color">lilás acinzentado</span>.</p>
    <img itemprop="img" src="siames.jpg" alt="Gato siamês filhote">
</section>

Sem sombra de dúvidas, esta marcação é mais trabalhosa de se fazer e, não raramente, pode haver erros de sintaxe na marcação, devido a relativa complexidade e volume. Existe uma maneira de testar se tudo está nos conformes, a ferramenta Rich Snippets Testing Tool.

Ao inserir uma URL (ou trecho de código HTML, diretamente), é possível ter um preview de rich snippet no Google e, caso o código tenha microdados, ele exibe, de forma organizada, esta estrutura. Como consta na própria página de explicação de Rich Snippets,

Se o Google compreender o conteúdo de suas páginas, podemos criar rich snippets — e informações detalhadas para ajudar os usuários com consultas específicas. Por exemplo, o snippet para uma página de receitas pode mostrar o tempo total de preparo, uma foto e a avaliação dos comentários da receita. O snippet para um restaurante pode exibir a avaliação média e a faixa de preços. Já o snippet para um álbum de músicas pode listar as músicas junto com um link para reproduzir cada uma delas. Esses rich snippets ajudam os usuários a identificar se o site é relevante para a pesquisa e podem resultar em mais cliques em sua página.
Você pode ajudar o Google a revelar essas informações relevantes adicionando uma marcação HTML extra em suas páginas. Essa marcação ajuda o Google a reconhecer certos tipos de dados e a exibi-los de maneira útil nos rich snippets.

Estão entendendo, agora, a diferença que o uso de microdata pode fazer? “O snippet para um restaurante pode exibir a avaliação média e a faixa de preços”?! Isso é muito incrível! Com toda a certeza, a exibição de um snippet dessa qualidade é a diferença entre receber, ou não, mais uma visita em seu site!

Concorda que um snippet de receita como este é muito mais atrativo e informativo que o snippet padrão da SERP do Google? Ele é muito mais útil à pessoa que está buscando, por exemplo, um “Pão de Banana”, apresenta informações que são muito mais relevantes e, no momento, caso você consiga que seu site seja um dos poucos a conseguir um rich snippet desta qualidade, ele é totalmente diferenciado dos demais!

Microdata DOM API

A Microdata API também conta com uma série de métodos JavaScript: Microdata DOM API. Por exemplo, temos o método getItems(), que provê acesso ao itens marcados com microdata. Ele retorna uma NodeList contendo os itens dos tipos especificados (ou todos os itens, se nenhum argumento for passado).

var cat          = document.getItems('http://example.org/animals#cat')[0];
var colors       = cat.properties['http://example.com/color'].getValues();
var colors_total = colors.length;
var result;
 
if (colors_total == 0)
{
    result = 'Cor desconhecida.';
}
else if (colors_total == 1)
{
    result = 'Cor: ' + colors[0];
}
else
{
    result = 'Cores:';
    for (var i = 0; i < colors_total; i += 1)
    {
        result += ' ' + colors[i];
    }
}

Na verdade, estes são somente alguns exemplos de uso e apresentação da Microdata API. Caso se queira aprofundar no assunto, o que é altamente recomendado, é preciso estudar a documentação oficial da Microdata API.

Schema.org

Como vimos, é mais interessante haver conjuntos de vocabulários comuns, acessíveis e centralizados e prontos para serem usados por qualquer pessoa. Felizmente, isso já existe! Trata-se do Schema.org. O Schema.org é um vocabulário de marcação de microdata compartilhado, que torna mais fácil para nós, pessoal do desenvolvimento web, decidir sobre um esquema de marcação.

Mas, realmente, adianta usar o vocabulário de microdata do Schema.org? Sim, adianta, e muito, já que os melhores buscadores do mundo, tais como Google, Bing, Yahoo! e Yandex, ratificaram o projeto e seus respectivos spiders e SERPs já fazem uso dessa tecnologia! Já foi mostrado que, por exemplo, o Google já faz uso deste tipo de marcação para aprimorar seus snippets e, por experiência pessoal, afirmo que, também, contribui para a melhora do posicionamento nos resultados de busca.

Exemplo de uso do Schema.org

No próprio site do Schema, eles apresentam um exemplo bastante didática para mostrar o conceito por trás dos microdados. Imagine que alguém marca como título principal (h1) “Avatar”. Mas essa página diz respeito àquela imagem que as pessoas utilizam em seus perfis de redes sociais ou ao filme Avatar, de James Cameron? Usando o schema correto, é possível auxiliar aos buscadores a entender melhor do que trata aquele documento.

<div itemscope itemtype ="http://schema.org/Movie">
    <h1 itemprop="name">Avatar</h1>
    <span>Director: <span itemprop="director">James Cameron</span> (born August 16, 1954)</span>
    <span itemprop="genre">Science fiction</span>
    <a href="../movies/avatar-theatrical-trailer.html" itemprop="trailer">Trailer</a>
</div>

E, como já vimos anteriormente, é possível, inclusive, fazer “embedded” de outros itens:

<div itemscope itemtype ="http://schema.org/Movie">
    <h1 itemprop="name">Avatar</h1>
    <div itemprop="director" itemscope itemtype="http://schema.org/Person">
        Director: <span itemprop="name">James Cameron</span> (born <span itemprop="birthDate">August 16, 1954</span>)
    </div>
    <span itemprop="genre">Science fiction</span>
    <a href="../movies/avatar-theatrical-trailer.html" itemprop="trailer">Trailer</a>
</div>

Usando o vocabulário do Schema.org

O Schema.org possui uma série de “tipos” (itens), cada um com suas respectivas propriedades. Cada um desses tipos é chamado de schema (faz sentido…). Então, para darmos mais significado e complementarmos a semântica de nossos documentos HTML, é preciso percorrer a lista dos diferentes schemas disponíveis e saber o que se pode usar no momento.

Perceba que cada tipo pode ter, também, subtipos, que herdam as características de seus ancestrais e possuem suas próprias. Por exemplo, o schema Movie possui suas propriedades distintas e, também, as propriedades de seus ancestrais CreativeWork e Thing.

Lembrando que, não necessariamente, todas as propriedades, próprias ou herdadas, precisam ser usadas ao mesmo tempo.

Dicas para trabalhar com schemas

Mais é melhor, com exceção de conteúdo oculto

Em geral, quanto mais conteúdo você marcar, melhor. No entanto, como regra geral, você deve marcar apenas o conteúdo que é visível para as pessoas que visitam a página, não o conteúdo oculto.

Tipos esperados versus texto.

Ao navegar entre os vários schemas, você vai notar que muitas propriedades têm “tipos esperados”. Isto significa que o valor da propriedade, por si só, pode ser um item incorporado (embedded). Mas este não é um requisito – não há problema em incluir somente texto ou uma URL. Além disso, sempre que um tipo esperado é especificado, também não há problemas em incorporar um item descendente. Por exemplo, se o tipo esperado é Place, também é permitido incorporar um LocalBusiness.

Usando a propriedade “url”

Algumas páginas da web são sobre um item específico. Por exemplo, você pode ter uma página web sobre uma única pessoa, que você pode marcar com Person.

Já outras páginas podem ter uma coleção de itens descritos nelas. Por exemplo, o site de uma empresa pode ter uma página com a lista de funcionários com um link para uma página de perfil de cada um. Para páginas como esta, com uma coleção de itens, você deve marcar cada item separadamente (neste caso como uma série de Person) e adicionar a propriedade url no link correspondente a cada item, assim:

<ul>
    <li itemscope itemtype="http://schema.org/Person">
        <a href="jose-das-coves.html" itemprop="url">José das Coves</a>
    </li>
 
    <li itemscope itemtype="http://schema.org/Person">
        <a href="joao-da-silva.html" itemprop="url">João da Silva</a>
    </li>
</ul>

Teste a marcação

Como já comentamos, é interessante passar seu código pela Rich Snippets Testing Tool para testar se tudo está como deveria. Caso algum “esquecimento” tenha ocorrido no momento de marcar os schemas, a ferramenta vai ser de muita valia ao apontar quais equívocos foram esses.

Conclusão sobre Microdata API e schemas

Como os desenvolvedores web devem (ou deveriam) saber, muita coisa neste ramo está mudando (para melhor) com o advento do HTML5. Certamente, uma dessas melhorias é a Microdata API, que permite, a partir de então, darmos mais significado ao conteúdo do site, provendo uma maneira simples e eficiente de melhorar a significação de nossos conteúdos.

Para auxiliar neste propósito, os schemas estão, aí, para centralizar, organizar e prover um vocabulário unificado e acessível de microdata para ser usada e abusado. Não deixe de conferir a documentação completa do Schema.org. E, para clarear ainda mais as explicações, veja o excelente post do pessoal do Loop Infinito sobre microdata e os vocabulários do Schema.org, com direito a gráficos em SVG e tudo o mais! :-D

Tanto por indicações “vindas de cima” – como no caso de os grandes buscadores já darem suporte e incentivar o uso de microdados -, quanto por experiências próprias comprovadas, usar microdata em projetos web, a partir de agora, é praticamente uma obrigação!

Guerreiro SEO: resenha

Tárcio Zemel — Mon, 27 Feb 2012 13:00:38 +0000

Como havia anunciado num tweet de alguns dias atrás, a Novatec Editora fechou uma parceria com o blog. A partir de agora, serão publicadas resenhas dos livros relativos a desenvolvimento web da editora.

E, para começar esta parceria com o pé direito, vamos à resenha do excelente livro Guerreiro SEO!

Este é um artigo patrocinado, mas a opinião do autor não está à venda!

Informações sobre o livro Guerreiro SEO

Guerreiro SEO é a tradução do livro SEO Warrior, escrito por John I. Jerkovic e publicado pela O’REILLY; tradução esta feita por Rafael Zanolli e que, com exceção de um ou outro lapso, ficou bastante interessante.

A tradução do livro, contanto com informações editoriais, sumário, apêndices e índices, ficou com mais de 500 páginas – incluindo as imagens, que são em P&B. À primeira vista pode até parecer que o livro é grande e intimida um pouco, mas a leitura é bastante suave e, tirando uma ou outra parte mais densa, é possível ler dezenas de páginas, de uma só vez, sem se cansar.

É um livro bem feito, bem acabado, que pode ser manuseado sem maiores desconfortos, mesmo quando se está mais para o início ou mais para o fim e a relação de páginas para “cada lado” é totalmente desproporcional; em outras palavras, dá pra ler confortavelmente sentado ou deitado.

Guerreiro SEO: capítulos e conteúdo

A evolução de leitura e da temática do livro ficou boa. Começa-se com temas bastante básicos e mais abstratos e, a medida em que a leitura vai tendo continuidade, mais atenção e foco são requeridos para se acompanhar as dicas, técnicas e indicações a respeito de SEO que vão sendo dadas. Nesta primeira edição do livro, a divisão dos 18 capítulos ficou assim:

Uma visão geral. Capítulo que, não surpreendentemente, apresenta uma visão geral sobre o que é SEO e como se dá o processo de SEO.
Introdução aos mecanismos de busca. Explica como funcionam os mecanismos de busca e de que tipo e categoria podem ser.
O essencial sobre websites. Explicações básicas sobre como funciona o processo de registro de domínios, opções de hospedagem, considerações sobre design e usabilidade e até algumas dicas sobre performance!
Fatores de classificação internos. Aqui a coisa já começa a ficar um pouco mais séria e a parte técnica de SEO começa a ser apresentada em dicas de otimização on-site, como tag title, meta tags, textos-âncora, proximidade, proeminência, etc.
Fatores de classificação externos. Fatores de SEO off-site, incluindo link building, idade do site e como lidar com alguns problemas (muitas vezes não vistos como tal) que podem acontecer.
Monitoramento de estatísticas web. Capítulo que fala sobre monitoramento em sites, apresentando alguns conceitos básicos a respeito (visitantes únicos, total de visitantes, etc) e mostrando algumas ferramentas interessantes de monitoramento, inclusive para se instalar diretamente no servidor.
Google Webmaster Tools e Google Analytics. Justificadamente, um capítulo dedico a essas 2 ferramentas praticamente indispensáveis para uma boa análise de SEO. O capítulo apresenta as ferramentas, de modo geral, e ensina o básico sobre como localizar algumas estatísticas.
Armadilhas para mecanismos de busca. Capítulo muito interessante, que mostra que no mundo do SEO existe uma parte dedicada às “armadilhas” que existem quando o assunto é otimização para mecanismos de busca: conteúdo JavaScript, AJAX, iframes e muito mais.
Protocolo de exclusão de robôs. Informações e histórico do Robots Exclusion Protocol (REP), bastantes informações sobre como trabalhar com o robots.txt e outras formas de controlar acessos de bots usando meta tags e até configurações no lado do servidor. Capítulo essencial!
Sitemaps. Outra parte do livro que não poderia faltar, o capítulo dedicado aos sitemaps explica o que eles são, como é seu formato padrão, importância de uso e algumas dicas especiais a respeito.
Pesquisa de palavra-chave. Dicas e macetes muito, muito importantes, sobre como definir uma estratégia de palavras-chave, sua relação com a linguagem (alternadores, radiciação, etc), e como se dá o processo de pesquisa de keywords, com detalhes e pormenores de ferramentas indispensáveis para tal.
Construção de links. Ou link building, para os mais íntimos, que é abordado neste capítulo com estratégias realmente diferentes do que se encontra em sites de SEO, dicas realmente preciosas e, até então, não pensadas pela maioria, de como fazer um link building de qualidade. É sério!
Pesquisa e análise da concorrência. Pelo menos pra mim, foi um “capítulo-surpresa”. Afinal, pesquisar a concorrência é um tema não específico de SEO, que poderia não ter sido incluso. Mas, felizmente, o foi, e nele é possível encontrar dicas preciosíssimas de como conhecer, avaliar e monitorar a concorrência.
Considerações de conteúdo. Outra parte bastante interessante e importante, que trata sobre SEO preditiva, conteúdo de curto e longo prazo, criação de conteúdo e considerações sobre duplicação de conteúdo.
O fenômeno das redes sociais. Como aumentar a visibilidade de um site/projeto web usando blogs, twitter e digg-likes. Também como montar uma boa estratégia de Social Media Optimization (SMO) e um apanhado geral sobre o futuro dos buscadores: buscas em tempo real.
Marketing nos mecanismos de busca. Trata de Search Engine Marketing, mostrando como se dá o processo de SEM e funcionamento e estratégias de palavras-chave no Google AdWords.
Spam e mecanismos de busca. Como acontece o SPAM em mecanismos de busca, o que evitar fazer para não ser considerado um spammer e medidas para o caso seu site seja penalizado pelos buscadores.
A agitação do mercado. Considerações sobre o Google SearchWiki, ferramentas para analisar resultados de busca em diversos buscadores, nofollow e como se manter atualizado no mundo de SEO.

“Apanhado geral” sobre o livro Guerreiro SEO

Quando estava lendo Guerreiro SEO, até, mais ou menos, o capítulo 7, pensei se tratar de mais um livro introdutório sobre algum tema relativo a desenvolvimento web (no caso, SEO). Mas qual não foi minha surpresa quando continuei a leitura e, apesar de ainda encontrar sobre muita coisa que já sabia, me deparei com dicas e “pulos do gato” que, apesar de ainda não ter feito testes práticos, realmente fazem todo o sentido e podem fazer uma diferença significativa numa classificação de uma página em SERPs.

Além disso, achei muito interessante o fato de o livro abordar dicas não somente voltadas ao Google, mas, também, ao Yahoo! e ao Bing. Apesar da já sabia supremacia do Google na área, existe uma porcentagem importante de visitantes que, dependendo do caso/estratégia do negócio, se encontra nos outros buscadores.

Outro diferencial é que o autor, durante todo o livro, apresenta sugestões de uso de scripts para apresentação de dados importantes e automatização de tarefas de SEO e, para a felicidade dos leitores, disponibiliza-os, na íntegra, para serem usados nas estratégias e trabalhos de SEO!

Conclusão

Dando minha sincera opinião, o Guerreiro SEO é livro que atende primordialmente a quem está começando ou começou a pouco tempo na área, mas, com certeza, tem muito a oferecer com que já é do ramo através de dicas de “micro otimização”, inclusive para mecanismos de busca específicos, e através de suas sugestões de estratégias e disponibilização de scripts que automatizam parte do trabalho de SEO.

Portanto, seja você iniciante na área ou já veterano, ter este livro no acervo para consultas constantes é, de fato, uma opção séria a ser considerada.

Bônus!

Ah, uma coisa que esqueci de comentar… A parceria com a Novatec também garantiu um código promocional especialmente para os leitores do desenvolvimento para web! Com este código, você pode adquirir Guerreiro SEO e qualquer outro título da editora com 20% de desconto!

Adquira o livro Guerreiro SEO com 20% de desconto usando o código promocional DESENWEB.

E fique ligado também no twitter do desenvolvimento para web, pois a qualquer momento pode haver uma promoção e você ser contemplado com um dos livros da Novatec! ;-)

Erros comuns em desenvolvimento web para campanhas de SEO

Tárcio Zemel — Mon, 16 Aug 2010 13:00:14 +0000

Uma boa campanha de SEO acontece quando várias ações de otimização são realizadas, conjunta e simultaneamente. E, certamente, uma dos aspectos da estratégia de uma ação de SEO são as ações técnicas tomadas no desenvolvimento web.

Este é um artigo traduzido do original “Why my SEO campaign failed? Part 2: Common Web Development mistakes“, do blog Web SEO Analytics, e sofreu pequenas modificações.

Passar muitos argumentos no URL

Quando o site é dinâmico, os desenvolvedores web precisam ter uma referência sobre o qual a página, o produto ou categoria o visitante quer ver. Normalmente um ID é necessário para recuperar os dados do banco de dados. Em outros casos, devido à complexidade do projeto ou devido a más técnicas de programação, mais variáveis são necessárias para identificar uma determinada página. Aqui está um exemplo de um URL dinâmico:

http://www.exemplo.com/produtos.php?id=30&categoria=2&cor=verde

Infelizmente, este tipo de URL não é amigável nem para pessoas, nem para mecanismos de busca. Segundo é possível ler nas Diretrizes Técnicas das Diretrizes para Webmasters da Central do Webmaster Google,

Se você decidir usar páginas dinâmicas (por exemplo, o URL que contém um caractere “?”), saiba que nem todos os spiders de mecanismos de pesquisa rastreiam as páginas dinâmicas e estáticas. Isso ajuda a manter os parâmetros curtos e a quantidade desses parâmetros pequena.

Por isso, é altamente recomendado usar algum tipo de reescrita de URL, como mod_rewrite, para converter as URLs dinâmicas para URLs amigáveis. Qual é o risco, se isso não for feito? Bem, se há muitos parâmetros em URLs: os motores de busca podem não indexar as páginas; além disso, geralmente URLs não amigáveis não contém palavras-chave importantes no endereço, então, não raramente você pode conseguirá rankings inferiores para essas páginas do que se elas tivessem URLs amigáveis.

Usar muito JavaScript, frames/iframes, AJAX, Flash e Silverlight

JavaScript, frames/iframes, AJAX, Flash e Silverlight são ferramentas úteis e alguns deles, quando bem usados, melhoram a experiência do usuário. Mas nenhum deles é search engine friendly.

As mesmas Diretrizes Técnicas do Google citadas, indicam:

Use um navegador de texto como o Lynx para examinar o seu site, pois muitos spiders de mecanismos de pesquisa veem o site do mesmo modo que o Lynx. Se recursos especiais como JavaScript, cookies, IDs de sessão, frames, DHTML ou Flash permitirem que você veja todo o site em um navegador de texto, os spiders dos mecanismos de pesquisa poderão ter dificuldade em rastrear o seu site.

Se o objetivo é que o site seja amigável aos mecanismos de busca, devemos verificar se eles podem ser vistos usando browsers de texto simples como o Lynx (que é como o googlebot “vê” os sites). É possível usar emuladores do Lynx ou desabilitar CSS e imagens diretamente no navegador (se usar, Firefox, uma ótima opção é usar o plugin Web Developer).

Não usar o atributo alt em imagens e não otimizar o caminho das imagens

Os motores de busca (e computadores, em geral) não são muito bons em identificar o que é representado em uma imagem. Portanto, a fim de compreender sobre o que uma imagem é, os bots analisam o nome e o atributo “alt” das imagens.

O Google Image Search pode trazer uma quantidade significativa de tráfego. Se você não garantir o “apoio” a mecanismos que permitam a otimização de imagens, você pode perder uma boa fonte de tráfego. Assim, garanta que você use corretamente ambos, o atributo alt e o nome da imagem – usar um CMS que permita esse tipo de otimização é uma boa dica.

Usar métodos incorretos para oferecer suporte a idiomas diferentes

Quando você tem sites multilíngue, tenha certeza de que a arquitetura está correta. Não há uma única forma “correta” para fazer isso. Basicamente, há três maneiras corretas para suportar um site em vários idiomas e cada um dos métodos a seguir tem alguns prós e contras:

Subdomínios. Exemplo: fr.example.com, gr.example.com, etc
Subdiretórios. Exemplo: www.example.com/fr/, www.example.com/gr/, etc
Diferente domínios. Exemplo: www.example.fr, www.example.gr, etc

A dica é evitar o envio de conteúdo baseado em IP sem ter a mesma versão do site disponível para todos. Também não implementar soluções ruins como passar o idioma como uma variável GET, por exemplo www.example.com/?lang=fr.

Não se preocupar com o tempo de carregamento da página

Recentemente o Google informou que passou a usar a velocidade de carregamento dos websites em seus algoritmos de classificação (apesar de isso não estar valendo para sites de todos os países do mundo). Há um debate sobre se esse recurso deve ser incluído, uma vez que não tem nada a ver com a relevância de um site. No entanto, a velocidade aumenta a experiência do usuário. Além disso, ter um site leve, que carregue rapidamente, pode melhorar seu ROI e diminuir a carga do seu servidor (conheça 8 maneiras de melhorar a performance de um site).

7 dicas de desenvolvimento web

Algumas dicas para guiar o desenvolvimento de suas páginas web são:

Colocar menus, cabeçalhos e rodapés em arquivos separados, a fim de realizar mudanças globais rápidas (funções “include);
Tentar usar subdomínios em sites multi idioimas;
Usar caminhos absolutos para cada página, imagem, CSS e javascript do site;
Usar canonicals para evitar conteúdo duplicado;
Usar redirecionamento 301 ao invés de 302 quando o caminho para a página mudar e nunca apagar páginas;
Redirecione corretamente as versões sem “www” para as que tenham “www” e vice-versa;
Não adicionar IDs de sessão nas URLs.

E você, conhece algum outro erro comum em desenvolvimento web que pode atrapalhar uma campanha de SEO e o que fazer para evitar/corrigir?

Estratégia Web de Pirâmide: guia para uma estratégia de web equilibrada

Tárcio Zemel — Tue, 29 Jun 2010 20:16:59 +0000

Empresas de todos os portes estão investindo pesado em mídia social sem se esforçar igualmente para forjar uma base sólida, construída sobre uma experiência do usuário amigável (usabilidade) e conteúdo de qualidade.

Para entregar um site que oferece aos usuários a experiência que eles estão procurando, é preciso que este seja definido sobre uma base sólida de conteúdos, navegação eficiente e boas práticas de SEO. Com isto em mente, vamos ao que Jason Schubring chama de “A Estratégia Web de Pirâmide”.

Este é um artigo traduzido do original “The Web Strategy Pyramid: A Well-balanced Web Strategy“, do blog Six Revisions, e sofreu algumas adaptações.

Conteúdo

“O conteúdo é rei” é um cliché, mas é assim por uma razão: é verdade. Um site pode ter os melhores anúncios, milhares de seguidores do Twitter e um web design espetacular, mas nenhuma destes mantém usuários, a não ser que se tenha o conteúdo que eles estão procurando. Um conteúdo fantástico é o combustível que impulsiona todos os outros esforços. Afinal, por que alguém iria fazer um tweet sobre o seu site ou adicionar em alguma rede social se não há nada que vale a pena compartilhar?

A melhor maneira para ter um bom começo (e se manter com níveis positivos de crescimento e retorno) é através do conteúdo. Se ele é único, cativante, interessante e direcionado ao público-alvo, então uma base sólida está construída.

Alguns pontos a considerar são:

O conteúdo do site é baseado em termos que os usuários entendem ou há o uso de jargões?
O conteúdo é intencionalmente escrito para a web ou é reaproveitado a partir de material offline?
Se você é um blogueiro, seu conteúdo tem uma perspectiva e ponto de vista únicos, dignos de discussão e retweets?

Conteúdo para web é um assunto complexo, repleto de nuances, detalhes e pormenores. Essas são somente perguntas-base. Estude mais!

Usabilidade / Design

Se os visitantes não conseguem encontrar o que procuram, não importa que você tenha enchido o site com um conteúdo fantástico. Navegação complexa, má utilização de espaços em branco, gráficos ou animações que distraem e uma grande variedade de outros tropeços de UX podem acabar com a possibilidade de transformar uma visita em venda ou um seguidor em um grande fã!

Não há muito tempo, realizar um teste de usabilidade em um site ou aplicativo complexo podia custar milhares de “dinheiros” (dólares, euros, reais ou o que for). Atualmente existem muitos recursos grátis de usabilidade para recolher feedback dos usuários.

Também é possível discutir questões simples com colegas de trabalho e outras pessoas através de wireframes ou algum outro tipo de “rascunho”. As tarefas mais comuns são realizadas com facilidade? A navegação é facilmente compreendida? Essa e outras questões fundamentais são de vital importância: fazer testes “básicos” é melhor que fazer teste nenhum!

SEO

Alguns podem estar surpresos com o fato de que SEO não é um dos itens na base da pirâmide. “Se não é possível encontrar quem se importa?”. Nesse ponto, cabe uma explicação: se o seu conteúdo está bem escrito e focado nas necessidades dos visitantes, então já estão sendo feitos grandes progressos no caminho para um SEO eficaz!

Demasiadas vezes as pessoas tentam encontrar o “segredo” para uma boa classificação nos mecanismos de busca, mas nunca têm tempo para avaliar o conteúdo em seu site. Um dos verdadeiros segredos de SEO está em construir uma base sólida de conteúdos relevantes. Novamente, aqui estão alguns pontos a considerar:

Há no conteúdo as palavras-chave que seus usuários estão procurando?
Seus títulos (tags h1, h2, h3 etc) incluem palavras-chave?
O título das páginas conteêm palavras-chave e informam o tema do conteúdo?

De novo, estas são apenas algumas questões básicas. Mais informações podem ser encontradas no artigo “As melhores práticas de SEO para seu site ou blog melhorar o posicionamento nos mecanismos de busca” e na categoria SEO.

Mídia Social

Para o prosseguimento da leitura, assume-se que você tenha tido, pelo menos, um contato superficial de sites como o Facebook, Twitter e MySpace e, provavelmente/de preferência, tenha alguma experiência usando ferramentas para otimizar as atividades de mídia social (Radian6, ScoutLabs, HootSuite, etc).

Com este pressuposto em mente, o ponto mais importante é: tenha uma estratégia de longo prazo para mídias sociais!

Não são raras as empresas e/ou pessoas que iniciam participação em redes sociais sem ter um público-alvo, um propósito claro e objetivos bem definidos.Você tem uma estratégia bem definida para mídias sociais? Aqui estão alguns itens para ajudá-lo a determinar se esse é o caso:

Se você está num ambiente corporativo e alguém é designado para trabalhar em social media, esse será um trabalho focado, próprio ou é algo que só será feito quando houver tempo livre?
Sua empresa usa uma agência de publicidade para mídias sociais? Usar esse tipos de empresas normalmente é grande para o lançamento inicial e campanhas em curso, mas o que acontece em dois anos? E em quatro anos?
Quem responde às preocupações dos seus clientes no Twitter, Facebook e fóruns? Será que a escolha resiste ao teste do tempo e as expectativas dos clientes? Mais importante ainda: é rentável?

Pay-per-click (PPC)

Agora que uma estratégia de web está feita baseada em um grande conteúdo, uma interface amigável com uma excelente usabilidade, SEO e social media, é o momento do PPC.

Dependendo das necessidades de negócios, PPC pode desempenhar um papel bastante importante. Na maioria dos casos típicos, no entanto, você estará melhor servido por cuidar de todos os outros itens essenciais antes de usar o PPC. Olhe dessa maneira: por que gastar dinheiro para atrair visitantes para um site que não está bem posicionado para fazer o máximo de cada uma dessas visitas?

Considerações finais

Será que essa “Estratégia Web de Pirâmide” está, potencialmente, baseada em necessidades específicas de web e para seu negócio? Certamente que sim.

Se você é uma pequena ou média empresa e venda um produto para um pequeno nicho de mercado, SEO e PPC podem ser mais importantes; se você é um blogueiro, a mídia social é uma parte vital para sua atuação. O ponto central permanece o mesmo, independentemente de seus objetivos: cuide do básico e só siga adiante quando o básico estiver aceitável.

Seus usuários (e sua conta bancária) agradecem!

6 mitos de SEO que você deve evitar

Tárcio Zemel — Mon, 18 Jan 2010 12:22:45 +0000

Foram necessários somente poucos anos para que SEO se tornasse um negócio sério, com empresas especializadas no assunto e “agências de otimização” surgissem, com o mesmo objetivo de antigos mercados (além de ganhar dinheiro, claro): ser o melhor do ramo. Mas, nesse meio tempo, alguns mitos sobre SEO surgiram e foram devidamente criados por aqueles que se interessam em angariar a fatia maior do mercado e erroneamente propagados por aqueles que não se interessam em estudar/testar.

Evidentemente quem não trabalha especificamente na área, às vezes comete/propaga enganos sobre SEO por descuido ou falta de conhecimento; e é por esse motivo que devemos sempre ter critério na hora de escolher nossas fontes de estudo e dar todo o crédito aos diversos “gurus” que se apresentam (e se autointitulam assim).

Então, antes de gastar tempo e dinheiro em uma campanha SEM/SEO, veja quais são os 6 maiores mitos sobre SEO e aprenda os verdadeiros fatos sobre eles.

Este é um artigo traduzido do original “Avoid these Top Six SEO Myths and Learn the Facts“, do blog SEO Marketing World, e sofreu pequenas adaptações.

Mito de SEO 1: todas metatags tem igual importância

Algumas meta tags são úteis, mas outras podem não ser tão relevantes assim. Atualmente, os motores de busca estão mais preocupados com o conteúdo do site do que as metatags que foram escolhidas.

Mito de SEO 2: SEO é caro

SEO é como qualquer coisa: há SEO que é caro e SEO baratinho. Você só tem que saber o que procurar e quais as melhores técnicas de SEO que irão beneficiá-lo.

SEO orgânico é menos dispendioso e muitos do que é feito não tem custos. Uma campanha PPC ou banner publicitário pode ser mais caro porque você paga por cliques ou impressões. Com o SEO, os cliques não custam nada (para você).

Mito de SEO 3: Sites devem ser submetidos a mecanismos de busca semanal ou mensalmente

Você deve submeter seu site para um mecanismo de busca somente uma vez. Automaticamente o bot daquele mecanismo de busca irá voltar. Para acelerar o processo de ter seu site indexado, faça link(s) para um site de alto tráfego ou alto PageRank. Suas URLs serão encontrada pelos motores de busca e serão indexados automaticamente.

Mito de SEO 4: Fornecer conteúdo basta para ficar bem posicionado

Evite esse mito a todo custo! Você deve fornecer conteúdo otimizado de qualidade de SEO off site com a densidade de palavras-chave adequada. Ter de backlinks para o seu site é fundamental para a boa classificação no Google e outros mecanismos de busca.

Mito de SEO 5: Palavras-chave e termos competitivos não são recomendados

É imperativo que você utilize as palavras-chave que todo mundo está usando (e, consequentemente, as pessoas estão procurando), já que as pessoas procuram seu tema ou produto digitando palavras-chave. É recomendável que você use uma variedade alta, média e baixa de frases e palavras-chave competitivas.

Mito de SEO 6: SEO orgânico não é tão eficaz quanto PPC

Enquanto isso poderia realmente ser uma afirmação verdadeira a curto prazo, a longo prazo isso não é verdade. Isso acontece porque as pessoas tendem a confiar mais nas informações encontradas em buscas orgânicas e não muito para as informações pagas em uma base PPC.

Agora que está ciente dos 6 maiores mitos de SEO, você está melhor preparado para criar uma campanha de SEM/SEO que realmente irá beneficiar você!

Web sites e comunicação: 21 maneiras de os sites se comunicarem com seus visitantes

Tárcio Zemel — Thu, 20 Nov 2008 16:10:36 +0000

Uma das mais importantes responsabilidades de um web site é a comunicação com os visitantes. Independentemente de o site ser um blog, um portfolio, um site corporativo ou um e-commerce, ele existe para se comunicar com os visitantes.

A comunicação, em alguns casos, é uma “via de mão dupla” (comentários em blogs são um bom exemplo), mas na maioria dos casos o site comunica antes de os visitantes enviarem seu feedback. Para que o site comunique eficientemente, o designer e o dono do site precisam ter propósitos claros das mensagem que querem transmitir aos visitantes.

A melhoria da comunicação é um processo contínuo. Através da avaliação de diversos sites, aí estão as maneiras pelas quais os web sites se comunicam com seus visitantes.

Este é um artigo traduzido do original “21 Ways Websites Communicate with Visitors“, do blog Vandelay Design, e a tradução foi feita com autorização do autor.

Títulos

Títulos são um óbvio ponto de partida para a comunicação se dar com os leitores. Os títulos devem informar aos leitores o que vão encontrar na página ou artigo se continuarem a leitura e devem ser extraídos do conteúdo, como consequência.

Independentemente se o site é um blog, um portfolio, um e-commerce ou qualquer tipo de web site, o título é um componente-chave da comunicação online com visitantes. A qualidade de um título pode ter um incrível impacto sobre quantas pessoas continuarão lendo o conteúdo, mas muitos de nós não damos aos títulos a atenção que eles merecem.

Subtítulos

Uma das chaves para a efetiva comunicação online é “quebrar” o texto para que fique mais legível. Uma das maneiras de aumentar a legibilidade e fazer o conteúdo ficar mais “amigável” é incluir subtítulos. Os leitores terão mais facilidade em entender e lerão de forma mais fácil, assim como entenderão mais facilmente a estrutura do texto.

A maioria dos blogueiros está acostumada a utilizar subtítulo, mas eles também podem ser usados em outra situações. Em momentos em que há conteúdos divididos em parágrafos ou listas, existe a possibilidade de aumentar a legibilidade com a utilização de subtítulos. Quando usar subtítulos, use de maneira que os conteúdos fiquem melhor apresentados e para criar um interesse particular pelas “seções” do texto.

Texto na página (conteúdo)

O texto na página é obviamente uma das maiores formas de comunicação com os visitantes. “Copyrighters” prestam bastante atenção aos pormenores da escrita, mas muitos sites não fazem um trabalho efetivo com seus textos. A quantidade de texto e como ele será abordado varia muito de um tipo de site para outro.

Por exemplo, um blog vai incluir uma grande quantidade de texto e esta será a principal forma de comunicação com os leitores. Por outro lado, um e-commerce deve ter pequenas quantidades de texto, com o propósito de informar aos visitantes detalhes sobre os produtos ofertados – o conteúdo deve ser descritivo o suficiente para impulsionar e contribuir com as vendas, mas muito conteúdo pode desencorajar ou dificultar as vendas.

Taglines

Nem todos os sites usam taglines, mas alguns as utilizam de forma de forma bastante eficaz. Ela precisa comunicar rapidamente algo sobre a empresa, produto ou serviços. Taglines são ótimas para fins de branding e para ajudar a controlar a impressão que é dada aos visitantes.

Branding / Logo

Alguns sites se valerão de serviços profissionais para criação de seus logotipos, mas, muitos, não. Independentemente de um site utilizar um logotipo desenhado profissionalmente ou simplesmente um texto para o título, há uma mensagem para ser comunidade em termos de branding.

Por que as empresas estão dispostas a pagar bem por um logotipo de qualidade? Porque um logotipo bem concebido irá ajudar a empresa a comunicar algo básico com os clientes, algo que ajuda a determinar como as pessoas veem marca.

Cores

Esquemas de cores são um aspecto crítios do web design, não somente por afetar como um site é apresentado, mas, também, porque as cores são capazes de comunicar mensagens sutis aos visitantes. Em certas culturas, as cores têm transmitem mensagem e representações bem claras, mas, em outras, o impacto das cores nos visitantes é algo mais sutil nos leitores e visitantes.

Veja um “guia” muito bom sobre como encontrar a combinação de cores perfeita para seu site: “Find the Perfect Colors for Your Website“.

Imagens

Todos nós conhecemos o ditado “Uma imagem vale mais que mil palavras” e, certamente, isso pode ser aplicado ao web design. Com a impaciência da “média” de visitantes de sites, boas imagens podem ajudar a reter uma certa atenção, isso sem mencionar que as imagens simplesmente melhoram a aparência geral do site.

Ao trabalhar com imagens no web design, às vezes você se verá no dilema de usar fotos fornecidas pelo próprio cliente ou se valer de fotos mais profissionais, como as que podem ser pegar em sites de fotografia como o iStockphoto. É importante pensar sobre o propósito da imagem e o que é preciso comunicar para o visitante, já que existem ocasiões para ambos os casos.

Por exemplo, se você estiver elaborando o web design de um site de igreja você pode querer usar uma foto profissional para grandes áreas da página inicial, mas provavelmente vai querer usar fotos reais da igreja para a maioria das imagens no site (tais como fotos de eventos específicos dentro da igreja), porque estas fotos ajudam a comunicar como a igreja é de verdade.

Título da página (barra de títulos)

Os títulos das páginas (que aparecem na Barra de Títulos dos navegadores) não são importantes somente para fins de SEO, mas, também, para propósitos de comunicação com seus visitantes. Enquanto os visitantes estão no seu site, eles prestarão mais atenção para os títulos que estão nas páginas do que para o título que aparece no topo de seus navegadores. Entretanto, muitos visitantes virão através dos mecanismos de busca e, neste caso, os títulos das páginas (que aparecem na Barra de Títulos) desempenham um papel crítico em comunicar seus conteúdos.

Além dos mecanismos de busca, aqueles que chegam a seu site através de links em outros sites também estão suscetíveis de serem “afetados” pelos títulos das páginas. Em muitos casos, os sites que fizerem um link para o seu usarão o título como texto âncora, que comunica sobre o que a página trata para aqueles que considerarem clicar no link.

Layout

O layout de um site é importante por várias razões, e comunicação é uma delas. O layout pode comunicar mostrando quais partes do site ou do conteúdo são mais importantes. Normalmente o site será disposto de modo a que os conteúdos mais importantes tenham maior destaque. Isso mostra aos visitantes o que você quer que eles vejam mais.

Veja “20 Websites With Unique Layouts“.

Estilo do design

Existe um “sem-número” de diferentes estilos de design por aí, e o estilo escolhido consegue comunicar certas mensagens aos visitantes. Alguns designs criam certas “impressões ” em muitos visitantes, e isso pode auxiliar ou prejudicar o propósito da comunicação de seu site, dependendo de qual “impressão” for.

Para alguns exem, veja “25 Incredibly Artistic Websites“. Todos os sites apresentados nesta mini-galeria enviam uma mensagem para os visitantes com base no nível de criatividade do design. Você verá que muitos dos sites são de apresentação de portfolios de designers ou de alguma forma estão relacionadas com design. Obviamente, mostrando sua criatividade desta maneira, um designer mostra a potenciais clientes que tem habilidade para criar web sites únicos e atrativos, e isso mostra o quanto o estilo pode ajudar, em termos de comunicação.

Ícones

Muitos sites e blogs utilizam ícones. E esses ícones não são usados unicamente para melhorar a aparência do site. Eles também intencionam comunicar alguma coisa aos visitantes com rapidez. Por exemplo, os ícones de RSS usados nos blogs imediatamente comunicam aos visitantes que eles podem subscrever para acompanhar as novidades. Um ícone de casinha também é um ícone muito comum para propósitos de navegação.

É válido baixar ícones de alta definição e qualidade para usar no site. Uma boa montagem e estruturação do layout com ícones profissionais pode conferir uma boa taxa de aceitação/conversão.

Navegação

Os links que são fornecidos e onde são colocados também comunicam aos visitantes quais páginas são importantes e onde você quer que eles vão. Normalmente, as páginas mais importantes são colocadas na navegação principal do site e outras páginas podem ser lincadas dentro do conteúdo da página ou em uma barra lateral ou rodapé.

Web designers têm muita influência sobre qual conteúdo é enfatizado em função do sistema de navegação. Tenha certeza de que as partes mais importantes do site são fáceis de se encontrar e podem ser acessadas rapidamente a partir de qualquer lugar do site.

Vídeo

Vídeos on line certamente se tornaram muito comuns nos últimos anos, e essa tendência parece ser certa de continuar. Vídeos proporcionam uma excelente forma de comunicação com os visitantes. Os vídeos podem ser utilizados para entretenimento, blogs, demonstrações de produtos e muito mais.

Comunicações por vídeo às vezes podem ser bem fáceis. Você pode ter um nível de certeza maior de que a mensagem que foi comunicada foi devidamente recebido por quem ela estava destinada. Às vezes a comunicação com textos pode ser limitada ou pode ser interpretada de maneiras diferentes.

Áudio

Além do vídeo, o áudio é uma outra forma de adicionar mídia a um web site para propósitos de comunicação. Algumas vezes o áudio pode ajudar; algumas vezes ele pode prejudicar. Em geral, áudio que começa a tocar sem a soliticação do visitante será encarado como chato e obstrutivo.

Anúncios

Anúncios são bem aceitos em boa parte dos sites de hoje. No entanto, os produtos e serviços em questão irão enviar mensagens aos visitantes em termos de conteúdo do seu site, como você vê seus visitantes e sobre o que é realmente importante para você.

A maioria dos donos de web sites não gostaria de ter anúncios de Viagra, já que isso poderia enviar uma mensagem não intencionada a seus visitantes (leia-se: “Você é broxa!”). Se os anúncios em um site são relevantes para os visitantes, então eles se sentirão mais “em casa”, mesmo se eles não estiverem interessados em clicar ou comprar alguma coisa, porque eles sentirão com a audiência pretendida para o web site.

Os anúncios também podem comunicar baseados em onde eles estão posicionados. Pessoalmente, não sou um grande fã de anúncios juntamente com o conteúdo de um site porque eu fico com a impressão de que o anúncio é mais importante para o dono do site que o conteúdo e a experiência de seus leitores com esse conteúdo.

FAQ (Perguntas Mais Frequentes)

Páginas de FAQ (Perguntas Mais Frequentes) são usadas em muitos sites porque elas podem ajudar a comunicação com os visitantes que frequentemente tem o mesmo tipo de perguntas. Ao invés de deixar essas perguntas sem respostas ou ter que responder a cada pergunta, separadamente, uma página de FAQ pode ser uma maneira útil e conveniente de os visitantes terem suas perguntas respondidas.

Facilidade de contato

Alguns visitantes de web sites desejam contatar o dono do site por uma razão ou por outra. Quão fácil ou quão difícil é para o visitante encontrar uma maneira de entrar em contato? Se você tiver um formulário de contato que é facilmente acessível de qualquer página de seu site, você enviará a mensagem de que encoraja seus visitantes a entrarem em contato e que você está interessado em seus pensamentos e opiniões.

Por outro lado, um site que não apresenta informações de contato ou se essas informações estão “enterradas” em algum canto do site e são difíceis de serem encontradas, isso mostra aos visitantes que o dono do site não se preocupa com o que os visitantes tem a dizer e que ele não quer ser incomodado.

Depoimentos

Depoimentos são usados extensivamente em sites de vendas, bem como nos sites de prestadores de serviço. Uma declaração de um cliente satisfeito pode ser uma poderosa maneira de comunicação com os visitantes. Ao invés de somente apresentar a mensagem por si mesmo, você coloca uma outra pessoa na frente, que pode ser mais credível do que suas próprias palavras.

Links Externos

Os sites e páginas para os quais você faz link podem dizer aos visitantes sobre o que é o seu web site e o que é impotante para você. Você não faz ligações externas se não quer agregar algum valor ao seu site e a seus visitantes; então os links que você faz dizem muitas coisas sobre seu site.

Por causa dessa mensagem que está sendo enviada aos visitantes, não se esqueça de ser cuidadoso em relação aos links externos que você faz. Lincar para “más vizinhanças” pode ser algo ruim em relação aos propósitos de SEO e isso também “mancha” sua imagem aos olhos dos visitantes.

Meta Descrições

A meta tag “description”, na verdade, não comunica nada aos visitantes quando eles já estão em seu site, mas ela pode comunicar uma mensagem importante para os pesquisadores que estejam tentando encontrar algo específico. Muitos mecanismos de busca utilizam a descrição nas SERPs (páginas de resultados de busca), então isso é uma oportunidade para dizer às pessoas sobre o que é aquela página, antes mesmo de a pessoa a visitar, e isso pode ajudar a melhorar seu CTR nas SERPs.

Acessibilidade

Se um web site é inacessível para alguém, esse “alguém” fica com a impressão de que não é considerado importantes pela a empresa ou pelos criadores do site. Se fosse importante, poderia acessar o site sem dificuldades. Tenha certeza de que você considera os potenciais impactos da inacessibilidade a respeito de um projeto ou site que não será acessível a um determinado público-alvo.

O que mais?

Fique à vontade em compartilhar seus próprios pensamentos e opiniões sobre o tema da comunicação e web sites.

Boas práticas de SEO para seu site na primeira página do Google

Tárcio Zemel — Thu, 13 Nov 2008 12:26:09 +0000

Lendo alguns feeds sobre SEO, deparei-me com o artigo do Marketing de Busca sobre o e-book SEO para principiantes do Google. Essa é a vantagem de assinar “trocentos” feeds, sobre variados assuntos: você fica sabendo das notícias mais recentes sobre aquele nicho de atuação rapidamente!

Seguindo a dica do post, baixei o e-book “Search Engine Optimization Starter Guide” para conferir. Ele é bem curtinho, menos de 25 páginas, e vai direto ao assunto de otimização de sites para iniciantes. E ele informa as principais diretrizes para seu site ter um bom posicionamento no Google através, principalmente, de listas informativas com as principais “dicas”. Vejam um “resumo-tradução” destes principais tópicos que, certamente, são bem úteis para o objetivo de seu site aparecer na primeira página do Google!

Boas práticas de SEO para títulos de páginas

Descreva com precisão o conteúdo da página;
Crie tags “title” únicas para cada página;
Use títulos breves, mas que sejam descritivos.

Boas práticas de SEO para a meta-tag “description”

Faça um resumo preciso do conteúdo da página;
Utilize descrições únicas para cada página.

Boas práticas de SEO para a estrutura de URLs

Use palavras-chave nas URLs de seu site;
Faça com que seu site tem uma estrutura de diretórios simples;
Forneça somente uma versão de URL para cada página/arquivo do site.

Boas práticas de SEO para a navegação do site

Tenha uma hierarquia que seja fácil de se “percorrer”;
Utilize principalmente textos para a navegação;
Tenha o recurso de “caminho-de-pão” (“breadcrumb”) no site;
Tenha um mapa do site em (X)HTML (uma seção do site) e uma versão em XML;
Considere o que acontece quando alguém suprime parte da URL de uma página;
Possua uma boa página de erro 404.

Boas práticas de SEO para o conteúdo de seu site

Escreva textos fáceis de se ler;
Mantenha uma boa organização em torno do tema;
Use linguagem que seja relevante para seu público-alvo;
Tenha conteúdo atual e exclusivo;
Ofereça conteúdos exclusivos e serviços;
Crie conteúdo primeiramente para pessoas, não para sistemas de busca (entenderam o slogan do blog?).

Boas práticas de SEO para textos âncora (links)

Escolha conteúdos descritivos;
Utilize textos concisos;
Formate os links para que sejam facilmente distinguíveis do texto comum;
Utilize essas dicas para links internos, também.

Boas práticas de SEO para textos de títulos

Imagine que está escrevendo uma manchete de jornal;
Utilize tags de títulos/subtítulos com moderação (e de forma organizada).

Boas práticas de SEO para imagens

Utilize nomes dos arquivos e texto “alt” breve, mas descritivo;
Forneça texto alternativo (“alt”) quando usar imagens como links;
Utilize imagens em um diretório de seu próprio domínio;
Utilize os formatos de imagem mais comuns (JPG, GIF, PNG e BMP).

Boas práticas de SEO para promover seu site

Blogue sobre novos conteúdos e novos serviços;
Lembre-se da divulgação off line de seu site;
Saiba sobre os sites de social media;
Aproxime-se daqueles que tratam de assuntos relacionados ao seu.

E vale mesmo a pena ler o livro de boas práticas de SEO da Google?

Sim, vale a pena ler o livro!

Como mencionado, este foi um “resumo-tradução” das boas práticas de SEO, no qual evidenciei os que achei mais importantes (também acho importante a questão do robots.txt). No “Search Engine Optimization Starter Guide” você encontra outras dicas e uma pequena descrição sobre cada tópico destes, com dicas essenciais e o que não se deve fazer em cada caso.

Boa leitura!

Maneira simples de saber quem faz referências a seu blog WordPress

Tárcio Zemel — Wed, 20 Aug 2008 14:44:16 +0000

Uma das principais estratégias de SEO, SEM, acompanhamento de resultados, estáticas, métricas e quaisquer outras atividades e siglas referentes a saber como está o status de seu blog na web, é saber quais são os sites que fazem referência ao seu – corrija-me o Alexis, se estiver falando besteira. Quando algum outro site ou blog faz ligações a seu blog é sinal de que algum conteúdo seu foi reconhecido e indicado – “recebeu um voto”, como dizem alguns – e agora existe uma ligação para ele, um inbound link.

Existem diversas maneira de saber quando uma ligação foi feita a seu blog WordPress, seja usando sistemas na web, realizando consultas “especiais” no Google, usando plugins, etc. Entretanto, a maneira mais prática, rápida e fácil de saber sobre as ligações que são feitas a seu web site ou blog – pelo menos no meu ponto de vista – é fornecida pelo próprio WordPress.

Assinar o feed de ligações para seu blog WordPress

Existe uma maneira de assinar um feed cujo conteúdo são as referência que são feitas para seu blog WordPress! Este feed libera uma nova “notícia” cada vez que seu blog recebe um inbound link, informando o título, endereço, quem escreveu e um trecho do artigo.

Para mim, que sou vidrado em feeds e não fico sequer um dia sem conferir as novidades, saber, através de um feed de inbound links ao desenvolvimento para web, quem fez uma referência ao blog, é espetacular!

Como assinar o feed de referência a seu blog ou site WordPress

É muito fácil assinar o feed de inbound links para seu site ou blog WordPress. Na verdade, é uma opção que aparece na primeira página do painel administrativo, numa área de bastante visibilidade, mas que, não sei por que, a maioria dos que usam WordPress desconhecem o recurso.

Basta você clicar na opção “RSS” que aparece à extrema direita da divisão “Links de Entrada“. O link que tem um iconezinho de Feed RSS.

Então, você simplesmente copia o endereço do Feed de referência a seu blog e o cadastra em seu agregador de Feeds – recomendo o Google Reader, por achar que é o melhor agregador de feeds.

Bem facinho, né? ;-)

SEO para designers: os erros mais comuns na otimização de sites

Tárcio Zemel — Fri, 09 May 2008 15:53:44 +0000

Saiu um artigo no Web Designer Wall um artigo muito interessante, tratando sobre SEO para designers.

Nele, os aspectos mais básico da otimização de web sites é abordada, passando desde uma explicação sobre como funcionam os sitemas de busca até dicas importantes, como o cuidado ao escolher o nome do domínio, atenção com a página de erro 404, dentre outros.

O que mais gostei no artigo foi uma lista de erros que web designers e desenvolvedores cometem no desenvolvimento de sites. Lista essa que coloco aqui, com alguns comentários meus.

Erro de SEO 1 – Telas de Entrada (Splash Screens)

A tão defamada e mal usada tela de “Splash”… Não sei exatamente quem inventou de colocar essa “introduçãozinha” nos web sites; só sei que, por motivos que me fogem à compreensão, muitas pessoas imitaram (e imitam) isso achando que é “bonitinho” ou eficiente para alguma coisa…

A verdade é que ter uma tela de splash em web sites acaba atrapalhando a experiência do usuário, prejudica a classificação nos mecanismos de busca e fere o conceito de “home page”.

Atrapalha a experiência do usuário. Se alguém digita o endereço de seu site ou blog, o que espera é entrar de uma vez para conferir as atualizações, artigos, ou o que quer que seja. Se a intenção dele fosse ver um desenho ou propaganda, ele procuraria por esse tipo de material… Além do quê, levando em conta a usabilidade, para acessar o conteúdo do site, ele terá que dar 1 clique a mais, o que não é nada aconselhável;
Prejudia a classificação nos mecanismos de busca. A página inicial, geralmente, é a página onde a maioria dos spiders começa a procurar seu conteúdo. Além disso, é comum que a home page seja a melhor classificada e tenha maior page rank. Utilizando uma Splash Screen, há prejuízos diversos em todas estas questões;
Fere o conceito de “home page”. A questão aqui não é que “ferir conceitos é algo ruim”; isso foi só uma maneira de falar que as telas de introdução prejudicam a experiência dos visitantes. Idealmente, as home pages deveriam servir para apresentar o produto, serviço, promoção, artigos, etc, utilizando, claro, os conceitos de SEO, para o visitante e apresentar a estrutura de navegação do site. Usando a tela Splash, como dito, o visitante é obrigado a dar 1 clique a mais para ter acesso ao mais importante…

Erro de SEO 2 – Menus em Flash

Quem me conhece e alguns dos leitores do desenvolvimento para web já sabem que eu sou totalmente contra o uso de Flash que ultrapasse um “bannerzinho”. Não que eu pense que a tecnologia só tem essa serventia, e sim por questões de usabilidade, tempo de carregamento, e outros.

Ter um menu Flash impede que os spiders “encontrem” o restante do web site a partir da página incial (e se entrarem por uma página que não esta, também). Quer dizer, por causa de um menu que, muitas vezes, tem um efeito simples que pode ser conseguido por utilização de imagens de CSS, a indexação de um web site é incompleta ou nem acontece.

Tudo bem, tudo bem, há a “técnica” de colocar, próximo ao rodapé das páginas, um menu idêntico ao menu em Flash, sendo que este é com texto puro (por questões de acessibilidade). Sinceramente, vejo isso como uma excelente oportunidade de perder visitantes e/ou tempo de permanência destes, já que a porcentagem de novos visitantes que rolam a barra de rolagem é pequena e os links desta parte têm menos relevância para os bots de busca.

Erro de SEO 3 – Conteúdo em Imagens e/ou Flash

Olha o terceiro erro, aí; depois ninguém pode falar que minha cisma com o Flash é em vão!

Muitos desenvolvedores adoram fazer sites “100% Flash“… Não sei se é de conhecimento de quem faz isso, mas, com a atual tecnologia dos mecanismos de busca, é impossível para um bot saber do conteúdo de um site totalmente em Flash (existem até algumas iniciativas, mas nada significativo). Para um bot, é somente um arquivo inserido e pronto.

O mesmo se dá com imagens. Não adianta nada fazer belíssimas composições com textos e palavras-chave em imagens, já que os robôs de busca (ainda) não reconhecem o conteúdo de uma imagem. O máximo que se pode fazer é colocar um atributo “alt” mas, também, deve-se atentar para seu real propósito, que é ser uma alternativa para caso a imagem não seja carregada.

Erro de SEO 4 – Abuso do uso de AJAX

A tecnologia AJAX sem dúvida facilita e melhora bastante a experiência do usuário, se usada de forma adequada. Entretanto, desde que se “popularizou” (porque é usada desde 1997…) muitos abusos são cometidos em nome da dinamicidade.

Então, para uso desta tecnologia, é muito importante prestar atenção na técnica de desenvolvimento de sites em camadas. Fazendo primeiro a camada de conteúdo e aplicando a camada de comportamento posteriormente, os spiders conseguirão indexar o web site por completo. Valendo-se somente do AJAX para os menus, imagens e texos, certamente isso não acontecerá…

Erro de SEO 5 – Versionamento doa página inicial

Alguns desenvolvedores são adeptos à tecnica de, para cada versão do site, criar uma pasta diferente e colocar todo os arquivos nela. Por exemplo, site.com/v1, site.com/v2, e assim por diante, sempre redirecionando o acesso da página principal para a pasta da versão mais recente.

Alterarar muito freqüentemente a localização da página inicial pode prejudicar os “votos” recebidos através de links externos e a classificação nos rankings de busca, em geral.

Erro de SEO 6 – Links “clique aqui”

Esse erro começou nos primórdios da web e é cometido até hoje…

O link é a base, o núcleo, o cerne da web! É o link que permitiu que a web chegasse a ser o que é hoje e é o link que permitirá que seja muito mais! Com essa importância toda, por que você não sabe fazer links?

Um link “clique aqui” não diz nada a respeito de para qual outra página o visitante irá; não complementa em nada sua experiência no web site; não referencia da maneira correta a página de destino, conseqüentemente não contribuindo para o aumento da relevância do site; dentre muitos outros.

Portanto, deve-se usar textos claros, objetivos e, principalmente, descritivos, para que a pessoa (ou spider) que clicar no link saiba o que deve esperar encontrar e não tenha suas espectativas frustradas quando o fizer.

Erro de SEO 7 – Uso incorreto da “title”

O conteúdo da tag “title” é um dos fatores mais importantes para um bom trabalho de SEO. Numa classificação de importância dos fatores de otimização de sites que são mais relevantes, certamente o conteúdo da tag “title” fica no “TOP 5″.

É através dos títulos da página que os bons robôs de busca conseguem indexar mais facilmente, mais eficientemente e mais corretamente. Devemos seguir algumas diretrizes para escrever títulos na web. Também, os títulos, na maioria dos bons sistemas de busca, são os que aparecem em destaque nas SERPs.

Algumas questões sobre os títulos:

Limite de caracteres de títulos. Basicamente, um bom título para a página não ultrapassa 65 caracteres. Daí a importância de ele ser sucinto e objetivo, ser um resumo para quem o lê e instigar a visita;
Palavras mais importantes primeiro. A(s) palavra(s)-chave mais importante(s) deve(m) ter precedência, quer dizer, deve(m) aparecer primeiro que as demais. Perceba como são os títulos dos blogs de sucesso;
“Keyword stuffing”. Abusar da(s) palavra(s)-chave no título para tentar uma melhor classificação nos sistemas de pesquisa também é um erro. Se houver abuso, é possível que seja considerado um “title spam” e acontecer uma penalização do resultado. “Otimização às avessas”…

Erro de SEO 8 – Atributo “alt” das imagens vazio

Como já explicado, o atributo de imagens “alt” para servir de alternativa quando, por qualquer motivo, a imagem não puder ser exibida. Também foi dito que os atuais spiders não conseguem interpretar o conteúdo (textual ou não) de imagens.

Juntando essas informações, é fácil concluir que deixar o atributo “alt” é perder chance de otimizar ainda mais aquela página para a(s) palavra(s)-chave escolhida(s). Os bots levam em consideração a descrição alternativa das imagens e a utiliza para indexar.

Erro de SEO 9 – URLs não amigáveis

Muitos desenvolvedores web não se atentam ao poder que uma URL amigável tem. Primeiramente ela facilita humanos a identificarmos e memorizarmos mais facilmente um endereço web; depois, um dos “TOP 5″ de SEO é referente ao endereço das páginas.

O que se vê muito por aí, principalmente em blogs, são endereço do tipo site.com/?p=35. Isso não quer dizer nada!

Agora, quando se tem endereços descritivos como site.com/um-texto-descritivo-do-meu-site, a chance de uma boa classificação nas SERPs aumenta consideravelmente e a correta indexação da página, também.

Para quem usa WordPress, dê uma olhada no artigo “As melhores práticas de SEO que você pode adotar em seu web site ou blog para melhorar o posicionamento nos mecanismos de busca“, onde ensino a configurar corretamente o WordPress para que faça permalinks amigáveis (não usei “clique aqui”, viram?).

Puxando para o lado mais técnico, procurem sobre mod rewrite.

Erros de SEO – Conclusão

A primeira conclusão é que o artigo sobre técnicas de SEO para designers do Web Designer Wall é muito bom! Leiam para conhecer outros aspectos que eu não citei neste artigo.

Se eu tivesse que escolher o “Erro de SEO 10″, provavelmente seria “Manter-se desatualizado“. O modo de funcionamento dos robôs de busca (algoritmos) mudam constantemente. Quando os mantenedores dos bots percebem que sua tecnologia já foi “manjada” e os resultados não são mais tão úteis e fiéis é que as atualizações acontecem.

Isso acontece mais rápido do que imaginamos, podem ter certeza!

A dica final, então, é sempre ficar atento quanto às últimas novidades de SEO, pesquisar sempre, ler muito a respeito, assinar feeds que tratam sobre o assunto (como o feed do desenvolvimento para web) e, como sempre digo, utilizar com bom senso e discernimento os ensinamentos adquiridos.

Se você fosse complementar a lista com o Erro de SEO 10, qual seria?

Pirâmide de conteúdo: estrutura lógica de web sites (para pessoas)

Tárcio Zemel — Mon, 24 Mar 2008 14:49:45 +0000

Lendo um dos livros de Dan Thies, cheguei a um capítulo onde era feira uma analogia interessante: a estrutura lógica de web sites (conteúdo voltado para pessoas, e não para bots de busca) pode ser representada por um pirâmide, sendo esta dividida; cada parte representaria um aspecto importante da estrutura lógica dos sites.

O próprio Thies dá explicações a respeito de cada divisão; com minhas próprias palavras (decorrentes de como interpretei a explicação), ficaria algo mais ou menos assim:

Página inicial

De acordo com Dan Thies, a página inicial é onde a maioria dos visitantes entram (ou conhecem) na maioria dos web sites e, embora possa ser feito um trabalho (SEO) para que outras páginas tenham um bom posicionamento, com o intuito de as pessoas entrarem no site através delas (o que acontece, efetivamente), a página inicial é visitada por mais pessoas e mais freqüentemente que qualquer outra página dos sites.

A “regra de ouro” é que se as pessoas conseguirem encontrar o que elas procuram (naquele site) a partir da home page, então o desenvolvedor optou pelo caminho certo; do contrário, há bastante trabalho a ser feito.

Segundo minha própria experiência na área (e o comentário do colega Alexis corrobora isso), parece que a afirmativa de que a página inicial é mais visitada e mais frequentemente que outras páginas do site já foi correta, atualmente valendo somente para determinados tipos de sites, como portais de notícias, por exemplo.

Categorias

A segunda “parte” é referente às categorias (“roadmap pages”, como Thies chama). Esta divisão da pirâmide é relativa à estrutura de páginas (ou hierarquia de diretórios), mais especificamente à maneira como esta estrutura está organizada e, a partir desta organização, o qual fácil é para quem está no web site encontrar a informação que deseja ou realizar uma tarefa que é necessária.

Há um mito na área de usabilidade na web que apregoa: “Qualquer informação no site deve estar a, no máximo, 3 cliques”. Na verdade, não é bem assim. Como cita Dan Thies (e Jacob Nielsen, também, em seu livro “Projetando Websites com Usabilidade”), as pessoas não se importam tanto com a quantidade de cliques que têm que dar, desde que o “trajeto” seja simples e que, a cada clique dado, a proximidade do objetivo almejado seja maior.

Com esta preciosa informação em mente, é possível pensar melhor na arquitetura da informação do web site e como ela pode facilitar (ou não…) a experiência do usuário.

Por “curiosidade”, na perspectiva de SEO, a segunda parte da pirâmide é formada por qualquer página do site que consiga fazer link com a página inicial.

Conteúdo

As “Destination pages” (literalmente como consta no livro para designar o conteúdo, propriamente dito), em um site típico, são as mais importantes, na perspectiva das informações e processos de web sites. O esquema de navegação de um “visitante comum” costuma ser o seguinte:

Exemplificando com um site de e-commerce, as “roadmap pages” seriam as categorias de produtos (eletrodomésticos, livros, CDs, etc) e as “destination pages” seriam as descrições de cada produto dentro de uma dessas categorias. Em uma perspectiva de otimização para mecanismos de busca, as “destination pages” seriam quaisquer páginas que ficam a 2 cliques da página inicial.

Novamente, isso deve ser interpretado à época da escrita do livro. Até mesmo por feeling é possível observar que essa suposta estrutura navegacional não é seguida à risca pelo “usuário”, sendo o comportamento (“hábito”?) de procurar algo em buscadores e acessar página específica, diretamente, bem mais evidente.

Conteúdo profundo

Na maioria dos web sites, ter até três níveis de conteúdo (destination pages) é o suficiente: é possível ter milhares de páginas utilizando este profundidade.

A partir deste “limite”, é preciso fazer um trabalho um pouco mais elaborado (quer dizer, diferenciado) de SEO para uma adequada indexação de páginas que ultrapassam o terceiro nível do site. Então, segundo o que Dan Thies dá a entender, somente em casos em que realmente é preciso que devemos fazer um site com uma estrutura mais aprofundada que 3 níveis (que são mais que o suficiente).

Algo que, levando em consideração a Pirâmide de Conteúdo, faz bastante sentido; mas, devemos lembrar, este é um estudo e opinião de Thies e, não necessariamente, é uma constante para todo e qualquer tipo de site. É importante ter isso em mente.

Conclusão sobre a “Pirâmide de Conteúdo para Pessoas”

~~Ainda não terminei de ler o livro de Dan Thies; de qualquer maneira, digo que, até o momento,~~ li coisas sobre SEO interessantíssimas, que jamais havia lido sobre o assunto.

Esta “pirâmide de conteúdo”, que representa a estrutura lógica de web sites para pessoas, realmente faz algum sentido. Somando a experiência do autor na área (anos de atuação) com as palavras e a lógica que ele se utilizou no livro, muito provavelmente esta analogia da pirâmide é correta.

Entretanto, como resguardado em vários momentos do artigo, estes são estudos e conclusões a que Thies chegou e compartilhou à época da publicação do livro. Para a atualidade, muitas dessas “regras” não se aplicam a todos os tipos de sites e/ou podem ser relativizadas, servindo a “Pirâmide de Thies” para pautar estudos e formular teorias de desenvolvimento, nunca como paradigma absoluto que deve ser cegamente seguida.

SEO, amadorismo, opiniões tendenciosas e o mercado de atuação do “verdadeiro profissional” em SEO

Tárcio Zemel — Tue, 04 Mar 2008 18:01:43 +0000

Lendo o feed do blog do Fábio Ricotta, vi um artigo que, na verdade, é a opinião do autor a respeito do texto “SEO é para Profissional“, do SEM Brasil. Intrometido que sou, resolvi dar minha opinião!

Os argumento apresentados por Erick Beltrami Formaggio, do artigo do SEM Brasil, num primeiro momento, realmente podem ser considerados inteiramente válidos. Entretanto, como a imensa maioria do que é dito/escrito, há controvérsias!

Teoria x Prática de SEO

Um dos principais argumentos é sobre o “auto-desenvolvimento de teorias e práticas” a respeito de SEO. Pelo modo que é tratado no texto, fica até parecendo uma coisa ruim! Para você, também é? Então a melhor coisa a se fazer é seguir estrita e unicamente o que se vê pela internet e é aprendido em cursos e livros? Não vale a criatividade e o pensamento próprio, quando o assunto é otimização para mecanismos de busca? E de onde saiu aquela técnica que traz resultados reais? Se inovar é “pecado”, de onde será que ela surgiu?

Num outro ponto, o autor comenta:

A maioria das agências que vendem consultoria seja para SEO, Link Patrocinado ou mesmo Google Analytics, não têm certificações importantes, além de não serem reconhecidas como agências SEM pelos próprios Mecanismos de Busca, através de selos do tipo “Google Advertising Professional“, entre outros.

Mais uma vez, da maneira que é colocada esta afirmação, parece que só aquele que possui certificações e mais certificações em determinada área é legitimamente confiável para se nela atuar e/ou comentar a respeito. No mesmo sentido que o Fábio, penso que o autodidatismo, se forma um bom conhecimento em quem o pratica, equivale tanto quanto um pedaço de papel na parede… Como bem disse Ricotta,no fim, títulos não contam, resultados pelo contrário, contam e muito.

Quer dizer, vincular a capacidade de uma pessoa; dizer se ela é boa ou não no que faz; afirmar que dela nada de bom se pode esperar pelo único motivo de não possuir certificações, realmente é adotar uma postura extremista! Concordam?

Como disse, não descordo completamente de tudo o que foi citado no artigo de Erick Beltrami; sua postura e maneira com que o assunto foi abordado, da forma mais tendenciosa (presume-se que ele tenha “trocentos” certificados, né…), é que me motivou a escrever este post, mostrando minha opinião.

Quando o autor do polêmico artigo disse “Então não faz sentido, pelo menos ao meu modo de ver, empresas que em nada tem a ver com Search tentando comer essa fatia do bolo“, explicitamente mostrou que desaprova os experimentos que, por ventura, sejam feitos por quem não tem a parede de casa enfeitada…

Conclusão sobre o profissional de SEO / SEM

Finalizando, gostaria de deixar claro que respeito a opinião e a maioria dos argumentos apresentados pelo autor; entretanto, não concordo! O Fábio Ricotta disse que conhecevárias pessoas que começaram em casa, aprendendo sozinhos na Web, e hoje estão trabalhando em grandes empresas; e essa é a realidade de quem trabalho no ambiente virtual! O aprendizado, a disciplina, a mostra de resultados, enfim, o serviço bem feito, é que pode dizer se determinada pessoa é ou não qualificada para tal ou qual função.

PS: Erick Beltrami cita que “Muita gente que não tem experiência com o mercado SEM sai por aí ‘auto-desenvolvendo’ teorias e práticas que em nada têm a ver com a verdadeira Otimização de Sites (SEO)“. Gostaria que ele informasse qual é a verdadeira Otimização para Mecanismos de Busca que citou, para que eu possa aprender a para de utilizar a falsa…

Aprenda a escolher as melhores palavras-chave para a otimização de seu site

Tárcio Zemel — Thu, 21 Feb 2008 23:53:06 +0000

O trabalho de SEO para otimizar páginas e sites para os mecanimos de busca é realmente muito interessante. Essa otimização, quando bem feita, tende a aumentar consideravelmente o número de visitantes de um web site.

O trabalho dos profissionais e/ou novatos em Search Engine Optimization (ou, como prefiro, otimização para mecanismos de busca), entretanto, às vezes é fatigante (em outras palavras, chato). Para isso existem as ferramentas SEO para auxiliar os atuantes da área.

Vi no feed do Webinsider a indicação de uma ferramenta SEO que, na minha opinião, é uma das mais úteis que existe atualmente: Google Keyword Popularity, da tele-pro.

Esta ferramenta utiliza o Google Web API para comparar o número total estimado para as buscas pelas palavras chave escolhidas. Em outras palavras, você informa uma lista de palavras-chaves que quer comparar e ele retorna qual delas é a melhor opção. Uma coisa importante: o resultado apresentado equivale ao número de página encontradas numa buca por aquelas palavras, e não o número de vezes que elas foram procuradas.

É extremamente útil saber qual das palavras-chave que se está querendo usar é a mais procurada na internet para evitar que se faça uma “otimização às avessas”, quer dizer, incluir termos nas páginas que, erroneamente, pensava-se que seriam os melhores.

Por exemplo: quais palavras utilizar para otimizar uma página sobre filmes: “filme” ou “filmes”? Utilizando a Google Keyword Popularity, é possível saber que o número de páginas encontradas para a primeira é 215 000 000 e para o segundo 9 150 000. Claro que, para o exemplo, utilizar as duas seria o mais indicado.

Uma outra tática que se pode usar é ver quais as palavras com resultados maiores e utilizar as que tem resultados menores! A princípio, pode parecer um contra-senso; entretanto, pode aparecer a situação em que seja desejável explorar um “nicho” ainda em ascensão.

A partir de hoje, pelo menos para mim, a Google Keyword Popularity é indispensável!

Google Keyword Popularity

As melhores práticas de SEO para seu site ou blog melhorar o posicionamento nos mecanismos de busca

Tárcio Zemel — Wed, 20 Feb 2008 23:48:15 +0000

SEO, ou, em bom português, otimização para mecanismos de busca, é muito interessante e traz resultados reais para blogueiros e, principalmente, desenvolvedores web. Este artigo traz uma compilação das melhores práticas de SEO que você pode adotar em um web site ou blog!

Sobre as melhores práticas de SEO

Otimização para mecanismos de busca é o que as pessoas fazem, utilizando variados conceitos, técnicas e procedimentos para tentar uma melhor colocação nas páginas de resultados dos mecanismos de busca, ou SERPs, como preferem alguns.

Há extenso material sobre SEO na internet, e está ao alcance de qualquer um que se interesse pelo assunto e queira otimizar um site/blog para que este fique melhor colocado nos rankings dos mecanismos de busca. Justamente por ser extenso, às vezes pode parecer que ele está esparso; coisa que, depois de passado o primeiro momento, mostra-se como não verdadeiro.

De qualquer maneira, uma compilação com as principais e melhores técnicas para otimizar um site para os mecanismos de busca é sempre bem vinda! E foi justamente uma compilação de técnicas SEO que Julie Batten, do ClickZ, fez; e é nessa compilação que me inspiro para escrever as técnicas/práticas de SEO a seguir.

Use palavras-chave no URL

Isso pode ser feito assegurando-se que o nome dos arquivos das páginas obedeça a convenções que façam um bom uso das palavras-chave.

Para blogueiros que utilizam WordPress, por exemplo, uma excelente maneira é configurar o permalink, ou link permanente, dos artigos e páginas. Para tal, siga a seqüência:

Opções
Permalinks
“Personalizada, especifique abaixo”
digite /%category%/%postname%/ (com as barras, mesmo)

Outra medida indispensável é utilizar o plugin All In One SEO Pack.

Direcione conteúdo para cada página (“assunto”)

É bom que cada página tenha 2 ou 3 parágrafos descritivos, quer dizer, que estes parágrafos (que devem ser os primeiros parágrafos) sejam “ricos” em palavras-chave escolhidas para a otimização daquela página, em especial.

Coloque palavras-chave próximas do início do código

Utilizando a maneira correta para montar designs web, quer dizer, utilizando CSS, é possível posicionar os elementos visuais da página em qualquer lugar que se queira (fazer os elementos renderizarem em posições diferentes do que realmente estão no código (X)HTML).

O conselho é que, independentemente do design escolhido para o blog ou site, as palavras-chave escolhidas para a otimização fiquem o mais próximas possível do início de seus respectivos códigos fonte.

Utilize tags para títulos e subtítulos

As tags para títulos (h1 a h6) foram idealizada justamente para isso: para marcar títulos! Prefira tags para marcar títulos ao invés de estilização de texto puro ou utilização de imagens. Preferencialmente, utilize as palavras chave mais importantes nos títulos de maior grau (h1 e h2) e vá decrescendo, segundo o grau de importância desejado.

Cuidado com o tamanho do arquivo (X)HTML

Segundo o que li em algum lugar (realmente não me recordo onde…), os bots de busca têm um limite para percorrer as páginas, e este limite é dado em KB. Por exemplo, o Google Bot percorre somente os primeiros 100KB de um arquivo.

Por isso, muito cuidado com a utilização desenfreada de imagens, com a divmania, e procure manter um código fonte enxuto e fácil de manutenir (resumindo: codifique usando os padrões da web).

Adicione textos descritivos para cada imagem

Para adicionar um texto descritivo nas imagens, basta se valer do atributo “alt“, na hora de escrever a tag de imagem (para quem usa WordPress com tinyMCE ativado, basta preencher o campo “Título” na hora de fazer upload de imagens para o editor).

A grande dica é fazer textos realmente descritivos e, quando possível, sucintos, que contenham, também, palavras-chave do atual documento. Além de otimizar a página para os spiders, o quesito “acessibilidade” também fica presente.

Faça links de texto ao invés de imagem

Os robôs de busca utilizam os textos dos links como auxílio para determinar qual é o assunto que a página apontada trata. Fazendo textos com imagens, isso é dificultado. Portanto, faça links com textos e, importante, com textos descritivos, que realmente sugiram do que trata a página (nada de “clique aqui”, por exemplo).

Implante DHTML corretamente

No atual estágio do desenvolvimento para web, a meneira mais correta de desenvolver um web site é através do desenvolvimento em camadas: uma camada para o conteúdo; uma camada para a aparência; uma camada para o comportamento. A vantagem disso é que o projeto é mais facilmente manutenível e há a possibilidade de mexer em cada camada separadamente.

Desenvolva seus web sites em camadas (há muito material sobre isso disponível)! Os mecanismos de busca são “usuários cegos”, quer dizer, só conseguem interpretar conteúdo ((X)HTML). Fazendo seu site em camadas, você garante que os usuários terão uma melhor experiência e que suas páginas serão corretamente indexadas pelos spiders.

Evite frames

O uso de frames/iframes, além de ser técnica ultrapassada, não é aconselhável por questões de acessibilidade e otimização para mecanismos de busca. Ou seja, se você utilizar essas tecnologias velhas na hora do desenvolvimento, esteja ciente de que uma parte de seus visitantes não terá total acesso a seu site e que alguns mecanismos de busca exibirão páginas incompletas.

Use corretamente o arquivo robots.txt

O arquivo robots.txt é um arquivo que possibilita restringir/permitir o acesso dos bots que visitam suas páginas. Nele, é possível especificar qual ou quais páginas/arquivos podem ser visitados e quais não podem.

Para saber mais sobre o arquivo robots.txt, veja a página da Wikipedia que trata sobre o assunto. Para os blogueiros de plantão, no BrPoint há um artigo que sugere um robots.txt ideal para o WordPress.

Utilize corretamente o redirecionamento de páginas

O conselho é que se evite o redirecionamento temporário (302) e se utilize o redirecionamento permanente (301). O motivo é simples de entender: o redirecionamento 302 é temporário, quer dizer, um bot pode indexá-lo em seu banco de dados e, pouco tempo depois, o apontamento não mais funcionar… Já com o redirecionamento fixo, este problema deixa de acontecer.

O tratamento correto destes erros e como lidar com eles foge um pouco ao escopo “tradicional” de um desenvolvedor web (ou blogueiro), e exige configurações mais “profundas” para funcionarem corretamente. Entretanto, é aconselhável que todos os envolvidos com a web tenham noção e saibam pelo menos o básico sobre isso. Para começar, uma boa indicação seria o artigo do BrDesigner.com que trata sobre o erro 301 e faz uma abordagem geral sobre o assunto.

Não use Black Hat SEO

Black Hat SEO é o “lado negro da força” das técnicas de otimização para mecanismos de busca. São práticas que visam a enganar os bots para se conseguir uma excelente colocação nas SERPs em pouco tempo. Para saber mais sobre esta nociva prática, que pode chegar a banir o site dos mecanismos de busca, leia um excelente artigo sobre as práticas de black hat SEO.

Evite usar páginas iniciais “splash“

“Páginas inicias splash” são aquelas páginas index que não apresentam o conteúdo do site; apresentam, sim, alguma informação geralmente não muito útil e que quebra as expectativas dos visitantes que a acessam. Geralmente são informações sucintas sobre a empresa; escolha de idioma, escolha de configuração de tela; e outras coisas que, quando se usam tecnologias atuais para desenvolver web sites, tornam-se desnecessárias.

Não é aconselhável que se use as splashs porque isso prejudica o posicionamento do site nos mecanismos de busca. Isso acontece basicamente pela “inveracidade” das informações (às vezes contradiação com o título, meta-descrição ou meta-palavras-chave) e/ou pela quantidade mínima de palavras-chave presentes, num lugar onde elas se fazem mais do que necessárias.

Evite URIs com query strings

“Query strings” podem ser vistas em um endereço de páginas facilmente. Basta ver se há presentes caracteres como “?”, “=”, “&”, e outros mais estranhos. Isso é feito em web sites dinâmicos e servem para manipular/controlar o fluxo de exibição dos conteúdos. Apesar da facilidade que o recurso oferece, não é aconselhável que se deixe os permalinks dos sites dessa maneira.

Existem maneiras de evitar isso, “sobreescrevendo” por URIs mais amigáveis tanto para os mecanismos de busca, quanto para as pessoas guardarem. Existe material bem extenso sobre esta questão. Quem quiser, pode começar os estudos no nodesign, no artigo Apache, mod_rewrite e URL Amigável.

Atenção com o conteúdo duplicado

O conteúdo duplicado, ou seja, quando um mesmo conteúdo aparece em diferentes sites na web, pode ser prejudicial. É interessante inteirar-se sobre o assunto, porque isso é um importante e, às vezes, controverso assunto no meio de desenvolvedores web. De iníco, leia meu texto sobre conteúdo duplicado e, depois, pesquisa um pouco mais sobre o assunto para tomar algum tipo de posicionamento.

Seja consciente!

Tudo isso que foi dito, pessoal, são “receitas de bolo” (bolos muito bons, diga-se de passagem) que podem ou não serem seguidas/utilizadas. Na minha opinião, um dos mais importantes passos rumos à qualificação e/ou profissionalização de um desenvolvedor web é o desenvolvimento do senso crítico e do pensamento autônomo.

“Pinçar” dica e macetes sobre os mais variados assuntos na internet é a coisa mais fácil do mundo! O que não é tão fácil, assim, é ter e praticar o conhecimento de que “cada caso é um caso”, e que para cada situação deve-se ter o cuidado e consideração de analisar, analisar bem, o uso ou não uso de determinada técnica ou artifício.

Que possamos fazer bom uso destas técnicas e discernir sobre as melhores situações para aplicá-las!

Conteúdo duplicado: penalização nos mecanismos de busca?

Tárcio Zemel — Wed, 13 Feb 2008 13:15:34 +0000

O conteúdo duplicado, ou seja, textos repetidos em diferentes sites, pode ser penalizado pelo Google e outros mecanismos de busca. Entretanto, há maneiras para amenizar isso. O Google dá algumas diretrizes gerais a respeito da duplicação de conteúdo; diretrizes estas que valem para os demais (leia-se: menos significantes) mecanismos de busca. É bom ler o que o Google indica sobre conteúdo duplicado.

No site Easylogics há um bom artigo com algumas orientações a respeito da duplicação de conteúdo e algumas coisas que não se deve fazer. Vale a pena ler o artigo “Evite o Conteúdo Duplicado“.

Bem, o fato é que, em uma conversa com o Ronit Rozen, do Artigonal, surgiu a questão de publicar o mesmo artigo em sites diferentes, se realmente seria prejudicial para a classificação nos mecanismos de busca, e tudo o mais.

Matt Cutts explica duplicação de conteúdo

Ele fez uma pesquisa na web e descobriu uma boa explicação de Matt Cutts sobre conteúdos duplicados. Basicamente, ele comenta que se deve:

Evitar publicar o mesmo artigo em excesso (quer dizer, em muitos sites diferentes);
Inserir um link para o conteúdo original.

Nas palavras de Matt Cutts,isso ajuda a garantir que o conteúdo original tenha mais PageRank, o que ajuda a escolher os melhores documentos em nosso índice.

No meu caso, em especial, para evitar isso, escrevo o artigo nos outros sites com variações no texto. Isso diminui consideravelmente o tamanho do artigo, às vezes; mas, penso, ajuda com o possível problema de duplicação de conteúdo e penalização pelos mecanismos de busca.

Então, caso se queira publicar artigos em diferentes endereços web, escolha somente 2 ou 3 sites (esse “muitos sites diferentes” é bem subjetivo; eu entendi que esse número é aceitável) para fazê-lo e, claro, não se esqueça de colocar um link para o conteúdo original.

desenvolvimento para web » SEO

Microdata API e Schema.org: dando significado ao HTML

O problema do significado

Conhecendo a Microdata API

Sintaxe da microdata

Microdata DOM API

Schema.org

Exemplo de uso do Schema.org

Usando o vocabulário do Schema.org

Dicas para trabalhar com schemas

Mais é melhor, com exceção de conteúdo oculto

Tipos esperados versus texto.

Usando a propriedade “url”

Teste a marcação

Conclusão sobre Microdata API e schemas

Artigos Relacionados

Guerreiro SEO: resenha

Informações sobre o livro Guerreiro SEO

Guerreiro SEO: capítulos e conteúdo

“Apanhado geral” sobre o livro Guerreiro SEO

Conclusão

Bônus!

Artigos Relacionados

Erros comuns em desenvolvimento web para campanhas de SEO

Passar muitos argumentos no URL

Usar muito JavaScript, frames/iframes, AJAX, Flash e Silverlight

Não usar o atributo alt em imagens e não otimizar o caminho das imagens

Usar métodos incorretos para oferecer suporte a idiomas diferentes

Não se preocupar com o tempo de carregamento da página

7 dicas de desenvolvimento web

Artigos Relacionados

Estratégia Web de Pirâmide: guia para uma estratégia de web equilibrada

Conteúdo

Usabilidade / Design

SEO

Mídia Social

Pay-per-click (PPC)

Considerações finais

Artigos Relacionados

6 mitos de SEO que você deve evitar

Mito de SEO 1: todas metatags tem igual importância

Mito de SEO 2: SEO é caro

Mito de SEO 3: Sites devem ser submetidos a mecanismos de busca semanal ou mensalmente

Mito de SEO 4: Fornecer conteúdo basta para ficar bem posicionado

Mito de SEO 5: Palavras-chave e termos competitivos não são recomendados

Mito de SEO 6: SEO orgânico não é tão eficaz quanto PPC

Artigos Relacionados

Web sites e comunicação: 21 maneiras de os sites se comunicarem com seus visitantes

Títulos

Subtítulos

Texto na página (conteúdo)

Taglines

Branding / Logo

Cores

Imagens

Título da página (barra de títulos)

Layout

Estilo do design

Ícones

Navegação

Vídeo

Áudio

Anúncios

FAQ (Perguntas Mais Frequentes)

Facilidade de contato

Depoimentos

Links Externos

Meta Descrições

Acessibilidade

O que mais?

Artigos Relacionados

Boas práticas de SEO para seu site na primeira página do Google

Boas práticas de SEO para títulos de páginas

Boas práticas de SEO para a meta-tag “description”

Boas práticas de SEO para a estrutura de URLs

Boas práticas de SEO para a navegação do site

Boas práticas de SEO para o conteúdo de seu site

Boas práticas de SEO para textos âncora (links)

Boas práticas de SEO para textos de títulos

Boas práticas de SEO para imagens