Las etiquetas H son símbolos de marcado en el código HTML de una página web que se utilizan para definir la jerarquía de los títulos, desde H1 hasta H6, divididas en seis niveles. Cuanto menor sea el número, mayor será el nivel y más importante será. No solo hacen que la estructura del contenido de la página sea clara y fácil de leer, sino que también afectan directamente la comprensión del tema de la página y el juicio de clasificación por parte de los motores de búsqueda.
Para los operadores de sitios web y creadores de contenido, las etiquetas H son como el esquema general de un artículo: H1 es el título del artículo, H2 son los títulos de las secciones, H3 son los subtítulos de las secciones, y así sucesivamente. Esta estructura jerárquica no solo permite a los usuarios navegar y localizar información rápidamente, sino que también le dice a los motores de búsqueda como Google y Baidu "de qué trata esta página y qué contenido es el más importante".
Cuando los programas rastreadores de los motores de búsqueda rastrean una página web, leen preferentemente el texto dentro de las etiquetas H para determinar el tema de la página. Una página que utiliza etiquetas H de manera razonable permite a los motores de búsqueda comprender rápidamente los puntos clave del contenido, mejorando así la probabilidad de ser indexada y clasificada correctamente.
Por ejemplo, un artículo que presenta "Cómo mejorar la velocidad de carga del sitio web" podría tener la etiqueta H1 como "Guía completa para la optimización de la velocidad del sitio web", y las H2 podrían ser "Técnicas de compresión de imágenes", "Métodos de simplificación de código" y "Configuración de CDN para aceleración". Los motores de búsqueda sabrán claramente que este es un tutorial detallado sobre la optimización del rendimiento del sitio web, en lugar de un anuncio de producto o noticias.
Al mismo tiempo, las etiquetas H también afectan la experiencia del usuario y la accesibilidad de la página. Los usuarios con discapacidad visual que utilizan lectores de pantalla dependen de las etiquetas H para saltar rápidamente a las secciones de interés; los usuarios de dispositivos móviles que navegan en pantallas pequeñas pueden encontrar rápidamente la información que desean gracias a una jerarquía de títulos clara, en lugar de buscarla laboriosamente en un texto denso.
La etiqueta H1 debe ser el único título principal de toda la página, informando a los visitantes y a los motores de búsqueda "cuál es el tema central de esta página". Un error común es usar múltiples H1 en la misma página, o envolver el logotipo del sitio web y el menú de navegación en H1, lo que diluye el peso temático y confunde a los motores de búsqueda.
Las etiquetas H2 a H6 se utilizan para dividir los niveles de contenido. En general, H2 se utiliza como título de sección principal, H3 como subtítulo dentro de una sección, y H4 y inferiores se utilizan para divisiones más detalladas. En la práctica, la mayoría de las páginas de contenido solo requieren hasta H3, y H4-H6 rara vez se necesitan en artículos comunes.
Por ejemplo, en la página de detalles de un producto en un sitio de comercio electrónico, la H1 podría ser "iPhone 15 Pro Max 256GB Negro espacial", y las H2 podrían incluir "Parámetros del producto", "Reseña de uso" y "Instrucciones de compra". Las H3 bajo "Parámetros del producto" se subdividirían en "Especificaciones de pantalla", "Configuración de la cámara" y "Duración de la batería". Esta estructura no solo se ajusta a los hábitos de lectura de los usuarios, sino que también facilita el rastreo y la comprensión por parte de los motores de búsqueda.
Muchos sitios web, para perseguir efectos visuales, utilizan las etiquetas H como herramientas de tamaño de fuente. Por ejemplo, si desean que un párrafo de texto se muestre más grande y en negrita, aplican arbitrariamente etiquetas H3 o H4 sin considerar la relación jerárquica del contenido. Esta práctica interfiere gravemente con el juicio del motor de búsqueda sobre la estructura de la página y también interrumpe el uso normal de las funciones de accesibilidad.
Otro problema es el salto en la jerarquía de títulos. Por ejemplo, seguir directamente un H1 con un H4, saltándose H2 y H3 en el medio, o aparecer un H2 debajo de un H3. Aunque la página se muestre normalmente, esta estructura jerárquica desordenada dificulta que los motores de búsqueda comprendan la lógica de organización del contenido, reduciendo el efecto SEO.
Además, algunos sitios web llenan las etiquetas H con palabras clave, por ejemplo, escribiendo H2 como "Empresa de decoración en Beijing_Diseño de decoración en Beijing_Servicios de decoración del hogar en Beijing_Equipo profesional". Esta sobreoptimización no solo tiene una mala experiencia de lectura, sino que también puede ser penalizada por los motores de búsqueda como un comportamiento fraudulento. La práctica razonable es describir el contenido de la sección en lenguaje natural, como "Nuestro proceso de diseño de decoración" o "Tres factores clave para elegir una empresa de decoración".
La forma más sencilla es abrir la herramienta para desarrolladores en el navegador presionando F12, cambiar a la pestaña Elements y buscar "<h" para ver el uso de todas las etiquetas H en la página. Puedes verificar: si hay solo una H1 por página, si la jerarquía de títulos es coherente y si el contenido de los títulos refleja con precisión el tema del párrafo.
Herramientas SEO profesionales como Screaming Frog, Ahrefs Site Audit, etc., pueden analizar en lote los problemas de etiquetas H en todo el sitio web, señalando páginas que carecen de H1, lugares con jerarquías caóticas y posibles sobreoptimizaciones. Estas herramientas suelen ofrecer sugerencias específicas, como "Esta página tiene 3 H1, se recomienda conservar la más relevante".
Para usuarios de sistemas CMS como WordPress y Shopify, las plantillas de temas suelen tener una estructura de etiquetas H preestablecida, pero aún debes prestar atención al personalizar el contenido. Por ejemplo, en el editor de WordPress, el formato de párrafo predeterminado es texto normal, y debes establecer manualmente el nivel del título; si usas un constructor de páginas como Elementor, asegúrate de que el widget de título seleccione la etiqueta HTML correcta, en lugar de solo ajustar el tamaño de la fuente.
Artículos de blog: Usa H1 para el título del artículo, H2 para dividir puntos o pasos principales, y H3 para expandir detalles específicos. Un tutorial de 2000 palabras puede contener 1 H1, 4-6 H2 y 8-12 H3, formando un contexto de lectura claro.
Páginas de productos de comercio electrónico: H1 es el nombre completo del producto, H2 incluye secciones principales como descripción del producto, especificaciones, reseñas de usuarios y notas de compra, y H3 subdivide dentro de cada sección. Ten cuidado de no colocar textos de marketing como lemas promocionales o "Oferta por tiempo limitado" en las etiquetas H.
Páginas de servicios corporativos: H1 describe el nombre del servicio o el valor central, H2 muestra el proceso del servicio, las ventajas y las exhibiciones de casos, y H3 profundiza en los elementos de servicio específicos o las explicaciones detalladas. Este tipo de páginas a menudo necesitan equilibrar las necesidades de SEO con la expresión de marketing, y los títulos deben incluir palabras clave y ser atractivos.
Páginas de noticias: H1 es el titular de la noticia. El cuerpo del texto puede no requerir muchas H2/H3, a menos que sea un reportaje largo y en profundidad. El uso de etiquetas H en páginas de noticias es relativamente simple, y la clave es asegurarse de que H1 resuma con precisión los puntos clave de la noticia.
Comprender y utilizar correctamente las etiquetas H es, en efecto, describir claramente la estructura del contenido en un lenguaje que los motores de búsqueda puedan entender. Esto no requiere conocimientos técnicos profundos, solo se necesita pensar más al publicar contenido: "¿Qué posición ocupa este contenido en el conjunto?" y "¿Cuál es su relación con el contexto?", y luego seleccionar la etiqueta H del nivel correspondiente. Si haces esto bien, tus páginas serán reconocidas tanto por los usuarios como por los motores de búsqueda.