Como trabalhar com as tags do cabeçalho e inserir atributos nas imagens

Tags de cabeçalho adequadas

As tags de cabeçalho servem para estabelecer uma hierarquia de informações para os usuários do site, e existem seis tamanhos de tags de cabeçalho, sua hierarquia se dá em ordem crescente, indo do <h1> até o <h6>. Os mecanismos de busca também entendem que as tags de cabeçalho têm sua importância e possuem uma influência no rankeamento da página e para usar a tags de cabeçalho em sua estratégia SEO é preciso compreender sua estrutura, para utilizá-las de forma efetiva.

Cada página deve conter apenas um <h1> e é imprescindível não quebrar a hierarquia das tags de cabeçalho, abaixo um exemplo prático:

Listagem 1: Exemplo de como utilizar cabeçalhos

<h1> Título</h1>
<h2> Tópico 01</h2>
<h3> Sub tópico 01 do tópico 01</h3>
<h3> Sub tópico 02 do tópico 01</h3>
<h4> Sub tópico 01 do sub tópico 02</h4>
<h3> Sub tópico 03 do tópico 01</h3>
<h2> Tópico 02</h2>

Práticas recomendadas

Pense nos pontos principais e secundários do seu texto e os identifique com sua devida importância
Faça uma hierarquia coerente e que faça sentido
Não utilize as tags de cabeçalho em excesso
Não coloque todo o texto de uma página envolvida por uma tag de cabeçalho

Atributos nas imagens

Faça com que as imagens trabalhem para a sua otimização SEO, utilizando atributos que a identifiquem melhor para os mecanismos de busca. Todas as imagens do site podem ter um nome e um atributo “alt” únicos, tire proveito disso. O atributo “alt” permite apresentar um texto caso a imagem não carregue por alguma razão, e se esta imagem estiver sendo usada como link o “alt” é tratado de uma maneira similar ao texto âncora e também serve para facilitar os mecanismos de pesquisa a compreender e indexar melhor a sua imagem nas buscas por imagens.

Para utilizar este recurso corretamente é necessário descrever de uma forma clara e curta o que a imagem representa, para os nomes da imagem também prefira uma forma breve e que seja descritivo separando as palavras por “-“ vamos ver um exemplo prático do atributo “alt” e do nome da imagem:

Listagem 2: Exemplo de alt da imagem

<img src=”logo-inspired-me.jpg” alt=”Inspired me | SEO WordPress Tutoriais” title=”Inspired me | SEO WordPress Tutoriais” />

Uma boa prática é armazenar todas as imagens em um único diretório e utilize imagens de extensões que sejam suportadas por todos os navegadores, exemplo: .jpg .gif .png

Procure sempre relacionar os atributos da sua imagem com o assunto que ela esta inserida, utilizar palavras-chave relacionadas com o texto é bem relevante para os mecanismos de busca, e consequentemente melhora seu ranking e auxilia sua estratégia SEO.

Utilizando o robots.txt

O arquivo “robots.txt” informa aos mecanismos de busca o que eles podem e o que eles não podem indexar, por esse motivo é preciso muita pericia para trabalhar com este arquivo, um erro pode bloquear o acesso a todo o seu site.

Como criar um arquivo robots.txt

O arquivo deve ser chamado de “robots.txt” e inserido na raiz do seu site.

Listagem 3: Para permitir que todo o site seja indexado:

User-agent: *
Allow: /

Listagem 3: Para bloquear todo o conteúdo de um site:

User-agent: *
Disallow: /

Listagem 4: Para bloquear um diretório e liberar um subdiretório dentro dele:

User-agent: *
Disallow: /diretorio/
Allow: /diretorio/subdiretório/

O uso do “robost.txt” é uma ferramenta importante para a indexação site e utilizá-lo de maneira correta é crucial para sua estratégia SEO funcionar.

Como usar o rel=”nofollow”

Usar o atributo “nofollow” diz aos mecanismos de busca para não passar a reputação da sua página para os vínculos que ela fornece, a utilização do “nofollow” pode ser aplicado nos comentários do site, em propagandas ou em todos os links que levam o usuário para fora do seu sit. Na prática funciona assim:

Listagem 5: Exemplo sem nofollow

<a href=”www.sitedesconhecido.com”>Site desconhecido</a>

Neste caso, o site que contem o link esta transferindo um pouco da sua relevância para o site desconhecido, isso pode ser prejudicial, principalmente quando não se deseja ou não se tem controle do conteúdo externo referenciado.

Listagem 6: Exemplo com nofollow

<a href=” www.sitedesconhecido.com” rel=”nofollow”> Site desconhecido </a>

Esta é a forma correta de referenciar links externos, para todos os links apontados com “nofollow” o site não passa relevância.

Pedro dias explica sobre “nofollow”

O “nofollow” oferece uma maneira para que os webmasters digam aos mecanismos de pesquisa “Não siga links desta página” ou “Não siga este link específico”. Essencialmente, o uso do “nofollow” nos leva a retirar os links de destino do nosso gráfico geral da web.

Dúvidas ou perguntas é só escrever um comentário. Obrigado e até a próxima.

Referências para estudos e textos que serviram como base para este artigo:

robots

mestre seo

http://support.google.com/webmasters/bin/answer.py?hl=pt-BR&answer=96569

http://productforums.google.com/forum/

Desenvolvimento - SEO