¿Qué son las etiquetas de cabecera?
Las etiquetas de encabezado son etiquetas HTML que se utilizan para separar los encabezados y subencabezados del resto del contenido de una página web, en orden descendente de importancia de H1 a H6.
En la mayoría de los casos, sólo necesitará de H1 a H4, donde:
- H1 es el título principal de la página.
- H2 es un subtítulo y un punto de apoyo
- H3 es una subsección o un elemento de lista bajo un H2
- H4 es una subsección o un elemento de lista bajo un H3
También debe tener en cuenta que una etiqueta H1 y una etiqueta de título no son los mismos elementos en HTML. Todas las etiquetas de encabezado describen lo que aparece en la propia página, pero la etiqueta de título comunica el título de la página para la ventana del navegador y para el fragmento de página de resultados del motor de búsqueda.
Así, cuando vea una página web concreta, encontrará el H1 cerca de la parte superior de la propia página, mientras que el "título" es visible en la ventana o pestaña del navegador.
¿Por qué son importantes las etiquetas de encabezado para el SEO?
Las etiquetas de encabezado ayudan a los usuarios a navegar por la página. Desglosan la información para que los lectores puedan escanearla y encontrar rápidamente lo que buscan.
Sin embargo, el uso de encabezados también ayuda a que su sitio web sea más fácil de buscar. Los motores de búsqueda se basan en los encabezados para comprender mejor las secciones de una página.
En general, las etiquetas de encabezado ayudan a mantener el contenido estructurado y fácil de consumir tanto para los motores de búsqueda como para los lectores.
Buenas prácticas para las etiquetas de cabecera
1. No sobrecargue sus etiquetas de encabezado con palabras clave
Si ha seguido las mejores prácticas de SEO durante más de unos años, probablemente esté acostumbrado a incluir palabras clave en las etiquetas H1, H2 y H3.
Estos encabezados solían ser importantes factores de clasificación, pero ahora, el algoritmo de Google se ha vuelto más inteligente. Como resultado, las palabras clave de los encabezados ya no tienen el mismo impacto que antes.
Dicho esto, sigue siendo una buena idea incluir palabras clave en las etiquetas de cabecera. Sin embargo, en la actualidad, debe centrarse en añadirlas de forma más inteligente y natural. Lo último que quieres es sobrecargar tus etiquetas de encabezado hasta el punto de que Google lea tu página como spam.
Más recientemente, hemos visto una razón adicional para ser juicioso con las palabras clave en sus etiquetas de encabezado: buenos subtítulos autoexplicativos pueden conseguirle un fragmento destacado, especialmente en guías de instrucciones o artículos.
2. Encabezados cortos y coherentes
Otro hábito importante con los encabezados es mantenerlos cortos y coherentes, siempre que sea posible. Intenta limitar la longitud de tus encabezados a 3-5 palabras y estructúralos con coherencia para que sean fáciles de escanear para los lectores.
Recuerde que los encabezados están diseñados para dividir un muro de texto en secciones ordenadas, así que tiene sentido que los encabezados y subencabezados demasiado largos no queden bien en las páginas.
Además de facilitar las cosas a sus lectores, estos encabezados rápidos también ayudan a Google a comprender mejor el contenido de sus páginas.
3. Utilice etiquetas de encabezado para jerarquizar correctamente el contenido
¿Sabe por qué existen las etiquetas de encabezado? El propósito original de las etiquetas de encabezado es mantener una jerarquía de contenido adecuada en una página HTML.
De nuevo, el H1 es el encabezado principal, los H2 son subencabezados, los H3 dentro de los H2 son subencabezados para esa sección, y así sucesivamente. Dentro de cada sección, en orden descendente, empieza por la información más importante y relevante y continúa a partir de ahí.
4. Compruebe que el diseño de la cabecera en CSS es coherente
Por defecto, HTML hace un buen trabajo a la hora de establecer una jerarquía visual para una página web.
Por lo general, las fuentes de las etiquetas H1 y H2 son más grandes y pesadas (32px y 24px, respectivamente), mientras que las de las etiquetas H3 y H4 son más pequeñas (18px y 16px, respectivamente).
Aunque no hay una regla fija al respecto, a veces hemos visto temas de sitios web que hacen que sus H3 y H4 sean más grandes que sus H2.
En su sitio web, puede realizar cambios dentro de su hoja de estilos CSS para establecer un diseño de cabecera coherente con un código de formato de fuente adecuado, o añadir selectores a un campo CSS personalizado como una hoja de estilos adicional.
También hay ocasiones en las que se utilizan H3 en lugar de H2. Esto es común si el diseño del encabezado no está bien configurado. Aunque no es un paso crucial, esto asegurará que estás proporcionando la mejor experiencia de usuario posible y obteniendo el máximo valor SEO en Google.
Preguntas frecuentes
¿Puedo utilizar varias etiquetas H1?
Sí que puedes. Google dice que no tiene ningún problema con ello. Aún así, la mejor práctica SEO es tener un H1 por página.
Aunque no sea en beneficio de Google, utilizar una sola etiqueta H1 por página ayuda a mantener la coherencia de las páginas y a facilitar su comprensión en caso de que otros usuarios necesiten realizar cambios.
H1 y etiquetas de título: ¿pueden ser diferentes?
Por defecto, el H1 y el título serán idénticos cuando publiques un nuevo post. Pero puedes escribir títulos y H1 diferentes si lo deseas.
Por ejemplo, es posible que desee que el título sea más corto para que se vea bien en las SERP, mientras que el H1 puede ser un poco más largo para los visitantes de su página - o puede optar por incluir el año en su título mientras lo deja fuera de su H1.
Sea cual sea la razón, es totalmente correcto para fines de SEO que la etiqueta H1 y la etiqueta del título sean diferentes.
¿Cuántos niveles de etiquetas de encabezado hay?
HTML admite seis cabeceras en total: H1-H6. Esto significa que no puedes tener un H7, H8, etc.
Sin embargo, es raro que necesite más subsecciones aparte de la H4. Si necesita H5 y H6 en una página, vale la pena plantearse si está metiendo demasiada información en una sola página.
En su lugar, puede crear una página separada para el contenido para que sea más fácil de leer.
