Qué son y cómo usarlos

Hola hoy te hablaré de Qué son y cómo usarlos

Cuando comencé a escribir blogs, no tenía idea de cómo estructurar mis publicaciones para clasificar en los motores de búsqueda, o incluso por qué era importante.

Simplemente añadí 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 existe una ciencia para la optimización de blogs, y lo que incluí en las publicaciones de mi blog para que se vean profesionales se llama encabezado/etiquetas de encabezado, y son una herramienta importante para la comprensión. y SEO.

Aquí hay una guía rápida sobre las etiquetas de encabezado y para qué se usan:

  • H1 — El título de una publicación. Por lo general, se centran en palabras clave, se enfocan en la «gran idea» de una página o publicación y están diseñados 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 usar palabras clave semánticas relacionadas con la «gran idea» en su H1 mientras ayuda 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 usar en listas de formato o viñetas.
  • H4 —Estas son subsecciones que aclaran más los puntos hechos en el H3. Alternativamente, se pueden usar en listas de formato o viñetas.

La «H» en H1, H2, etc. significa oficialmente «elemento de encabezado», aunque la comunidad de SEO también suele llamar a estas etiquetas «etiquetas de encabezado».

Como puede adivinar de la guía anterior, el número indica la relación jerárquica entre cada uno (siendo H1 el más importante, H2 el menos importante, etc.).

Aquí hay 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 brindan estructura a una página, hablemos de ellas con mayor especificidad, comenzando con la etiqueta H1.

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, tal como el título del libro está en la portada exterior antes de sumergirse en el texto interior.

Para ilustrar, la etiqueta del encabezado en el siguiente ejemplo es el título «La guía definitiva para la comercialización de productos en 2021».

ejemplo de un h1

El título se designa como H1 para la página usando código HTML. Este código podría manifestarse en el código fuente de la página web de la siguiente manera:

ver la pluma H1 Ejemplo 1 de Christina Perricone (@nosotros) sobre CódigoPen.

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 de H1, puede tener tantas de estas etiquetas en una página como desee.

Tus encabezados deben apegarse al tema sobre el que estás 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 criterio al dividir las 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:

ejemplo de etiquetas de encabezado h2 y h3

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 las 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, 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 servir a sus usuarios rastreando páginas web. Mientras lo hace, analiza el texto, las imágenes y otros elementos que encuentra para entender de qué se trata esa página.

Cuando coloca texto en una etiqueta de encabezado, está 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 cuando se usan etiquetas de encabezado para 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 coloca 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 ilustrar, digamos que su palabra clave es «comercio electrónico». Le gustaría que esto se refleje 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 mantenerlas centradas en las palabras clave. Por ejemplo, puede crear algunas secciones H2 que rodeen 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 las palabras clave usted mismo; de hecho, puede hacer una investigación de palabras clave fácil 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. Separar diferentes partes de una página web mantiene la información organizada y dividida de manera comprensible. Esto ayuda a los lectores a encontrar la información que están buscando, pero también a los motores de búsqueda que también están escaneando.

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 fuera «La guía para iniciar el comercio electrónico,» se vería así:

ver la pluma H1 Ejemplo 2 de Christina Perricone (@nosotros) sobre CódigoPen.

Esto funcionará para HTML4 o anterior. 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:

ver la pluma H1 Ejemplo 3 de Christina Perricone (@nosotros) sobre CódigoPen.

También puede incluir puntuación entre las dos etiquetas. Por ejemplo, podrías tener:

ver la pluma H3 Ejemplo 1 de Christina Perricone (@nosotros) sobre CódigoPen.

Recuerde, Google escaneará el HTML de las etiquetas de encabezado para informar 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.

aplicar etiquetas de encabezado con el editor de blogs de HubSpot

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 están comprendiendo la información.

Una buena prueba que me gusta usar es enviar publicaciones a un familiar cercano que no sabe mucho sobre blogs o marketing. Usar comentarios externos y preguntarles si pueden comprender mi escritura antes de publicar me ayuda a formatear las publicaciones para que sean comprensibles.

Debido a que el uso de encabezados puede ayudar con la legibilidad para los 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 las clasificaciones 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 actualizó para que sea más completa.

Hasta luego fué un gusto

sobre el autor

Estuardo Monroy

Te gustaría saber más sobre el autor, te invito que veas la sección de Nosotros en Consultor SEO, donde se extiende hablando sobre su experiencia, conocimientos y un poco de información personal.