Etiquetas H

De Seobility Wiki
Saltar a: navegación, buscar

¿Qué son y por qué se deben utilizar etiquetas H en un sitio web?

Encabezados H1-H6
Imagen: Encabezados H1-H6 - Autor: Seobility - Licencia: CC BY-SA 4.0

Los encabezados H (del inglés Headings) o títulos son elementos importantes de cualquier sitio web, ya que estructuran el contenido y el texto de forma significativa y jerárquica.

De este modo, mejoran significativamente su legibilidad para los y las visitantes de un sitio y además, ayudan a que los motores de búsquedas reconozcan las partes importantes de un texto. Todo ello se consigue mediante el uso de las etiquetas H.

Cuando las usuarias y usuarios visitan una página web, suelen escudriñar el texto de esta página utilizando los títulos para hacerse una idea del contenido y la relevancia de la información. Esto funciona de manera similar con los motores de búsqueda, por lo que los encabezados resultan importantes también para fines de posicionamiento.

Concretamente, Google obtiene una visión general del contenido y pondera la importancia y distribución de los subtemas gracias a las etiquetas Hs. Además, también otorga un valor mayor a las palabras clave en los encabezados de un documento web. Por lo tanto, el uso de keywords importantes en estas etiquetas es un factor de clasificación primordial a considerar a la hora de diseñar y optimizar el SEO de un sitio web.

En las siguientes secciones, explicaremos cómo definir los encabezados en HTML y qué se debe tener en cuenta en el momento de elegir los títulos para el SEO y las usuarias y los usuarios.

Comprueba tus encabezados con SEO Checker

Comprueba si los encabezados de tu página están bien estructurados

Cómo definir los encabezados en HTML

En el código HTML de un sitio web, los encabezados se definen mediante una etiqueta HTML especial, existiendo 6 jerarquías de estos, de H1 hasta H6.

La H significa "encabezado" y el número expresa su importancia, disminuyendo su relevancia del H1 a H6. Las etiquetas H de HTML tiene el siguiente aspecto:

<h1> Encabezado H1 </h1>

<h2> Encabezado H2 </h2>

<h3> Encabezado H3 </h3>

<h4> Encabezado H4 </h4>

<h5> Encabezado H5 </h5>

<h6> Encabezado H6 </h6>

Ejemplo

Para que todo quede más claro, ilustramos con un pequeño ejemplo:

Imaginemos una página web que contiene un texto sobre diferentes tipos de zapatos. La etiqueta H1 de esta página, en este caso, sería "zapatos".

A continuación, se puede hacer una división por temporadas, lo que da lugar a las dos etiquetas H2 "Zapatos para el verano" y "Zapatos para el invierno". Estas dos áreas pueden dividirse aún más, de modo que en la sección de zapatos para el verano se encuentren etiquetas de encabezado H3 como "Sandalias", "Chanclas" o "Zapatillas".

¿Qué hay que tener en cuenta a la hora de elegir los encabezados?

A continuación, se presentan algunos puntos a tener en cuenta para elegir los encabezados optimizados para el SEO y optimizar la experiencia de usabilidad.

Encabezado H1

El encabezado H1 es el más importante de una página web, ya que actúa a manera del título general. Por lo tanto, es necesario que resuma todo el contenido de la página y contenga las palabras clave de SEO más importantes justo al principio. Además, tiene que despertar el interés de los usuarios y los usuarios por el contenido de una página web.

Por otra parte, cada página web debe contener solo un encabezado H1, ya que Google lo utiliza para identificar el tema y por lo tanto, no debe dejar espacio a la interpretación.

También puede ocurrir que Google emplee el encabezado H1 como descripción de una página en los resultados de búsqueda, lo que lo hace importante para su posicionamiento. Así pues, solo se deben utilizar varias etiquetas de encabezado H1 si es absolutamente necesario, debido a un contenido muy extenso. Pero incluso en ese supuesto, no hay que exagerar; en la mayoría de los casos, un encabezado H1 debería ser suficiente.

Igualmente, el encabezado H1 no debe ser ni demasiado corto ni demasiado largo. Se puede usar una longitud máxima de 80 caracteres como directriz para el SEO. De lo contrario, existe el peligro de que Google interprete el encabezado como relleno de palabras clave, lo que sería perjudicial para el SEO.

Entre los errores que se cometen con frecuencia en el diseño de una etiqueta de encabezado H1 se encuentran también una redacción demasiado general (por ejemplo, "Bienvenidos") o el uso del mismo encabezado para varias páginas (por ejemplo, el nombre de la empresa).

Aspectos generales a la hora de elegir los encabezados

Básicamente, un encabezado debe coincidir siempre con el contenido de una página y, si es posible, contener las palabras clave SEO más importantes.

No obstante, estas palabras clave deben reflejar siempre el contenido real del texto. De no ser así, los títulos construidos con el único fin de hacer SEO pueden ser reconocidos y castigados por Google, ya que no aportan ningún valor a los usuarios y las usuarias.

Eso sí, una etiqueta H debe contener inevitablemente la keyword principal, siempre y cuando la página web esté estructurada de forma lógica y contenga contenido de alta calidad.

Por lo tanto, al seleccionar una etiqueta H de HTML, también hay que asegurarse de estructurar el texto de manera lógica y resumir el tema central de la página, teniendo en cuenta que las etiquetas de encabezado deben contener la información esencial para que las y los cibernautas sepan de qué trata la página sin tener que leer cada párrafo por completo.

Básicamente, se puede comparar un sitio web con un documento de Word: al igual que este documento, es preciso dividir la página en párrafos mediante etiquetas H de HTML significativas y así estructurarla de forma lógica y jerárquica.

Otra cosa a considerar para el SEO es respetar el orden correcto y jerárquicamente descendente de las etiquetas de encabezado HTML, es decir, primero viene el H1, seguido del H2, luego el H3, etc. No se puede omitir ningún nivel jerárquico (por ejemplo, H4 no puede seguir a H2, omitiendo H3).

Todo esto sin perder de vista la cantidad de etiquetas H utilizadas, cuya relación debe ser adecuada con la cantidad total de texto. Así, mientras que un número excesivo de títulos ya no tiene valor para las y los lectores, un número insuficiente de ellos puede hacer que un texto sea confuso y difícil de comprender.

Ninguna etiqueta H (salvo el H1) debe aparecer una sola vez en una página HTML, porque de lo contrario también podría omitirse. Aquí vuelve a ser útil la comparación con un documento de Word, donde, por ejemplo, el punto o título numerado 3.1 nunca debe ir sin el punto 3.2.

Otro aspecto importante que a menudo se ignora, es el hecho de que las etiquetas de encabezado sólo deben utilizarse para el marcado semántico del texto en HTML y no para el ajuste óptico del tamaño de la fuente, etc. La disposición y el tamaño de la etiqueta H pueden adaptarse posteriormente mediante CSS.

Las etiquetas H no deben emplearse para elementos de navegación como menús o enlaces ni tampoco para el diseño del sitio web (por ejemplo, formulario de contacto, blogroll, etc.), sino referirse siempre al contenido específico de una página.

Ampliar conocimientos

Contenidos relacionados