¿Qué son los encabezados HTML y por qué usarlos?

Los encabezados HTML, también conocidas como heading tags, son elementos clave en la estructura de nuestras entradas de blog.

Puede que sea la primera vez que escuches el término de encabezado HTML, pero estoy casi seguro que los habrás visto sin darte cuenta.

Muy seguramente al leer artículos de algún blog notarás que, además del título, es organizado por subtítulos. Bueno, tanto el título como los subtítulos son encabezados HTML.

Te puede interesar: ¿Cuál es debe ser la estructura de un post para que todo el mundo quiera leerlo?

Sin embargo, la anterior es una definición muy simplista y no abarca la importancia que tienen estos encabezados tanto para la lectura de nuestros artículos como para el SEO.

En este artículo veremos qué son los encabezados HTML y el por qué debemos utilizarlos.

¿Qué son los encabezados HTML?

Los encabezados HTML son, como su nombre lo indica, herramientas del lenguaje HTML (Hyper Text Markup Language) para marcar títulos y subtítulos de un texto.

Existen seis tipos que son: h1, h2, h3, h4, h5 y h6. Estas están organizadas jerárquicamente siendo h1 la de mayor importancia y el h6 la de menor relevancia.

A pesar de que, como mencionamos, son seis tipos de encabezados, solamente nos enfocaremos en h1, h2 y h3 que son las más utilizadas.

En el lenguaje de programación están designadas con “<h>” junto con la numeración correspondiente. Un ejemplo de como es su estructura es el siguiente:

<h1>Título</h1>
<h2>Subtítulo 1</h2>
<h3>Subsección del subtítulo 1</h3>
<h2>Subtítulo 2</h2>
<h3>Subsección del subtítulo 2</h3>

Pero tranquilo, no tienes que dominar el lenguaje HTML para utilizarlas. Con WordPress tenemos dos formas para crear encabezados HTML sin necesidad de utilizar lenguaje de programación.

1. Crear un bloque de encabezado: Con el editor de Gutenberg vamos a la parte superior izquierda en el botón de “Añadir un bloque”. En el menú que nos despliega buscamos en la pestaña de “Bloques” en la sección de “Texto” y hacemos clic el que dice “Encabezado”. Una vez creado este bloque podremos escribir y seleccionar el tipo de encabezado que necesitamos.
2. Convertir un bloque a “bloque de encabezado”: Seleccionamos el texto que deseamos convertir en un encabezado y en la parte superior izquierda de dicho bloque, haremos clic en el botón de “Cambiar el tipo o estilo de bloque” y seleccionamos el que dice “Encabezado”.

Encabezado h1

Es el de mayor jerarquía de todos. Este corresponde al título del texto y por lo tanto, contiene la idea principal del mismo.

Debe estar ubicado en la parte superior del texto, ser lo más corto y conciso posible y tener palabras clave para que los motores de búsqueda conozcan de qué trata la publicación y saber como posicionarla.

En el caso de WordPress, al crear una nueva entrada el bloque de título queda configurado automáticamente como un encabezado h1.

Asimismo, es importante señalar que no debe haber más de un encabezado de este tipo en el texto y tampoco debe contener enlaces externos. Esto último porque al colocar un enlace hacia otra página se estaría señalando, de manera indirecta, que la página importante es la que lleva a dicho enlace.

Encabezado h2

El tipo de encabezado h2 se utiliza para los subtítulos permitiendo separar la idea principal en subtemas y desarrollarlos de manera más estructurada, haciendo que la lectura del texto sea más fácil para los visitantes de nuestro sitio, así como darle mayor información a los motores de búsqueda.

A diferencia de h1, un mismo artículo puede tener varios encabezados h2. Lo recomendable es utilizar entre 2 y 8 dependiendo el tema y la extensión del texto.

Deben contener palabras clave derivadas de la que se utiliza en el encabezado h1 y hacer referencia al texto que le procede. De esta forma, le estaremos dando a conocer a los buscadores más palabras con las que nos interesa posicionarnos.

Encabezado h3

Son subsecciones de los encabezados h2. Estos tienen una menor relevancia para el SEO. Sin embargo, no hay que descuidarlos ni tampoco abusar de su uso.

Este tipo de encabezados, de ser necesarios, deben contener igualmente palabras clave que ayuden al posicionamiento de nuestro sitio.

¿Por qué son importantes los encabezados HTML?

La relevancia que tiene el uso de encabezados HTML se puede dividir en dos: mejorar nuestro SEO, y facilitar la lectura del texto para los usuarios.

Los encabezados HTML funcionan como un mapa con el que los motores de búsqueda pueden guiarse y recorrer la estructura de nuestro sitio web, conociendo así sobre qué trata y con qué palabras clave nos queremos posicionar.

Pero, se debe tener cuidado en cómo los utilizamos ya que un mal uso de ellos puede causarnos penalizaciones por parte de los buscadores, afectando negativamente el SEO nuestro sitio.

Con respecto a la lectura, los encabezados funcionan también como un mapa o guía para que los lectores conozcan de que va nuestro artículo.

Hay que tener en cuenta que muchos lectores realizan un “escaneo” del texto leyendo únicamente los encabezados que contiene. Es por esto que si se encuentra con encabezados bien estructurados será más fácil para los lectores comprender el contenido del artículo y se animen a leerlo completo.