Cuando comencé a bloguear, no tenía idea de cómo estructurar mis publicaciones para clasificarlas en los motores de búsqueda, o incluso por qué era importante.
Solo agregué palabras y frases en negrita que se veían bien y esperaba ser seleccionado al azar para las páginas de resultados del motor de búsqueda (SERP).
Ahora sé que hay una ciencia en la optimización de blogs, y lo que estaba agregando a las publicaciones de mi blog para que se vieran profesionales se llamaba etiquetas de encabezado / encabezado, y son una herramienta importante para la comprensión y SEO.
¿Qué son las etiquetas de encabezado?
Las etiquetas de encabezado, también conocidas como etiquetas de encabezado, se utilizan para separar encabezados y subtítulos en una página web. Se clasifican en orden de importancia, de H1 a H6, siendo H1 el título normalmente. Las etiquetas de encabezado mejoran la legibilidad y el SEO de una página web.
Aquí hay una guía rápida sobre las etiquetas de encabezado y para qué se utilizan:
- H1 – El título de una publicación. Por lo general, se centran en las palabras clave, se centran en la «gran idea» de una página o publicación y están diseñadas para captar la atención del lector.
- H2 – Estos son subtítulos que clasifican los puntos principales de sus párrafos y secciones separadas. Considere el uso de palabras clave semánticas relacionadas con la «gran idea» en su H1 y, al mismo tiempo, ayude al lector a encontrar fácilmente las secciones que desea leer.
- H3 – Estas son subsecciones que aclaran más los puntos hechos en el H2. Alternativamente, se pueden utilizar para formatear listas o viñetas.
- H4 —Estas son subsecciones que aclaran más los puntos hechos en el H3. Alternativamente, se pueden utilizar para formatear listas o viñetas.
La «H» en H1, H2, etc. significa oficialmente «elemento de encabezado», aunque la comunidad SEO también suele llamar a estas etiquetas «etiquetas de encabezado».
Como puede adivinar en la guía anterior, el número indica la relación jerárquica entre cada uno (siendo H1 el más importante, H2 menos importante, y así sucesivamente).
A continuación, se muestra un ejemplo de cómo esta estructura jerárquica podría manifestarse en el esquema de un blog:
Ahora que comprende que las etiquetas de encabezado proporcionan estructura a una página, hablemos de ellas con mayor especificidad, comenzando con la etiqueta H1.
¿Qué son las etiquetas H1?
Una etiqueta H1 es la primera y más importante etiqueta de encabezado en la jerarquía estructural de una página o publicación. Por lo general, toma nota del título de la página o la publicación.
No cometa el error de usar etiquetas de encabezado como nada más que elementos estilísticos. Después de todo, son de naturaleza estructural. Piense en el H1 como si fuera el título de un libro. Por lo general, solo hay un título para un libro, por lo que solo debe haber un título para su página o publicación.
Además, las etiquetas H1 siempre deben estar en la parte superior de su página antes que el resto de su contenido, al igual que el título del libro está en la cubierta exterior antes de sumergirse en el texto interior.
A modo de ilustración, la etiqueta de encabezado del ejemplo siguiente es el título «La guía definitiva para el marketing de productos en 2021».
El título se designa como H1 para la página utilizando código HTML. Este código podría manifestarse en el código fuente de la página web así:
Vea el ejemplo 1 de Pen H1 de Christina Perricone (@hubspot) en CodePen.
Sin embargo, como mencionamos anteriormente, existen otras etiquetas de encabezado que también ayudan a crear la estructura de una página.
¿Cuántas etiquetas de encabezado admite HTML?
HTML admite hasta seis etiquetas de encabezado (H1-H6) para que las use para estructurar su página según sea necesario. Se pueden estilizar visualmente de acuerdo con su marca y, con la excepción del H1, puede tener tantas de estas etiquetas en una página como desee.
Sus encabezados deben ceñirse al tema sobre el que está escribiendo porque pueden ayudar al lector (y a los motores de búsqueda) a encontrar los puntos principales dentro del contenido y guiarlos a través del flujo de la página. Cuando esté formateando, use su mejor juicio al dividir secciones.
A continuación se muestra una captura de pantalla de una publicación de blog de HubSpot con ejemplos de etiquetas de encabezado indicadas con flechas:
Como puede ver, cada etiqueta de encabezado se ve diferente visualmente y cada etiqueta de encabezado se usa para una nueva idea.
Ahora que sabe un poco más sobre qué son las etiquetas de encabezado, veamos cómo se usan para SEO.
Etiquetas de encabezado y SEO
Puede pensar que las etiquetas de encabezado son intrascendentes en el gran esquema de cosas relacionadas con el sitio web. Sin embargo, las etiquetas de encabezado pueden ayudar a proporcionar estructura a una parte del contenido y llamar la atención sobre las ideas, los temas y (en efecto) más importantes palabras clave en ese contenido. Como resultado, las etiquetas de encabezado tienen peso con la relevancia y legibilidad de las palabras clave.Considere esto: Google encuentra contenido para ofrecer a sus usuarios rastreando páginas web. Mientras lo hace, analiza el texto, las imágenes y otros elementos que encuentra para comprender de qué se trata esa página.
Cuando pones texto en una etiqueta de encabezado, estás indicando que este texto es importante, y Google lo usará para determinar el contexto de la página, lo que luego ayuda a Google a ofrecer resultados que son relevantes para las consultas de los buscadores.
Por eso es importante, al utilizar etiquetas de encabezado, asegurarse de que coincidan correctamente con la intención de una palabra clave. Si la etiqueta H1 de una publicación no tiene una palabra clave, o si pones texto irrelevante en las etiquetas H2 y H3, Google tendrá más dificultades para entender una página. Como resultado, esa página no se clasificará tan bien como podría.
Para ilustrarlo, digamos que su palabra clave es «comercio electrónico». Le gustaría que esto se reflejara en su etiqueta H1, por lo que un título como «La guía para iniciar un negocio de comercio electrónico» sería ideal. Eso le diría a Google exactamente cómo enviar navegadores web a su publicación.
Los motores de búsqueda también miran las etiquetas de encabezado dentro de su publicación, por lo que también es bueno mantener esas etiquetas centradas en las palabras clave. Por ejemplo, puede crear algunas secciones H2 que rodeen las palabras clave de cola larga populares relacionadas con el comercio electrónico, como «cinco pasos para crear un negocio de comercio electrónico» o «las mejores herramientas de redes sociales para el comercio electrónico».
Tampoco tiene que pensar en palabras clave por sí mismo; de hecho, puede hacer una búsqueda sencilla de palabras clave para ayudarlo o buscar herramientas de investigación de palabras clave como SEMRush o Ahrefs. Solo asegúrese de que sus etiquetas de encabezado sean amigables tanto para los humanos como para los robots de los motores de búsqueda.
Los encabezados también facilitan la lectura de las páginas. La división de diferentes partes de una página web mantiene la información organizada y dividida de una manera comprensible. Esto ayuda a los lectores a encontrar la información que están buscando, pero también los motores de búsqueda que también la escanean.
Si sus secciones no tienen sentido, es posible que su página no se clasifique. Piense en las secciones de esta publicación: ¿cree que se dividieron de manera legible?
Cómo agregar etiquetas de encabezado en HTML
Agregar etiquetas de encabezado en HTML es un proceso bastante simple. Si desea anotar un H1, debe escribir
y
, colocando el texto H1 entre esas dos etiquetas. Este es el mismo método para cualquier tipo de etiqueta de encabezado.
Por ejemplo, si su h1 era «La guía para iniciar el comercio electrónico,«se vería así:
Vea el ejemplo 2 de Pen H1 de Christina Perricone (@hubspot) en CodePen.
Esto funcionará para HTML4 o versiones anteriores. Si está trabajando con HTML5, es posible que deba usar una línea ligeramente diferente para obtener el mismo resultado. El cambio es avisar a Google sobre qué es el H1:
Vea el ejemplo 3 de Pen H1 de Christina Perricone (@hubspot) en CodePen.
También puede incluir puntuación entre las dos etiquetas. Por ejemplo, es posible que tenga:
Vea el ejemplo 1 de Pen H3 de Christina Perricone (@hubspot) en CodePen.
Recuerde, Google escaneará el HTML de las etiquetas de encabezado para decirle a los navegadores web de qué se trata su página, por lo que es importante revisarlos y ver si sus encabezados en HTML tienen el formato correcto.
Algunas plataformas de blogs, como WordPress y HubSpot, tienen una opción en la barra de herramientas para crear etiquetas de encabezado, por lo que cada vez que desee agregar una, no tiene que profundizar en el código fuente o HTML para hacerlo.
La próxima vez que cree una publicación para su sitio web, vea si agregar etiquetas de encabezado relevantes afecta el SEO y cómo sus lectores comprenden la información.
Una buena prueba que me gusta usar es enviar publicaciones a un familiar cercano que no sepa mucho sobre blogs o marketing. Usar comentarios externos y preguntarles si pueden comprender mi escritura antes de publicar me ayuda a dar formato a las publicaciones para que sean comprensibles.
Debido a que el uso de encabezados puede ayudar con la legibilidad para sus usuarios, así como la capacidad de rastreo para los motores de búsqueda, no hay razón para no usarlos al crear páginas y publicaciones. Incluso puede ver saltos en la clasificación de los motores de búsqueda, el tráfico y el tiempo en la página.
Nota del editor: esta publicación se publicó originalmente en enero de 2020 y se ha actualizado para que sea más completa.