Encabezados SEO: tipos y ejemplos de uso de la jerarquía

Supongo que sabes que el SEO no es solo que hagan clic en tu página cuando aparece en los resultados de búsqueda. Dentro de ella el trabajo continúa para que el usuario tenga bien claro lo que le ofrecemos y siga navegando.

Pues bien: uno de los aspectos que hemos de cuidar es la legibilidad de los textos, y los encabezados SEO son el instrumento estrella para ello.

¿Y sabes qué? Si los usas bien puedes mejorar tu posicionamiento web, porque si optimizas los encabezados con keywords ayudas a los buscadores a entender y rastrear mejor tu contenido para posicionarlo antes.

Si quieres saber cómo hacer un buen uso de los encabezados para SEO, con ejemplos y consejos para optimizarlos, ¡sigue leyendo!

¿Qué son los headings SEO?

Los encabezados o headings son etiquetas HTML utilizadas para definir la jerarquía y estructura del contenido o el SEO on page de una página web. Son 6 las etiquetas o encabezados que podemos utilizar y que van del H1 hasta el H6. Es decir: de un nivel de importancia superior a uno cada vez menor.

En otras palabras: las etiquetas H se encargan de dividir el contenido en apartados y subapartados, secciones y subsecciones, o títulos y subtítulos (si has hecho un índice de contenidos alguna vez, lo entenderás muy rápido).

¿Para qué sirven los encabezados H1, H2, H3…?

A mí me gusta comparar los encabezados web con los trabajos de la universidad. ¿Verdad que, si no los ordenábamos por apartados, resultaban imposibles de seguir? Pues esto mismo pasa con los textos de tus artículos de blog, el contenido de tus páginas de servicios, de tu home o de tu tienda online.

Por lo tanto, los headings SEO sirven para mucho más que estructurar un contenido:

1. Mejoran la experiencia del usuario: si los encabezados son claros y describen bien el contenido, los usuarios encuentran mucho más rápido lo que buscan. Esto ayudará a que permanezca más rato leyendo en la página, que a su vez es una señal de interacción con tu sitio web positiva para Google.
2. Aumentan la accesibilidad de la web: los lectores de pantalla utilizan estas etiquetas para navegar por el contenido. Así, los usuarios con discapacidades visuales comprenden la estructura del texto y su información mucho mejor. Y ojo, porque no es algo banal. Según un estudio, el 67,5% de los usuarios de lectores de pantalla prefieren navegar por los encabezados para encontrar la información que buscan en las páginas web.
3. Facilitan el posicionamiento: incluir palabras clave relevantes (normalmente sinónimas o relacionadas con la keyword principal), ayuda a completar el significado para que Google lo entienda mejor al rastrearlo. Pero, además, los encabezados bien formulados pueden aumentar las posibilidades de que un contenido aparezca en los fragmentos destacados de Google.

Pero para que tengan estos beneficios, tienes que tener clara esa jerarquía y cuándo usar una etiqueta de header u otra. Vamos a ello.

Los 6 tipos de etiquetas de encabezado web y su uso en el SEO

En HTML, existen un total de 6 etiquetas de encabezado que sirven para dar formato al contenido de una página. Pero hay dos puntos clave que debes entender para aprender a usarlos bien:

• Se organizan de forma jerárquica en orden descendente, de forma que los de nivel superior contienen a los de nivel inferior. Este orden debe respetarse al utilizar los headings para SEO.
• Cada etiqueta presenta por defecto un tamaño distinto al cambiar de nivel; así, la etiqueta H1 es la más grande, y la H6 la más pequeña. Ese tamaño puedes modificarlo tú en tu CMS o con código CSS.

❗ Sobre esto último, y es el GRAN error que se comete con los encabezados HTML: no los uses por su tamaño, es decir, por cómo quedan estéticamente. Si lo haces, te saltarás niveles de jerarquía y crearás una estructura desordenada de etiquetas H, tal y como han hecho en este ejemplo:

¿Lo ves, no? Los están utilizando por cómo quedan a nivel estético, porque el H3 («Aciertas seguro») es más pequeño que el H2 («Top ventas the Cosmethics»).

Una vez aclarado esto sobre su uso, veamos cada uno de los tipos de encabezados que podemos usar en una página o en un blog:

1. H1

El H1 es el encabezado o título principal de una página y debe ser único (excepto algunos casos en los que se puede tener más de un H1). Es el más importante para el SEO, ya que contiene la palabra clave principal y establece el tema central del contenido.

En esto radica la principal diferencia entre un encabezado H1 H2 H3 y H4: mientras que el H1 destaca el tema principal, los encabezados subsiguientes (H2, H3, etc.) se utilizan para títulos secundarios y subsecciones, proporcionando una estructura detallada y jerárquica al contenido.

Poe lo tanto, va a estar visible al principio de todo de los contenidos. Vamos, que es el título principal de un texto o de una página, lo que leemos primero y nos ayuda a decidir si el resto nos puede resultar interesante.

2. H2

El heading H2 se utiliza para títulos de secciones principales dentro del contenido, siguiéndole jerárquicamente al H1. Contiene palabras clave secundarias relacionadas y no hay un límite fijo por página o artículo, siempre que se usen de manera lógica.

|💡 Ejemplo: «Beneficios del SEO», «Estrategias de Optimización SEO», en un artículo sobre Qué es el SEO (y que sería el H1).

3. H3

El heading H3 debes usarlo en subtítulos dentro de las secciones marcadas con H2. Deben ser descriptivos y contener variantes de las palabras clave (long tails). De nuevo, no hay un límite establecido, sino que depende de la cantidad de secciones que tengas y las subsecciones que quieras incluir (siempre manteniendo una estructura clara).

|💡 Ejemplo: dentro del H2 de «Estrategias de Optimización SEO», podríamos incluir los H3 «Técnicas de Link Building», «Técnicas de SEO On-Page».

4. H4

Los encabezados H4 son algo menos comunes de utilizar, pero podrías contemplarlos para títulos de subsecciones más detalladas dentro de un H3. Ayudan a dividir aún más el contenido y son útiles para incluir detalles específicos o términos técnicos. Similar a H3, el límite depende del nivel de detalle requerido.

|💡 Ejemplo: dentro del H3 de «Técnicas de Link Building», añadiríamos los H4 de «Optimización de anchor text» y «Aumento de la link velocity».

5. H5 y H6

Son los que menos se usan, sobre todo cuando hablamos de artículos de blog o páginas de servicios. Sirven para desglosar información muy específica o incluir categorías menores en textos de muy larga extensión y en general, técnicos. Por ejemplo, aquellos que contienen gráficos o tablas, cuyos títulos (también los de las columnas) pueden designarse con estas etiquetas.

|💡 Ejemplo: dentro del H4 de «Optimización de anchor text», imagina que montamos una tabla con el título «Tipos de anchor text». Este sería el H5. Luego, meteríamos varias filas, y en cada una señalaríamos con un H6 los varios tipos de anchor text (naturales, de marca, keyword exacta…). La información la añadiríamos en un par de columnas donde daríamos una definición y un ejemplo para cada uno.

¡Y voilà! Así se verían los encabezados o etiquetas HTML que hemos usado en los ejemplos:

<h1>Qué es el SEO</h1> <!-- Etiqueta H1 -->
  <h2>Beneficios del SEO</h2> <!-- Etiqueta H2 -->
  <h2>Estrategias de Optimización SEO</h2> <!-- Etiqueta H2 -->
    <h3>Técnicas de Link Building</h3> <!-- Etiqueta H3 -->
      <h4>Optimización de anchor text</h4> <!-- Etiqueta H4 -->
      <h4>Aumento de la link velocity</h4> <!-- Etiqueta H4 -->
    <h3>Técnicas de SEO On-Page</h3> <!-- Etiqueta H3 -->

Ejemplos de H1, H2, H3 en distintos tipos de sitios web

Visualizar estas estructuras en artículos de blog es muy fácil, pero, ¿qué me dices de una home de servicios o la de un ecommerce? Con tantas secciones, subsecciones, productos por aquí y por allá… Es muy fácil que nos despistemos y no le demos a los headings el orden adecuado.

Para que veas que tan solo es cuestión de lógica, déjame ponerte una breve estructura de etiquetas H para cada ejemplo:

<h1> H1: cómo optimizar el encabezado más importante de tus páginas</h1>
<h2>Encabezado H1: ¿qué es y para qué sirve?</h2>
<h2>Consejos para optimizar el encabezado H1</h2>
  <h3>Elige un H1 que capte la atención del lector</h3>
  <h3>Adapta el H1 al tono y al público de tu página</h3>
...
<h2>Ejemplos de encabezados H1 efectivos</h2>
<h2>Errores comunes al usar el titular H1</h2>
  <h3>No usar la etiqueta H1</h3>
  <h3>Usar más de un encabezado H1 por página</h3>
...

<h1>Bienvenidos a [Nombre de la Agencia]</h1>
<h2>Sobre nosotros</h2>
  <h3>Nuestra filosofía</h3>
  <h3>Nuestro equipo</h3>
<h2>Servicios</h2>
  <h3>SEO</h3>
  <h3>Diseño web</h3>
  <h3>Publicidad PPC</h3>
  <h3>Redes sociales</h3>
  <h3>Inbound marketing</h3>
<h2>Casos de éxito</h2>
<h2>Blog</h2>
<h2>Contacto</h2>

<h1>Descubre las últimas tendencias en moda</h1>
  <h2>Accesorios</h2> 
    <h3>Producto 1</h3>
    <h3>Producto 2</h3> 
  <h2>Ropa de hombre</h2> 
        <h3>Producto 1</h3> 
        <h3>Producto 2</h3> 
  <h2>Ropa de mujer</h2>
        <h3>Producto 1</h3> 
        <h3>Producto 2</h3> 
  <h2>Ofertas especiales</h2>
    <h3>Descuentos de temporada</h3>
    <h3>Rebajas exclusivas Online</h3> 
  <h2>Suscríbete a nuestro boletín</h2>

Como ves, se cumple lo más básico: los encabezados de nivel inferior siempre van dentro de los de nivel superior, y para cada sección nueva se inicia con un H2. Si tienes esto claro no te costará nada implementar las etiquetas de los headings SEO en tu web 👌.

Consejos de uso de la jerarquía de encabezados en páginas web

Ahora que ya conoces cómo se ordenan los encabezados, toca meterse de lleno en la optimización. Es decir: escribirlos de forma que sirvan de guía para Google a la hora de posicionarte, pero también para que la persona que te lee comprenda de un vistazo de qué trata tu artículo o tu página.

Estas son mis 7 buenas prácticas de redacción SEO favoritas a la hora de escribirlos:

1. Utiliza un lenguaje claro y directo en tus encabezados. Evita jergas y términos técnicos que puedan confundir a los lectores. Mejor «Guía de inicio rápido para SEO» ✔️, que «Implementación y maximización de estrategias SEO para principiantes» ❌.
2. Mantén tus encabezados concisos. Los títulos largos pueden ser difíciles de seguir y afectar negativamente la experiencia del usuario. Mejor ✔️ «Consejos de Nutrición para tu día a día», que «Consejos y estrategias detalladas para mejorar tu nutrición diaria y bienestar general» ❌.
3. Deja muy claro de qué va a tratar el apartado o subapartado, pero añádele un toque creativo que llame la atención. Mejor ✔️ «10 Secretos de cocina que todo chef debería conocer», que «Información de cocina» ❌.
4. Dales diseño visual. Puedes modificar el tamaño de fuente y el color para que destaquen, pero procura que no distraigan ni dificulten la lectura. Lo mismo con la negrita y el tipo de fuene. Sé consistente con el estilo que escojas.
5. Recurre a la numeración (listas) cuando estés construyendo una jerarquía de headings muy profunda; te ayudará a que la información sea fácil de seguir.

Como ves, aunque al principio parecen algo complicado, los encabezados son bastante fáciles de implementar en cualquier contenido y en todos los tipos de sitios web, y marcan un antes y un después en la forma en que se ve cualquier página.

Y es que no olvides que cuando leemos algo online nuestra atención divaga, así que cuanto más ordenado y legible sea un texto menos nos cuesta quedarnos a leerlo entero.

A Google le pasa algo parecido y con razón; tiene millones de páginas que rastrear e indexar y si no se lo damos todo masticadito, pasa de largo.

Ahora, solo te queda algo: ¡poner todos estos consejos en práctica! Si tienes alguna duda, déjame un comentario; pero si necesitas ayuda profesional para revisar los encabezados y otros elementos de tu web, escríbeme 😉

También te puede interesar…

Patricia Jorde

Redactora SEO y consultora especializada en contenidos que conectan personas y algoritmos. Ayudo a negocios a posicionar su web en internet a través de la optimización técnica y la creación de textos optimizados, útiles y pensados para convertir.

Descubre más sobre mí y cómo he llegado hasta aquí.