Las etiquetas <H> son elementos de HTML que estructuran el contenido de una página web, creando una jerarquía clara y lógica para los usuarios y motores de búsqueda.
Estas etiquetas, que van desde <H1> hasta <H6>, ayudan a organizar la información en niveles, haciendo que el contenido sea más fácil de leer y comprender.
¿Qué es la etiqueta H1?
La etiqueta <H1> es el encabezado principal de una página web y, por lo general, indica el tema principal del contenido. Es la más importante en términos de SEO y debe ser única en cada página.
Características del <H1>:
- Representa el título principal de la página.
- Ayuda a los motores de búsqueda a entender el tema central.
- Debe contener palabras clave relevantes.
¿Cómo se usa la etiqueta H1?
- Incluye palabras clave principales: Asegúrate de que refleje el tema central del contenido.
- Hazlo único: Cada página debe tener un único
<H1>. - Sé claro y breve: El texto debe ser conciso, atractivo y relevante.
¿Qué es la etiqueta H2?
La etiqueta <H2> se utiliza para los subtítulos principales de una página. Representa secciones importantes dentro del contenido y ayuda a dividirlo en bloques temáticos.
Características del <H2>:
- Define las secciones principales de la página.
- Proporciona contexto adicional al
<H1>. - Puede incluir palabras clave secundarias.
Uso de la etiqueta H2
- Divide el contenido en secciones claras: Úsalo para organizar ideas relacionadas.
- Incluye palabras clave secundarias: Refuerza el posicionamiento SEO sin repetirte.
- Hazlo descriptivo: Resume el contenido que se desarrollará en esa sección.
Diferencias entre la etiqueta H1 y H2
| Aspecto | Etiqueta H1 | Etiqueta H2 |
|---|---|---|
| Propósito | Título principal de la página | Subtítulos principales dentro del contenido |
| Jerarquía | Es el nivel más alto en la jerarquía | Es el segundo nivel de importancia |
| Frecuencia | Solo debe usarse una vez por página | Puede usarse varias veces |
| Palabras clave | Contiene la palabra clave principal | Contiene palabras clave secundarias |
| Extensión | Breve y conciso | Más descriptivo según el contenido |
¿Qué es la etiqueta H3?
La etiqueta <H3> es utilizada para crear subtítulos dentro de las secciones definidas por los <H2>. Ayuda a desglosar aún más la información, facilitando la lectura.
Características del <H3>:
- Detalla puntos específicos dentro de las secciones principales.
- Ideal para enumerar subtemas o desglosar información.
Importancia de usar bien las etiquetas H1, H2 y H3
- SEO: Ayudan a los motores de búsqueda a entender la estructura y relevancia de tu contenido, mejorando el posicionamiento.
- Experiencia del usuario: Facilitan la navegación y lectura, mejorando la retención de los visitantes.
- Accesibilidad: Hacen que el contenido sea más accesible para usuarios con discapacidades visuales mediante lectores de pantalla.
Usar correctamente las etiquetas <H> no solo beneficia el SEO de tu sitio web, sino que también mejora la experiencia general de los usuarios.