Âncoras dentro dos cabeçalhos, ou vice-versa - há algo diferente em relação ao SEO? [fechadas]


86

Sempre me deparo com essa (questão bastante simples) ao fazer, por exemplo, blogs Wordpress. Devo quebrar o título, que também deve ser um link, em um <a>elemento âncora , ou deve ser o contrário. E porque?

(1) :

<a href="foo">
    <h1>bar</h1>
</a>

(2) :

<h1>
    <a href="foo">bar</a>
</h1>

Sempre acabo fazendo (1) , já que me parece mais lógico, que o título esteja envolto em um link.

Isso faz alguma diferença, por exemplo, no SEO? Isso refletirá a classificação de SEO?


3
Esta pergunta no Pro Webmasters é o que você está procurando
John Conde


2
Estou votando para fechar esta pergunta porque, embora isso fosse no tópico quando perguntado, as perguntas de SEO não relacionadas à programação não estão mais no tópico aqui e devem ser feitas nos Webmasters . Especificamente, a tag âncora previamente vinculada dentro de <h1> ou <h1> dentro da tag âncora: o que é melhor? responde a esta pergunta lá.
dbc

Respostas:


78

Antes do HTML5:
A âncora deve estar dentro do cabeçalho, você não pode colocar um elemento de nível de bloco dentro de uma âncora e a maioria dos navegadores não o renderá de forma 100% confiável se você fizer isso.

Em HTML5:
Não importa, use o que fizer mais sentido semântico . Provavelmente o primeiro.

Lembre-se de que se o seu documento estiver usando DTDs em HTML4, ele não será validado e pode não ser renderizado corretamente porque está usando as regras antigas em que uma âncora não pode conter um elemento em nível de bloco. Use apenas a primeira opção em HTML5. XHTML é equivalente a HTML4, mas não tenho 100% de certeza sobre XHTML1.1 (experimente e veja se valida).


8

Se você estiver usando um DTD HTML 4.01 (não tenho certeza sobre o transicional, mas definitivamente o estrito), o elemento âncora deve aparecer dentro do elemento do cabeçalho. Verifique seu doctype se você não souber qual DTD está usando (presumindo que você tenha um, o qual você precisa para que nosso código seja considerado válido). O doctype HTML5 tem a seguinte aparência:

<!DOCTYPE HTML>

O doctype 4.01 é:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 

Também sugiro que você se familiarize com o próprio DTD se for trabalhar com o 4.01, ele responderá a todos esses tipos de perguntas.


Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.