Etiquetas H

¿Qué son las etiquetas H?

Los encabezados o etiquetas H son elementos HTML utilizados para estructurar y jerarquizar el contenido de una página web.

Estas etiquetas van desde <h1> hasta <h6>, siendo <h1> el encabezado más importante y <h6> el menos relevante.

Los encabezados ayudan tanto a los usuarios como a los motores de búsqueda a entender la organización y la importancia de los diferentes temas en una página.


Jerarquía de las etiquetas H

  1. <h1>:
    • Es el encabezado principal y debe utilizarse solo una vez por página. Representa el tema principal del contenido.
    • Ejemplo:
      html
      <h1>Guía completa de SEO</h1>
  2. <h2>:
    • Subtítulos que dividen el contenido en secciones relevantes dentro del tema principal.
    • Ejemplo:
      html
      <h2>¿Qué es el SEO?</h2>
  3. <h3>:
    • Subdivisiones dentro de las secciones definidas por <h2>.
    • Ejemplo:
      html
      <h3>Importancia del SEO On-Page</h3>
  4. <h4> a <h6>:
    • Encabezados adicionales para estructurar información detallada o menos importante.

Funciones principales de los encabezados H

  1. Organización del contenido:
    • Ayudan a estructurar la información de manera jerárquica y lógica, facilitando la lectura tanto para usuarios como para motores de búsqueda.
  2. Mejora de la experiencia del usuario:
    • Los encabezados actúan como puntos de referencia, permitiendo a los lectores escanear el contenido rápidamente y encontrar lo que buscan.
  3. SEO (Optimización para motores de búsqueda):
    • Los motores de búsqueda utilizan los encabezados para comprender el tema de la página y su relevancia, lo que puede influir en el posicionamiento.

Buenas prácticas en el uso de encabezados H

  1. Usar solo un <h1> por página:
    • El <h1> debe resumir el tema principal y ser único en cada página.
  2. Seguir una jerarquía lógica:
    • Mantén un orden estructurado: <h1><h2><h3>, sin saltar niveles (por ejemplo, evitar usar un <h4> sin antes haber usado un <h3>).
  3. Incluir palabras clave:
    • Introduce palabras clave relevantes en los encabezados, pero de forma natural, sin forzar.
  4. No abusar de los encabezados:
    • Utiliza los encabezados solo donde sean necesarios y relevantes. Evita usarlos solo para aplicar estilos visuales; para eso, utiliza CSS.
  5. Texto claro y descriptivo:
    • Cada encabezado debe describir con precisión el contenido de la sección correspondiente.

Ejemplo práctico de encabezados H

html
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Estructura de encabezados H</title>
</head>
<body>
<h1>Guía completa sobre SEO</h1>
<h2>¿Qué es el SEO?</h2>
<p>El SEO es el proceso de optimizar un sitio web para mejorar su posicionamiento en los motores de búsqueda.</p>
<h2>Tipos de SEO</h2>
<h3>SEO On-Page</h3>
<p>Incluye la optimización de contenido, etiquetas, palabras clave y experiencia del usuario.</p>
<h3>SEO Off-Page</h3>
<p>Se refiere a factores externos, como backlinks y menciones en redes sociales.</p>
<h2>Herramientas SEO recomendadas</h2>
<h3>Google Search Console</h3>
<p>Proporciona información sobre el rendimiento de tu sitio en Google.</p>
<h3>SEMrush</h3>
<p>Herramienta para análisis de palabras clave, backlinks y más.</p>
</body>
</html>

Beneficios de usar encabezados correctamente en SEO

  1. Relevancia temática:
    • Los encabezados bien estructurados ayudan a los motores de búsqueda a entender el tema y la importancia de cada sección.
  2. Mejora del ranking:
    • Incluir palabras clave en los encabezados puede aumentar la relevancia de la página para ciertas consultas.
  3. Compatibilidad con dispositivos móviles:
    • Una buena jerarquía de encabezados mejora la experiencia de navegación en dispositivos móviles, lo que es un factor de ranking importante para Google.
  4. Accesibilidad:
    • Los encabezados facilitan la navegación para usuarios con discapacidades que utilizan lectores de pantalla.

Errores comunes al usar encabezados H

  1. Uso incorrecto de <h1>:
    • Usar múltiples <h1> en una sola página confunde tanto a los usuarios como a los motores de búsqueda.
  2. Saltarse niveles:
    • Usar un <h3> directamente después de un <h1>, ignorando el <h2>.
  3. Encabezados como diseño:
    • Usar etiquetas H solo para aplicar un estilo visual en lugar de estructurar el contenido.
  4. Encabezados genéricos:
    • Usar textos poco descriptivos, como «Sección 1» o «Detalles», que no aportan valor.

Los encabezados o etiquetas H son fundamentales para la estructura y organización del contenido en una página web.

Usarlos correctamente mejora la experiencia del usuario, facilita el trabajo de los motores de búsqueda y potencia la estrategia SEO.

Una jerarquía clara y lógica de encabezados no solo mejora la usabilidad del sitio, sino que también refuerza su relevancia en los resultados de búsqueda.

Imagen de Javier Pons
Javier Pons

Consultor SEO, marketing digital y diseñador web especialista en WordPress.

Raiola Networks