¿Tienes dudas sobre cómo usar el H1 y H2 en SEO? Te damos todas las claves + errores comunes que debes evitar

Dinos la verdad.

¿Alguna vez has utilizado una etiqueta H para destacar una parte del texto en una página?

Nos referimos a esas etiquetas que en el editor de tu CMS  aparecen como “Título 1, Título 2, Título 3”, etc.

Si lo has hecho, no eres el único.

Como cada uno de estos títulos tiene un tamaño distinto, muchas personas los usan como un elemento de diseño, para ponerle un tamaño concreto a una parte del texto.

El problema es que eso es un error importante.

Porque estos títulos no están pensados para ser usados como parte del diseño, sino que son una pieza clave del SEO de tu web.

Y eso es lo que te venimos a explicar aquí. En este post te contamos:

  • Qué relación existe entre las etiquetas H1 y H2 y el SEO.
  • Cómo utilizarlas correctamente.
  • Errores comunes que pueden hacer mucho daño al posicionamiento de tu página.

Coge papel y boli, que se viene una clase muy importante sobre SEO. 😉

👉  Qué son y qué tienen que ver con el SEO los H1 y H2

Empezamos por lo básico.

Tanto el H1 y el H2 como los H subsiguientes (H3, H4…) son etiquetas HTML.

¿Y eso qué significa?

Pues que son partes del código de una página que le dan información al robot de Google sobre su contenido.

Estas etiquetas funcionan como títulos o encabezados dentro del texto de una página, motivo por el que también se los llama “encabezados HTML”.

De hecho, como te decíamos, en los editores de la mayoría de los CMS aparecen reflejados como “Título 1, Título 2”.

Hasta ahí lo básico, pero ahora vamos a ver qué tienen que ver con el SEO exactamente.

✅  Por qué es tan importante que sepas utilizar las etiquetas H para el SEO

Hay dos razones:

  • Con estas etiquetas, y especialmente con la H1, le estás diciendo a Google por qué palabra clave quieres rankear cada página. Esto te lo explicamos más a fondo en el post sobre redacción SEO.
  • Al dividir el contenido de la página (ya sea un post, una categoría o una ficha de producto) con los encabezados, tanto a los usuarios como al robot de Google les resulta más sencillo entender la información.

Esto último significa que utilizar bien los encabezados HTML también es esencial para mejorar la experiencia de usuario de tu web, que ya sabes que de por sí es un factor que afecta al SEO.

Vamos a ver cómo.

👉  Diferencias entre la etiqueta H1 y la H2: cómo usarlas correctamente

Aunque las tratamos como un conjunto, en realidad hay una ligera diferencia entre la etiqueta H1 y el resto.

Vamos a verlas.

✅  1. Qué es la etiqueta H1 y cómo usarla

La etiqueta H1 es el título principal de una página. Aquí es donde debe ir la palabra clave principal que quieres rankear con ella.

Esta etiqueta no tienes que ponerla a mano, sino que se le asigna automáticamente al título de la página.

Y ojo que esto es importante.

Cada página solo puede tener una única etiqueta H1.

Si pones más, el robot de Google no sabrá interpretar bien la jerarquía del contenido y se posicionará peor.

Por lo demás esto no tiene ningún misterio, así que pasamos al siguiente punto.

✅  2. Qué es la etiqueta H2 (y H3, H4…) y cómo usarla

Los distintos apartados y subapartados que van dentro del texto.

De estas etiquetas sí puede haber varias en un mismo contenido, y además debes ser tú quien las asigna manualmente con el editor.

Pero no vale hacerlo de cualquier manera. Tienes que respetar la jerarquía.

En otras palabras: no puede haber un H4 después de un H2, ni un H3 directamente dentro del post si no está dentro de otro H2 superior.

Con un ejemplo lo verás mucho más claro.

Si nos quedáramos solo con los títulos, así sería el índice de la primera mitad de este post:

  • [H1] ¿Tienes dudas sobre cómo usar el H1 y H2 en SEO?
    • [H2] Qué son y qué tienen que ver con el SEO los H1 y H2.
      • [H3] Por qué es tan importante que sepas utilizar las etiquetas H para el SEO.
    • [H2] Diferencias entre la etiqueta H1 y la H2: cómo usarlas correctamente.
      • [H3] Qué es la etiqueta H1 y cómo usarla.
      • [H3] Qué es la etiqueta H2 (y H3, H4…) y cómo usarlas.
      • [H3] Las palabras clave en las etiquetas H2 y H3.

¿Por qué esto es importante?

Pues de nuevo, aquí el culpable es sobre todo el robot de Google.

Si al hacer el esquema de tus posts (en una página de categoría no es habitual pasar del H2) te saltas esta jerarquía y metes un H3 directamente después del H1, puede que los usuarios no lo noten… pero el robot de Google ten por seguro que se extrañará.

Y ya sabes lo que eso significa para el SEO.

✅  3. Las palabras clave en las etiquetas H2 y H3

Hay otro detalle que debes conocer.

Te decíamos que en el H1 es importante incluir la palabra clave principal. Pero ¿y en el resto de etiquetas?

Pues estas las usaremos para introducir otras longtails secundarias.

Por ejemplo, imagina que quieres posicionar un post sobre cómo arreglar un lavavajillas averiado, y quieres añadir las siguientes keywords:

  • Palabra clave principal: arreglar un lavavajillas averiado.
  • Longtails: cómo saber si un lavavajillas se puede arreglar, mensajes de error de un lavavajillas.

En este caso, el esquema podría quedar de la siguiente manera:

  • [H1] Sabes cómo arreglar un lavavajillas averiado?
    • [H2] Herramientas básicas para arreglar un lavavajillas averiado
    • [H2] Cómo saber si un lavavajillas se puede arreglar
      • [H3] Mensajes de error de un lavavajillas más habituales
    • [H2] ¿Necesitas contactar con el servicio técnico?

En el caso de que tengas más títulos H2 o H3 no hace falta que todos contengan las longtail (de hecho puede ser hasta negativo).

👉  Errores comunes a la hora de utilizar las etiquetas H que pueden perjudicar al SEO de tu web

Como has visto, utilizar estas etiquetas correctamente no tiene demasiada complicación.

Ahora bien, también tienes que saber como NO usarlas.

Estos son algunos de los errores más típicos con las etiquetas H.

✅  1. Utilizarlos como elemento de diseño

Esto ya te lo hemos mencionado al principio del post, pero es un concepto tan importante que queremos hacer hincapié en él.

Los encabezados HTML no son elementos creados para el diseño web. 

La idea es que los utilices para dar coherencia y orden al texto, pero nunca para destacar una parte del contenido.

Si quieres destacar una línea de texto o cambiar el tamaño de un título, es preferible que utilices una cita en el caso de los posts (como esta que acabamos de poner nosotros) o bien que modifiques el tamaño a nivel de código.

✅  2. Centrarte en el SEO y olvidarte del usuario

Añadir las palabras clave en los títulos de un post es importante, sí.

Pero no hay que excederse.

Seguro que alguna vez has visto más de un post en el que la misma palabra clave estaba metida a la fuerza en todos los epígrafes, hasta el punto de que resultaban muy poco naturales.

Por ejemplo, en el caso del post sobre cómo arreglar un lavavajillas que te decíamos antes, sería algo como:

  • [H1] Cómo arreglar un lavavajillas averiado
    • [H2] Cómo arreglar un lavavajillas averiado: herramientas
    • [H2] Cómo arreglar un lavavajillas averiado: trucos para saber si se puede reparar
      • [H3] Cómo arreglar un lavavajillas averiado: mensajes de error comunes

Te haces una idea, ¿no?

Esto no solo te hace parecer un robot (con lo cual es probable que los usuarios se acaben marchando de la página).

Además, Google se huele estas prácticas fraudulentas a la legua.

Esta se denomina keyword stuffing, que significa precisamente forzar las palabras clave dentro de un contenido, y es motivo de penalización.

Ante todo recuerda que debe primar la naturalidad.

✅  3. Titulares sin gancho

Muy relacionado con lo anterior.

Los titulares sirven para algo más que para organizar la información. Además, su objetivo es atrapar la atención del usuario.

Por ejemplo, imagina que el título de este post hubiera sido “H1 y H2 en SEO” a secas.

¿Crees que te habrían dado ganas de empezar a leer siquiera?

Casi casi seguro que no. 😉

Trabajar el SEO no significa olvidarte de hacer titulares atractivos que atrapen la vista del usuario.

✅  4. Apartados demasiado extensos

Aquí más que de un error de uso, podríamos hablar de un error por “falta de uso”.

Si utilizas Yoast SEO (y en el caso de que tengas tu web en WooCommerce es un plugin que te recomendamos sí o sí), verás que de vez en cuando, al escribir un post, te salta una alarma en el apartado de legibilidad.

Ahí, entre otros aspectos, te avisa cuando un apartado es demasiado extenso.

Ten en cuenta que la lectura en pantalla cansa. Es importante darle ligereza al texto e intercalar varios H2 y H3 (o incluso H4 si hacen falta) en lugar de intentar contarlo todo de golpe.

Para que te hagas una idea, entre una etiqueta H y la siguiente no debería haber más de 300 palabras.

✅  5. Utilizar el H1 como title

En otra ocasión te hemos hablado del title y de su importancia a la hora de conseguir más clics en los resultados de búsqueda.

¿Y esto qué tiene que ver con los encabezados HTML?

Pues muy sencillo.

Por defecto, la mayoría de las plantillas utilizan el mismo texto del H1 de una página como title. De hecho, ni siquiera te permiten modificar ambos por separado.

Lo cual es un problema.

Porque generalmente, para que sea atractivo, un H1 tiene que tener muchos más caracteres de los que caben en un title.

Para eso tienes plugins de SEO como Yoast, que te permiten editar cada uno por individual.

👉  Ya conoces todo el poder de los H1 y H2

Ahora te imaginas cuál es el siguiente paso, ¿verdad? 😉

Entra en la web de tu e-commerce y revisa que estés usando correctamente estas etiquetas en todos los apartados y posts.

Verás como con eso alguna de tus páginas suben rankings en Google rápidamente.