Etiquetas <h1>, <h2>, <h3>, <h4>, <h5>, <h6>

En HTML, las etiquetas de encabezado como <h1>, <h2>, <h3>, <h4>, <h5>, y <h6> se utilizan para estructurar y organizar el contenido de una página web de manera jerárquica.

La etiqueta <h1> representa el título más importante de la página y debe usarse para el encabezado principal. Las etiquetas sucesivas, como <h2>, <h3>, etc., se utilizan para subtítulos de menor importancia y subsecciones dentro del contenido. Es esencial seguir una jerarquía lógica y coherente para la correcta estructuración del contenido y mejorar la accesibilidad y el SEO (optimización para motores de búsqueda).

Los motores de búsqueda utilizan estas etiquetas para entender la importancia de los temas en una página web. Por lo tanto, un buen uso de las etiquetas de encabezado puede mejorar el rendimiento en los resultados de búsqueda.

Ejemplo de código

<h1>
    Este es el título principal de la página
</h1>
<h2>
    Este es un subtítulo (nivel 2)
</h2>
<h3>
    Este es un subtítulo (nivel 3)
</h3>
<h4>
    Este es un subtítulo (nivel 4)
</h4>
<h5>
    Este es un subtítulo (nivel 5)
</h5>
<h6>
    Este es un subtítulo (nivel 6)
</h6>
                  

En este ejemplo, el encabezado <h1> se usa para el título principal, y las etiquetas subsecuentes se utilizan para subsecciones dentro del contenido, manteniendo una jerarquía lógica de importancia.

Consejos para el uso adecuado de las etiquetas de encabezado

• Utiliza <h1> solo para el título principal de la página o sección.
• Las etiquetas <h2> a <h6> deben usarse para los subtítulos y subsecciones en orden jerárquico.
• Evita usar varias veces la etiqueta <h1> en una misma página.
• Procura que los títulos sean claros y describan de manera precisa el contenido de la sección.

Importancia para SEO

El uso correcto de las etiquetas de encabezado también es crucial para el SEO, ya que ayuda a los motores de búsqueda a entender el contenido de la página y su jerarquía, lo que puede mejorar la visibilidad en los resultados de búsqueda.