Anclajes dentro de los encabezados, o viceversa: ¿hay algo diferente en relación con el SEO? [cerrado]


86

Siempre me tropiezo con esta (pregunta bastante simple) cuando hago, por ejemplo, blogs de Wordpress. ¿Debería envolver el título, que también debería ser un enlace, en un <a>elemento de anclaje , o debería ser al revés? ¿Y por qué?

(1) :

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

(2) :

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

Siempre termino haciendo (1) , ya que me parece más lógico, que el título esté envuelto en un enlace.

¿Hace alguna diferencia, por ejemplo, en SEO? ¿Reflejará el ranking SEO?


3
Esta pregunta en Pro Webmasters es lo que está buscando
John Conde


2
Voy a votar para cerrar esta pregunta porque, si bien esto fue sobre el tema cuando se hizo, las preguntas de SEO que no son de programación ya no son sobre el tema aquí y deben hacerse en Webmasters . Específicamente la etiqueta de ancla previamente vinculada dentro de <h1> o <h1> dentro de la etiqueta de anclaje: ¿cuál es mejor? responde esta pregunta allí.
dbc

Respuestas:


78

Antes de HTML5:
el ancla tiene que estar dentro del encabezado, no puede colocar un elemento de nivel de bloque dentro de un ancla, y la mayoría de los navegadores no lo renderizarán 100% confiable si lo hace.

En HTML5:
No importa, use el que tenga más sentido semántico . Probablemente el primero.

Recuerde que si su documento usa DTD de HTML4, no se validará y es posible que no se procese correctamente porque usa las reglas antiguas donde un ancla no puede contener un elemento a nivel de bloque. Utilice solo la primera opción en HTML5. XHTML es equivalente a HTML4, aunque no estoy 100% seguro acerca de XHTML1.1 (pruébalo y comprueba si se valida).


8

Si está utilizando un DTD HTML 4.01 (no estoy seguro acerca de la transición, pero definitivamente la estricta), entonces el elemento de ancla debe aparecer dentro del elemento de encabezado. Verifique su tipo de documento si no sabe qué DTD está usando (suponiendo que tenga uno, que necesita para que su código se considere válido). El tipo de documento HTML5 se ve así:

<!DOCTYPE HTML>

El tipo de documento 4.01 es:

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

También sugiero que se familiarice con el DTD en sí mismo si va a trabajar con 4.01, responderá todos estos tipos de preguntas.


Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.