Etiquetas H1, H2, H3, y más: ¿Para qué sirven y cómo se usan?

A los humanos, y también a muchos extraterrestres, nos encanta poner etiquetas para organizar nuestro entendimiento de las cosas. Y en la programación y el maqueteado de nuestros sitios web ocurre lo mismo. ¿Qué?, ¿pensabas que te iba a traer un post interesante?… Pués no mi ciela.

¿Qué son las etiquetas de encabezado HTML?

Las etiquetas H1, H2 y H3 o etiquetas de encabezado de HTML son elementos importantes que tenes que tener en cuenta a la hora de armar urls, como post y demás, pues tienen una importancia cuasi vital para el SEO. Pues, estas etiquetas se encargan de indicarle a los motores de búsqueda sobre qué estamos tratando en nuestros contenidos, y para qué keywords queremos posicionarnos.

Esto, que parece «una boludez» simple, no siempre está bien aplicado en todos los artículos y páginas de nuestras webs. Por eso, vamos a ver con un poco más de detalle cada una de estas etiquetas para ver cómo debemos utilizarlas y así potenciar al máximo nuestro posicionamiento web en Google.

Si no sabes como usar keywords te dejo el siguiente post:

¿Qué es la etiqueta H1?

La etiqueta H1 es la más importante de todas las etiquetas de encabezado. Es donde debemos indicar el título de nuestro contenido, ya sea un artículo o una página.

El H1 ayuda a Google a entender qué es lo más destacado de tu contenido (y, por lo tanto, lo que Google entiende que debe posicionar). Debemos utilizarlo con sentido, escogiendo un título que contenga la palabra clave principal, si es una long-tail mucho mejor, porque tendremos más efectividad para aumentar nuestro CTR.

Voy a utilizar el siguiente post como ejemplo para marcar las distintas etiquetas:

¿Cómo se usa la etiqueta H1?

Una vez entendido qué es el H1, veamos algunas puntualizaciones de su uso. Hemos explicado ya que el H1 corresponderá al título y tiene que resumir en una frase el contenido de nuestra página o artículo. Solo debe haber un H1 por contenido y este debe ser único y original para cada uno de los artículos de nuestro sitio web.

La etiqueta H1 no es lo mismo que la metaetiqueta Title, aunque pueden coincidir.

La metaetiqueta Title es el título que aparecerá en los resultados de búsqueda para tu contenido. Ésta última la podes cambiar facilmente poniendo una mataetiqueda, o desde algún plugin. Y sirve por si queres que no se muestre el título H1 tal cual lo estas viendo en el post. ¿Sirve de algo hacerlo?… Y si, podes darle algo de clickbait para compartir el post en las redes y demás. Sobre todo cuando no se entiende el sarcasmo.

Lo ideal es trabajar el H1 más a nivel SEO, introduciendo la palabra clave principal, y trabajar la metaetiqueta Title de una forma más persuasiva, dirigida a captar la atención de los usuarios en los resultados de búsqueda.

¿Qué es la etiqueta H2?

Las etiquetas H2 corresponden a los subtítulos. Nos sirven para estructurar mejor el contenido y darle más información a Google sobre el tema que estamos tratando.

En estas etiquetas de encabezado utilizaremos palabras clave derivadas de la principal para enriquecer semánticamente el texto e indicarle a Google otras palabras clave por las que también queremos posicionarnos. Deben tener la misma intención de búsqueda que la principal y es importante tener esto siempre presente.

¿Cómo se usa la etiqueta H2?

Estas etiquetas H2 las utilizaremos para dividir las subsecciones de nuestro contenido. En este caso, como podréis imaginar, sí pueden existir diversos H2 en un mismo texto.

Como hemos comentado, los H2 también sirven para mejorar el posicionamiento SEO de nuestros contenidos, por lo que deberemos escoger las palabras que lo componen con sentido.

Además de las palabras clave que escojamos para construir nuestros H2, debemos utilizarlos para estructurar correctamente el contenido haciéndole amena la lectura al usuario, pues la repuesta del usuario con nuestro contenido es otro factor muy importante en el SEO.

Si estás en un emprendimiento, debes conocer lo que es el Know-how:

¿Qué es la etiqueta H3?

Las etiquetas H3 son subtítulos dentro de las etiquetas H2.  Estas son las que menos incidencia tienen en el posicionamiento SEO de las tres. No obstante, debemos utilizarlas con sentido por lo que hemos comentado de la repuesta de usuario con nuestro contenido.

¿Cómo se usa la etiqueta H3?

Los H3 no siempre son necesarios y los utilizaremos, en caso de así decidirlo, para dividir el contenido que se está tratando en esa subsección encabezada por el H2 correspondiente. De la misma forma que lo hacíamos en las etiquetas H2, buscaremos palabras clave derivadas, semánticas y LSI, aún más long tail, y aplicaremos el mismo razonamiento que con la etiqueta de encabezado anterior para estructurar correctamente el contenido.

Otras etiquetas menores

Ciertamente, no son tan considerados como parámetros dentro del posicionamiento. Sin embargo, suelen ser bastante útiles para reforzar ideas y generar ejemplos.

¿Qué es la etiqueta H4?

La etiqueta H4 también conocidas como “Subtemas de Subtítulo“, son las responsables de captar las principales ideas que se representan en la etiqueta H2 dentro de una página web. Puede existir más de una de estas etiquetas dentro de la página y generalmente se utilizan para señalar listas o contenido dentro del footer y el menú.

¿Qué hace la etiqueta H5?

El elemento H5 representa un encabezado de nivel 5. Los encabezados son títulos que definen secciones implícitas en el documento y organizan el contenido en una estructura jerárquica.

¿Para que sirve la etiqueta H6?

El elemento HTML H6 contiene un encabezado de nivel 6. Los encabezados, que sirven como títulos para porciones de contenido, ayudan a organizar la información de un documento para lograr una mejor comprensión del contenido. Los mismos, deben actuar como una corta pero concisa descripción del contenido tratado debajo de ellos.

¿Por qué es importante usar bien las etiquetas H1, H2 y H3?

Por dos principales motivos:

• Sirven para indicarle a Google para qué palabras clave queremos posicionar nuestros contenidos: el H1 es la palabra clave principal que queramos atacar, el H2 son las palabras derivadas de la palabra clave principal y los H3 son palabras clave derivadas, semánticas y LSI a las que recurrir en caso de ser necesarias. Todos ellos deben ser utilizados con sentido y de forma natural. En este punto potenciaremos nuestro SEO on page. Ejemplo:
  • H1: ¿Quién es Lionel Messi?.
  • H2: Lionel Messi en números goleadores; Lionel Messi puede ser el mejor jugador de la historia
  • H3: Todos los goles de Messi en LaLiga; Todos los goles de Messi en Champions.
• Sirven para estructurar y jerarquizar correctamente los contenidos: proporcionaremos a los usuarios una lectura más agradable y fácil que, sumado al valor que estemos aportando con el contenido en sí, se transformará en una muy buena respuesta de usuario, generada por un contenido bien organizado.

¿Cuál es la diferencia entre un encabezado h1, h2, h3 y h4?

Cuando exploramos el universo del diseño web y la optimización para motores de búsqueda, nos topamos con una variedad de etiquetas de encabezado, cada una con su propósito único. Aquí te guiaré a través de las diferencias clave entre H1, H2, H3 y H4 para que puedas comprender su impacto en la estructura y el SEO de tu contenido.

1. Jerarquía y Significado:

• H1 (Encabezado Principal): Este encabezado es el más crucial, destinado a señalar el título principal de tu página o artículo. Debe ser claro y estar directamente relacionado con el contenido que sigue.
• H2 (Encabezado Secundario): Utilizado para subdividir secciones importantes bajo el H1, reflejando subtemas relacionados con el título principal.
• H3 (Subencabezado): Introduce subdivisiones dentro de los H2, proporcionando una jerarquía más detallada.
• H4 (Subencabezado de Nivel Superior): Aunque menos común, puede usarse para proporcionar detalles adicionales en subdivisiones de H3.

2. Formato y Estilo:

• H1: Generalmente, se presenta con un tamaño de fuente más grande y más énfasis visual para destacar el título principal.
• H2 y H3: Suelen tener tamaños de fuente progresivamente más pequeños, indicando su posición jerárquica.
• H4: Similar a H3, pero con una diferencia visual adicional para destacar su menor jerarquía.

3. SEO y Accesibilidad:

• H1: Esencial para el SEO, ya que indica el tema principal de la página. Evita duplicar H1s y asegúrate de que sea descriptivo y relevante.
• H2, H3 y H4: Contribuyen a la estructura SEO y mejoran la accesibilidad, proporcionando pistas a los motores de búsqueda sobre la relación y jerarquía del contenido.

4. Uso en el Contenido:

• H1: Debería aparecer una vez y reflejar el tema central de la página.
• H2: Se utiliza para introducir secciones importantes o temas secundarios.
• H3: Subdivide los temas de H2 en detalles más específicos.
• H4: Ocasionalmente, puede ser utilizado para subdivisiones más detalladas dentro de H3.

El uso de cada etiqueta

Cada etiqueta de encabezado cumple un papel específico en la organización y presentación del contenido. Al comprender la jerarquía y el significado de H1, H2, H3 y H4, podrás estructurar tu contenido de manera efectiva, mejorando tanto la experiencia del usuario como el rendimiento en los motores de búsqueda

Punto extra por fuera de las etiquetas

Si bien hablamos de las etiquetas, hay otro parámetro que debemos tener en cuenta a la hora de armar y atacar nuestras palabras claves, éstas son las palabras en NEGRITA. Éstas palabras ayudan mucho a detectar las ideas centrales, y también ayudan al posicionamiento SEO.

Y para ir cerrando, no es lo mismo poner un título con negrita, que una etiqueta H. Siempre es mejor poner las etiquetas, incluso las etiquetas menores (H4; H5; H6) que poner negrita en un subtítulo.

Conclusión:

Explorar las sutilezas de las etiquetas de encabezado, desde el majestuoso H1 hasta el discreto H4, nos revela un mundo fascinante de estructura y jerarquía en la creación de contenido web. En este viaje, aprendimos que cada encabezado desempeña un papel específico, aportando no solo estilo visual, sino también profundidad y claridad al mensaje que queremos transmitir.

La clave radica en comprender la jerarquía y el propósito de cada etiqueta. El H1, imponente y único, guía con maestría a los lectores hacia el tema principal, estableciendo el tono para lo que sigue. Los H2 y H3, como fieles compañeros, desglosan el contenido en secciones y subsecciones, creando una estructura fácilmente comprensible. Incluso el discreto H4, aunque menos utilizado, agrega matices adicionales para aquellos que desean sumergirse aún más.

Más allá del formato, estos encabezados desempeñan un papel crucial en el mundo del SEO. Los motores de búsqueda interpretan su presencia y jerarquía, influyendo en la clasificación y visibilidad de tu contenido. Al optimizar conscientemente tus etiquetas de encabezado, no solo mejoras la experiencia del usuario, sino que también le das una mano amiga a los algoritmos de búsqueda.

Si has disfrutado explorando el fascinante mundo de las etiquetas de encabezado, te animamos a ser parte de nuestra comunidad. Suscribirte a nuestro blog te brindará acceso a contenido exclusivo y actualizaciones periódicas directamente en tu bandeja de entrada.

Además, valoramos tu apoyo para mantener nuestro blog vibrante y lleno de información valiosa. Si encuentras nuestro contenido útil y deseas contribuir, considera realizar una donación a través de PayPal↗️ o Cafecito↗️. Tu generosidad nos impulsa a seguir proporcionando contenido valioso.

Y si estás pensando en dar vida a tu propio sitio web, te recomendamos WordPress↗️, una plataforma popular y fácil de usar. Haz clic en el banner a continuación para obtener un descuento exclusivo de 25 dólares al crear tu sitio web con WordPress↗️.

Agradecemos tu interés y apoyo continuo. ¡Te esperamos en nuestro próximo viaje de descubrimiento y aprendizaje!

FAQs sobre las etiquetas H