O artigo sobre Otimização de sites para designers e desenvolvedores abaixo é uma tradução do WebDesignerWall.

De acordo com uma pesquisa que fiz, 1 entre 10 pessoas não acham que SEO(Search Engine Optimization) é importante na área de designer; e o que realmente me surpreendeu foi que 24% nem sabem o que é SEO! Se você está entre essas pessoas que não sabem o que é SEO ou sabem como isso pode te ajudar, você realmente deve ler esse artigo. Esse é um guia SEO para designers que querem aprender sobre como fazer  websites ou blogs de forma que sejam encontrados mais facilmente por mecanismos de busca. Eu vou explicar os erros comuns feitos por designers e desenvolvedores.
Posteriormente darei algumas dicas básicas que você deve praticar para otimizar seu site para mecanismos de busca.

Porque você deve aprender sobre SEO?

• SEO não é apenas para pessoas que trabalham com marketing digital. Como um designer ou desenvolvedor FrontEnd, a maioria do SEO feito no site é sua responsabilidade.
• Se o seu site não é amigável para mecanismos de busca, você provavelmente está perdendo tráfego que nem sabe que teria. Lembre-se, alem dos visitantes que digitaram www.seusite.com e backlinks; por meio de sites de busca é a única forma pela qual as pessoas podem achar seu site.
• Há muitos benefícios de se ter site com ranking alto. Vamos usar o ndesign-studio.com como exemplo. Eu tenho, em média, cerca de 14.000 visitantes por dia. Cerca de 40-45% vem de sites de busca (mais de 6000 por dia). Imagine, sem os sites de busca, eu estaria perdendo milhares de visitantes todos os dias. Isso significa, estaria perdendo também clientes em potencial.
• SEO também é um serviço que agrega valor. Como um designer/desenvolvedor você pode vender seu conhecimento em SEO como um serviço a mais.

O Básico: Como um site de busca funciona?

Primeiramente, vamos ver como um site de busca baseado em “crawlers” funciona (Google e Yahoo! se encontram nessa categoria). Cada site de busca tem seu próprio programa automatizado chamado de “web spider” ou “crawler” (No Brasil também chamado de “Robô”). O propósito principal do “spider” é indexar, ler e coletar conteúdo, e seguir links (internos e externos). O “spider” então deposita todas essas informações coletadas na database de seu site de busca chamado de index.

Quando uma pessoa que busca, em algum site de busca dessa categoria, digita na caixa de texto e dá Ok, o trabalho do site de busca é achar o resultado mais relevante àquela procura de acordo com as informações que tem em seu index.

O que faz um site de busca ser bom ou ruim é o quão bem ele responde as suas dúvidas quando você faz uma pesquisa. Isso é baseado no que chamamos do algoritmo do site de busca, que basicamente é uma série de fatores que os sites de busca usam para dizer “Ei essa página é relevante ou não?”.
Quanto melhor sua página estiver rankeada por esses fatores (sim, alguns fatores são mais importantes que outros), melhor sua página estará posicionada nas páginas de resultados dos sites de busca.

Seu trabalho como um Search Engine Optimizer

Cada site de busca tem seu próprio algoritmo para rankear páginas. Entendendo os fatores principais que influenciam o algoritmo, pode-se afetar os resultados de busca e é para isso que um expert em SEO é contratado. Um trabalho em SEO tem dois aspectos: On-site e Off-site.

On-Site SEO: são as coisas que você pode fazer em seu site como: Tags do HTML, keywords, links internos, estrutura do site e etc.

Off-Site SEO: São coisas que você tem menos controle como: quantos backlinks você recebe e quantas pessoas linkam para seu site.

Esse guia foi feito para designers e desenvolvedores. A preocupação principal está no SEO On-Site. Caso você faça seu trabalho bem, crie um site bonito e produza conteúdo útil, você já estará gravado nos Favoritos das pessoas e recebendo backlinks sem sequer levantar um dedo.

Top 9 – Erros de SEO feitos por designers e desenvolvedores

1. Splash Page

Eu tenho visto esse erro muitas vezes onde muitas pessoas põe somente um banner gigante com uma imagem e um link “Clique aqui para entrar” em sua Home. O pior dos casos – o link está dentro de um objeto do Flash, o que torna impossível os “spiders” de seguirem esse link.
Está tudo bem se você não liga se os sites de busca conhecem o seu site; caso contrário, você está cometendo um GRANDE erro. Sua homepage é provavelmente a página com maior rank do seu site e é visitada frequentemente por “spiders”. Suas páginas internas não vão aparecer no index dos sites de busca sem ter uma estrutura de links internos apropriada para o “spider” seguir.
Sua homepage deve incluir (no mínimo) palavras-chave adequadas e links para páginas importantes.

2. Menu Flash não indexável

Muitos designers cometem esse erro por usar menus feitos em Flash, assim como as animações de fade-in e menus animados. Eles podem até parecer legais mas não podem ser vistos pelos sites de busca e além disso os links no menu em Flash não poderão ser seguidos.

3. Imagem e conteúdo em Flash

Spiders são como browsers baseados em texto, eles não conseguem ler o texto dentro de uma imagem ou Flash. A maioria dos designers comete esse erro colocando conteúdo importante (assim como palavras-chave) em Flash e imagem.

4. Excesso de Ajax

Muitos desenvolvedores estão tentando impressionar seus visitantes implementando excessivamente características do Ajax (particularmente por causa de navegação), mas você sabia que isso é uma grande erro no SEO? Porque o conteúdo em Ajax é dinamicamente atualizado, então isso não é indexável pelos spiders/sites de busca.
Outra desvantagem do Ajax – como a URL não atualiza, seu visitante não pode mandar a página que está vendo para seus amigos.

5. Versões de Temas

Por alguma razão, alguns designers amam dar versões aos seus temas em sub-pastas (exemplo: dominio.com/v2, v3, v4) e redirecionam para a nova pasta. Trocando constantemente o local da raiz principal podendo ocasionar na perda de backlinks e rank.

6. Texto âncora em links como “Clique aqui”

Você provavelmente vê muito disso onde pessoas usam “Clique aqui” ou “Saiba mais” como seu texto âncora em links. Isso é ótimo se você quer ser bem rankeado para “Clique aqui”. Mas se você quer dizer ao site de busca que sua página é importante para um determinado assunto, use palavras-chave relativas a esse assunto em seu texto âncora. É muito mais descritivo (e relevante)
dizer “Saiba mais sobre {palavra-chave relativo ao assunto}”

Cuidado: Não use exatamente o mesmo texto em todos os links no seu site. Isso pode ser considerado spam em alguns sites de busca.

7. Erro comum na tag title

Título igual ou parecido
Cada página no seu site deve ter um <title> único com uma palavra-chave nele. Muitos desenvolvedores erram ao colocar palavras em títulos iguais ou parecidos em todas páginas do site. Isso é como dizer ao mecanismo de busca que TODAS páginas do seu site são sobre um mesmo assunto e uma não é diferente da outra.
Outro bom exemplo de título ruim seria usar o título default do tema do WordPress. Caso você não saiba o default da tag título é: Nome do site > Arquivo > Título do Post. Porque isso não é amigável para os sites de busca? Porque cada post terá o mesmo texto “Nome do Site > Arquivo” no começo da tag title. Se você quer realmente incluir o nome do site na tag title, ele deveria aparecer no final: Título do Post | Nome do site

Excedendo o limite de 65 caracteres
Muitos blogueiros escrevem títulos longos. E daí? Nos resultados de pesquisa dos mecanismos de busca o título é usado como link. Você tem um título constituído por 65 caracteres (incluindo espaço) para passar sua mensagem ou o seu título pode vir cortado.

Keyword Stuffing no título
As pessoas tendem a cometer outro erro comum como encher excessivamente o título com palavras-chave. Dizer a mesma coisa mais de 3 vezes não fará você mais relevante. Excesso de palavras-chave na tag title é levado como spam. Mas você pode ser esperto e repetir as palavras de formas diferentes.

“Dicas de Fotos & Técnicas de Fotografia para ótimas imagens”

“Fotos” e “Fotografia” são a mesma palavra repetida duas vezes mas de formas diferentes porque seus visitantes podem usar um ou outra em suas buscas.

8. Atributo Alt vazio em imagens

Você deve sempre descrever sua imagem no atributo alt. O atributo alt é o que descreve sua imagem para um usuário cego. Adivinhe? Os mecanismos de busca não conseguem ver imagens então usam o atributo alt como fator de relevância da página.
Dica: Descrever bem suas imagens ajuda o seu posicionamento nos resultados de buscas por imagens. Por exemplo, o Google Image traz centenas de visitas todos os dias por procuras dos termos “abstract” e “dj”.

9. URL’s não amigáveis

A maioria dos blogs ou gerenciadores de conteúdos oferecem uma URL amigável, no entanto nem todos os blogueiros tiram vantagem disso. URL’s amigáveis são boas tanto para humanos como para sites de busca. A URL também é um importante lugar onde suas palavras-chave devem aparecer.
Exemplo de url amigável: dominio.com/titulo-da-pagina
Exemplo de url dinâmica: dominio.com/?p=123456

O que fazer e o que não fazer em SEO

Deixe-me te dizer O QUE SE FAZER dizendo O QUE NÃO FAZER

Não ignore seus visitantes

Escreva sobre assuntos que seus visitantes se interessam. Gostam de que? Descubra conduzindo uma pesquisa, procurando assuntos comuns em e-mails, fóruns ou faça alguma pesquisa de palavras-chave. Existem ótimas ferramentas de pesquisa de palavra-chave como Google Keyword Tool, SEO Book’s Keyword Tool entre outras. O plano não é passar sua vida fazendo pesquisas mas apenas ter uma idéia geral do que os visitantes estão interessados.

Densidade de palavras-chave

Uma vez que você tenha um tópico para leitores; ajude os sites de busca a acharem. Densidade de palavras-chave é o número de vezes que uma palavra-chave aparece em uma página comparada ao total de palavras. Tenha certeza que as palavras-chave estão inclusas nas áreas mais importantes como:

• Tag Title
• URL da página (URL amigável)
• Header principal (H1 ou H2)
• Primeiro parágrafo do conteúdo
• Pelo menos 3 vezes no resto do conteúdo (mais ou menos depende da quantidade de conteúdo e se e somente se isso fizer sentido)

A maioria das pessoas tenta ficar com uma densidade de palavra-chave em torno de 2% (use uma palavra-chave a cada 100 palavras). Mas e se a palavra-chave for “SEO para WebDesigners e Desenvolvedores Web”, quantas vezes você pode repeti-la antes que comece a aparecer de forma não natural? Escreva para seus leitores e não para os sites de busca. Se você seguir as dicas dadas nesse artigo você estará escrevendo para seus leitores naturalmente; o que funciona bem para os sites de busca também.
Aviso: Não encha excessivamente sua página com palavras-chave, pois você pode ser penalizado pelo site de busca por excesso de palavras-chave (keyword stuffing).

Não ignore os assuntos relacionados

Nesse artigo, faz sentido mencionar tópicos como “pesquisa de palavras-chave”, “crawlers dos sites de busca” e “utilização da tag title”, mas e se eu mencionar termos muito procurados como “planos para celulares”… meio fora do contexto, certo? Então use outras palavras-chave que sejam relativas ao assunto do tópico de forma que faça sentido para seus visitantes, os mecanismos de busca medem a relação das palavras-chave e determinam uma relevância também.

• Carros e pneus (sim)
• Web Design e Macacos Voadores (não… bem, às vezes)

Não tenha medo de linkar internamente

Você quer que os mecanismos de busca vejam cada página do seu site? Ajude ao crawler do mecanismo de busca a fazer isso. Você deve ter uma página (como “Arquivo” ou “SiteMap”) que linkam para todas as páginas do seu site.
Dica: Você pode promover as páginas mais importantes inserindo links em seu conteúdo. Tenha certeza que os textos âncoras dos seus links são relevantes, sempre evitando o “Clique aqui” (como mencionado antes).

Não ignore os links quebrados

Você deve sempre procurá-los e consertá-los. Se você removeu uma página ou uma sessão, você pode usar o robot.txt para fazer com que o crawler não indexe os links quebrados. Se você moveu uma página ou um site inteiro, você pode usar o .htaccess 301 para redirecionar para a nova URL.
Dicas: você pode usar o Google Webmaster Tool para achar links quebrados e erros 404 de páginas não encontradas.

Não seja inconsistente com a URL do seu domínio

Para os mecanismos de busca, com “www” e sem “www” são consideradas URLs diferentes. Você deve sempre manter a estrutura da URL do seu domínio consistente. Mas se você começou a promover seu site sem o “www”, continua dessa forma.

Não tenha medo de codificar semanticamente

Semântica e padrões de codificação não só podem deixar seu site mais limpo como também permitem aos mecanismos de buscam lerem seu site melhor.

SERP – Posicionamento do resultado de busca

Codificar e fazer seu site ser amigável ao SEO pode melhorar como um mecanismo de busca acessa seu site, isso não garante que você estará no topo da página dos resultados de busca. Existem muitos outros fatores que determinam o posicionamento nos resultados de uma busca, aqui estão alguns básicos:

PageRank

Alguns profissionais de SEO prestam atenção ao PageRank e alguns não. Em minha experiência não machuca ter um PageRank alto. É um ótimo bechmark fazer os outros verem o quanto o Google acha sua página importante. Você pode melhorar seu PageRank seguindo as dicas acima e construindo uma base boa de backlinks. Se você quer aprender como o PageRank funciona, o Smashing Magazine é um ótimo artigo sobre isso.

Antes a idade do domínio do que sua beleza

Você pode ficar surpreso ao aprender que a idade domínio também é um fator incluso no algoritmo de um mecanismo de busca. Domínios mais antigos têm uma história, e seu conteúdo e olhado com mais credibilidade do que outros sites que começaram semana passada. Domínios mais antigos às vezes alcançam o topo de um resultado de busca.

Seja paciente

Você pode ter feita cada coisinha certa, mas seu site ainda não aparece nos sites de busca para suas palavras-chave. Por quê? Porque tudo leva tempo. Demora algum tempo até que os sites de buscam indexem e rankeiem seu site (especialmente para novos domínios). Então seja paciente.
Outra razão – pode ser que as palavras-chave que você quer são muito competitivas. Tente alterar as palavras-chave na página e talvez você tenha resultados diferentes. Lembra-se, você pode competir com milhões de páginas na internet.

Recursos para ajudar você a ir mais longe

Google Webmaster Tools

Google Webmaster Tools permite a você checar as estatísticas de indexação do seu site. Se você não usa ainda essa ótimo ferramenta, logue no Google Webmaster Tools, adicione e valide seu site.
Depois de validar seu site você pode descobrir:

• Qual foi a última vez que o crawler passou no seu site
• Erros HTTP
• Erro 404 não encontrado
• Contagem de links externos
• Que palavras-chave as pessoas estão usando para linkar seu site
• Quais palavras-chave são mais procuradas na procura pelo seu site
• e mais

Ferramentas SEO Gratuitas

Aqui estão algumas ferramentas SEO online que podem ajudar você a checar seu PageRank, popularidade de links, posicionamento, densidade de keywords e etc.

Recursos SEO

Aqui estão alguns links externos onde você pode aprender mais sobre SEO:

Considerações finais

Por favor, tenha em mente que eu não sou um expert em SEO (no entanto eu mantenho ranking alto em todos meus sites: N.Design Studio, Best Web Gallery, e Web Designer Wall). As dicas que eu compartilho nesse guia SEO são baseadas em auto-aprendizado e anos de experiência em web design.

Posts Relacionados:

Otimização de sites para blogs