Otimização de âncoras HTML | Daniel Imamura
Home SEO Otimização de Âncoras HTML
Neste post vou ensinar como exibir as âncoras HTML de suas páginas na snippet do Google.
O que são Âncoras HTML?
São links criados em uma página que levam para uma parte específica do conteúdo da mesma. São muito utilizadas quando se possuí um conteúdo muito extenso e se deseja criar atalhos para pontos específicos.
Para criar uma âncora HTML você deve adicionar uma tag <a> com o atributo name. O conteúdo deste atributo é a sua âncora. Para acessá-lo você deverá criar um link onde o atributo href estará preenchido com #nome-da-ancora.
<a href="#topo">Topo</a>
Em nossa página do Curso de SEO você encontra um exemplo funcionando.
Como indexar Âncoras HTML?
Para que suas âncoras HTML sejam indexadas corretamente pelo Google e sejam exibidas na snippet é preciso seguir alguns passos.
Adicione uma tag H2 no local desejado. Preencha-a com o texto que deseja exibir na página e com sua tag <a> e o atributo name devidamente preenchido.
<h2><a name="estrategiasdeseo"></a>Estratégias de SEO</h2>
Para fazer a chamada da âncora HTML crie uma tag <a> com o parâmetro href preenchido com o nome da âncora e o texto que deseja exibir no Google.
<a href="#estrategiasdeseo">Estratégias de SEO</a>
Assim que o Google indexar a sua página ele identificará que sua ela possui âncoras HTML e caso alguém pesquise pelos termos contidos na página e estes estão abaixo da âncora a sua snippet será exibida da seguinte forma:
Veja que agora é possível acessar diretamente o trecho de conteúdo que ancoramos. Para ver a snippet acima pesquise: Curso de SEO Estratégias.
Um dos principais benefícios é que o usuário não precisa ficar procurando em que parte do texto encontra-se a informação que ele pesquisou, pois é levado diretamente para ela.
Sua snippet também fica mais chamativa e é possível abordar um conteúdo de forma completa, mesmo que o conteúdo fique extenso, pois o usuário consegue encontrar o trecho específico através do Google.
« Ajax e SEO
Daniel Imamura na MestreSEO »
21 de maio de 2012 de 21:49
Primeiramente parabéns pela qualidade do conteúdo do seu blog. Esse artigo está muito bom mesmo, curti! Mas tive algumas dúvidas:
Quando se utiliza essa técnica corretamente, a mesma "substitui" a description (que é utilizada como referência para o Snippet)? De onde exatamente ele "puxa" o conteúdo da snippet?
Ou é preciso utilizar a keyword exata (usada como âncora) na description?
21 de maio de 2012 de 22:21
Sim, a description é substituída por um trecho do texto que se encontra abaixo da âncora.
Normalmente o Google irá selecionar um trecho onde as palavras chaves da busca estiverem presentes.
15 de dezembro de 2012 de 13:27
Muito bacana o seu blog! Já vi diversos artigos aqui que vou guardar para ler posteriormente com mais tempo.
Como conversamos, esses pequenos detalhes que você mostra são muito importantes e podem fazer muita diferença em termos de SEO. O que você mostra neste artigo é um ótimo exemplo disso.
Parabéns pelo blog! Ganhou mais um seguidor.
29 de setembro de 2013 de 21:26
4 de outubro de 2013 de 21:37
Neste caso a otimização da âncora é feita no seu site.
A otimização de links e seus textos âncoras em outros sites é o processo que chamamos de link building.
21 de fevereiro de 2014 de 10:00
Pode me informar se é possível criar um sitemap de um site com links em âncoras?
15 de março de 2014 de 9:26
Olá,Leninha.
Normalmente, quando utilizamos âncoras HTML em uma página elas simplesmente criam pontes para um conteúdo da página, ou seja, a URL sem âncoras possui todo o conteúdo que é lido pelo Googlebot. É esta a URL que deve constar em seu sitemap.
Caso o seu site utilize âncoras devido ter sido programado com AJAX, recomendo a leitura deste post:
13 de março de 2014 de 18:42
ola, eu gostaria de saber, como eu crio um link valido , e como eu coloco conteudo dentro dos menus, tipo texto, fotos etcc…poderia me ajudar?
15 de março de 2014 de 8:58
Um exemplo de menu que insere textos é o site da Amazon (http://www.amazon.com/).
Note que eles inserem explicações abaixo de cada link e fazem a divulgação de produtos e serviços também.
Só não entendi muito bem a questão do link válido.
26 de junho de 2014 de 11:43
Tenho uma dúvida em relação as ancoras.. Com o Google Analytics consigo acompanhar o comportamento do meu visitante no site, através de uma funcionalidade que me mostra quais paginas estão sendo acessadas, entretanto, quando um site possui uma única página e a navegação é guiada pelas ancoras consigo apenas acompanhar a entrada do meu visitante na página. Há alguma forma de otimizar as ancoras para que elas sejam interpretadas de forma que possibilite eu identificar quais estão sendo acessadas?
11 de julho de 2014 de 19:27
Uma forma de saber quais âncoras estão sendo acessadas pelo Google Analytics é adicionar o Event Tracking nos links.
Isso te ajudará a contabilizar os cliques em cada um dos links.
Segue a documentação: https://developers.google.com/analytics/devguides/collection/gajs/eventTrackerGuide?hl=pt-BR
18 de julho de 2014 de 15:17
Olá, parabéns, muito útil o post.
Só que a indexação das ancoras no google aparece assim, por exemplo:
Home;Quem Somos;Contato;
E não na forma de links âncoras como deveria aparecer.Isso é normal? Tenho que esperar o google indexar a página corretamente? Ou há um erro em meu código?
21 de setembro de 2014 de 17:13
Obrigado Daniel Imamura Fernandes, eu estava na duvida, se o Google indexava Âncoras ou não, ótimo artigo.