configurar encabezados h1, h2, h3

Configurar Encabezados HTML (Etiquetas H1, H2, H3)

Etiquetas H1, H2, H3 ¿Qué son los encabezados HTML y para qué sirven?

Los encabezados h1, h2, h3… son una manera de decirle a Google Bot como están configuradas las páginas y entradas de tu página web al orientarle sobre como está organizado el contenido.

H1, H2, H3 … H6 son encabezados, sirven para que los buscadores entiendan como relevantes los títulos que se etiquetan dentro del contenido de la página web. están de alguna manera vinculadas al título. Normalmente no lo vé el usuario pero si los buscadores.

A modo de mini esquema podríamos representarlo de la siguiente manera, siendo H1 el de mayor jerarquía y único y H2 y H3 como subsecciones que pueden ser múltiples:

<h1>Título</h1>
    <h2>Apartado 1</h2>
        <h3>Subapartado 1.1</h3>
    <h2>Apartado 2</h2>
        <h3>Subapartado 2.1</h3>
        <h3> Subapartado 2.2</h3>

¿Sabías que los encabezados H1, H2, H3 y H4 desempeñan un papel importante en el posicionamiento SEO en Google?

La correcta configuración de los encabezados es una tarea fundamental de cara al posicionamiento web en Google que debemos llevar a cabo mientras creamos nuestra página web. Cada página o entrada de tu sitio web tiene un H1 y puede tener varios H2 y H3. El H1 es el título de una página y evidentemente es el que más fuerza tiene, mientras que los H2 son subtítulos del H1 y podemos tener los que queramos. Los H3 son subtítulos del H2 y no tienen tanto peso de cara al posicionamiento.

Los H4 y H5 tienen menos fuerza y podemos utilizarlos para nombres de widgets, plugins o módulos cuyo nombre no tenga importancia en el posicionamiento.

En el caso de PrestaShop la configuración de los encabezados H1, H2, H3 suele ser bastante engorrosa, ya que por naturaleza vienen desconfigurados y como H2 aparece “producto añadido correctamente al carrito de la compra” o etiquetas que no tienen la importancia suficiente para emplearlos como H2. Para PrestaShop debemos modificar estos parámetros a través de código si queremos tenerlo perfectamente configurado. Recomiendo utilizar el módulo “editor de textos de la página de inicio” y así utilizar titulo 1 como H1, título 2 como H2 y título 3 como H3.

En el caso de WordPress, antes de comprar una plantilla debemos cerciorarnos de que sea “SEO Friendly” o adaptada al SEO para que los títulos de las páginas y las entradas vengan ya configuradas como H1, luego los H2 y H3 los podemos modificar nosotros sin tener conocimientos de código. Aprovecho para resaltar que Google lee las páginas de arriba a abajo, por lo que el H1 debe estar en la parte superior del H2, y éste en la parte superior del H3.

Es importante no dejar una etiqueta en blanco entre su hermano mayor y su hermano pequeño, por ejemplo, si tenemos un H1 y un H3 pero no tenemos un H2 sería un error grave, ese H3 deberíamos pasarlo a H2 o crear un nuevo H2.

<H1> Etiquetas H1

A nivel SEO, nos ayuda a posicionar una página por la palabra clave que se desee. Se recomienda utilizar la palabra clave dentro del H1 para mejorar el posicionamiento de la página por ese término.

Las etiquetas H1 son muy importantes para tener una estructura de información adecuada y una buena experiencia de usuario, ya que definen la jerarquía del contenido, algo que mejorará el SEO de manera considerable. Además, como he comentado anteriormente, el H1 suele estar en la parte más alta del contenido y, si éste incluye la keyword, más importancia le dará Google.

Cuando estamos redactando un post en nuestro wordpress el tamaño de letra título 1 corresponde a H1. Debemos tener en cuenta que si ya hemos configurado que el título del post sea el H1, ya no podremos poner la letra de tamaño título 1 en el artículo porque habría dos H1 y eso sería un error grave, por lo que deberíamos poner títulos H2 y H3.

<H2> Etiquetas H2

La etiqueta H2 es un elemento similar al H1, que indica títulos de importancia para subsecciones del documento web actual, lo podríamos describir como el hermano menor de H2. Podemos tener varios H2 en nuestra página web o tienda online, que indiquen los diferentes títulos de importancia de la página en la que nos encontramos. H1 es su hermano mayor.

Cuando estamos redactando un post en nuestro wordpress el tamaño de letra título 2 corresponde a H2.

<H3> Etiquetas H3

La etiqueta <h3> se utiliza para definir títulos dentro de un subapartado encabezado por un <h2> . Esta etiqueta ya no es tan potente para el posicionamiento SEO, por lo que podemos usarla para enumerar un listado o una lista. Esta etiqueta se verá más pequeña que sus hermanas mayores (<h1>,<h2>) .

<H4> Etiquetas H4

Las etiquetas H4 apenas tienen importancia para el SEO por lo que podemos dejarlas para nombres de widgets, carrito de la compra, síguenos en facebook, y todo tipo de textos que no tengan que ver con palabras clave dentro de nuestro nicho de mercado.

A continuación se pueden ver los encabezados de mi página de Posicionamiento SEO, lo que refleja una coherencia sintáctica y una perfecta configuración de las etiquetas H1, H2, H3…

¿Necesitas mejorar tu posicionamiento en Google?

2 Comments

  • ¡Genial! Tremendo post… Pasas a favoritos. Me gusta la redaccion. En algunas partes noté como algo de redundancia pero nada fuerte más bien positiva. Quizás hasta solo ideas mías. Gracias por compartir contenido de valor.

    Reply

Leave a comment