Utilizando las etiquetas de encabezamiento H1 y H2, puede estructurar su contenido en un formato atractivo y claro. La escritura, el desarrollo de software y la reparación de ordenadores son sólo algunas de las ocupaciones en las que la comprensión de esta característica de codificación puede ayudarle a producir un contenido de mayor calidad para sus usuarios.
En este artículo, cubrimos lo que son las etiquetas de encabezado, las diferencias entre las etiquetas H1 y H2, cómo funcionan ambas etiquetas de encabezado con un ejemplo para su referencia.
¿Qué son las etiquetas de encabezamiento?
El lenguaje HTML permite codificar los títulos de un sitio web mediante etiquetas de encabezamiento. Los títulos se utilizan para dividir el contenido escrito en secciones más pequeñas. Esto facilita a los usuarios la lectura y la navegación por artículos y blogs largos.
Las etiquetas de encabezamiento diferencian el H1, el encabezamiento principal de su artículo, de los subencabezamientos H2 a H6. Puede asignar un número entre uno y seis en función de la importancia y la posición que tenga un encabezamiento en la estructura general de su escrito. El código sigue un sistema de jerarquía, lo que significa que el tamaño del encabezamiento se reduce de H1 a H6.
Las etiquetas de encabezamiento son un término común de SEO. Ayudan a comunicar los puntos clave de su contenido a un motor de búsqueda para que pueda dirigir a los usuarios de Internet a las piezas de información más relevantes. Los encabezados HTML y las etiquetas H son otros sinónimos comunes de las etiquetas de encabezado. A menudo la gente las confunde con otras funciones de HTML, como «header» , «cabeza» o «h». Por tanto, vigila de cerca el código que introduces al formatear los títulos de tu página web. Cualquier error en su código puede cambiar el formato y la apariencia de su contenido.
Relacionado: Preguntas y respuestas: ¿Qué es la codificación?
¿Cuándo utilizar las etiquetas H1 o H2?
A continuación se resume la principal diferencia entre las etiquetas de encabezamiento H1 y H2:
Etiqueta de encabezamiento H1
Una etiqueta H1 especifica el título principal de su página web. Puede ser el título principal de su página web, artículo o entrada de blog. La introducción de este código en el back-end de su sistema de gestión de contenidos hará que el texto seleccionado se muestre más grande y destacado que el resto del texto de su página.
Etiqueta de encabezamiento H2
Una etiqueta H2 marca el primer subtítulo después del título principal de su documento. Define los títulos de segundo nivel de su página web. Al igual que una etiqueta H1, una etiqueta H2 también aparece más grande que el resto del texto del cuerpo principal. Sin embargo, las etiquetas H2 son siempre ligeramente más pequeñas que su etiqueta H1, para que no compitan con su encabezado principal.
Tenga en cuenta que las etiquetas de encabezamiento no se detienen en H2. Para que su contenido sea más legible, puede añadir subpuntos debajo de su etiqueta H2 con una etiqueta de encabezamiento H3. Cualquier subpunto por debajo de una etiqueta H3, puedes especificarlo con una etiqueta H4. Esta secuencia puede continuar hasta las etiquetas H6; sin embargo, es bastante raro que escriba un contenido tan profundo como para necesitar etiquetas de encabezamiento por encima de H4.
Relacionado: Aprender a codificar
Beneficios del uso de etiquetas de encabezamiento
Las etiquetas de encabezamiento, como los elementos H1 y H2, aportan claridad a su contenido escrito y potencian la clasificación de su página web. A continuación se explican las principales ventajas de utilizar etiquetas de encabezamiento:
Mejora la estructura del contenido
Las etiquetas de encabezamiento proporcionan una estructura a su contenido, lo que ayuda a guiar a los lectores a través de un artículo. Introducen de qué trata una sección o párrafo para que los usuarios puedan escudriñar su página web y encontrar la información que les interesa. El estilo grande y audaz de las etiquetas H1 y H2 permite a los lectores centrarse en su escritura durante largos períodos de tiempo. Sin ellas, su página web puede parecer farragosa y compleja.
Optimiza la calidad de su contenido
Aunque las etiquetas de encabezamiento no tienen un impacto directo en el rendimiento de su SEO, los motores de búsqueda suelen preferir los contenidos fáciles de leer. El uso de encabezados para simplificar los artículos largos invita a los lectores a pasar más tiempo leyendo su contenido, en lugar de rebotar de un sitio web a otro. Los motores de búsqueda pueden detectar este comportamiento, ya que su objetivo es dirigir a los usuarios a contenidos de calidad. Por ello, los motores de búsqueda tienden a clasificar mucho mejor los contenidos con una baja tasa de rebote.
¿Cómo funcionan las etiquetas de encabezamiento H1?
A continuación se indican algunos pasos sencillos sobre cómo codificar las etiquetas de encabezamiento H1 en su página web:
1. Esbozar su contenido
Antes de escribir el contenido de su página web, cree un esquema en el que se detallen los puntos principales que desea cubrir en su artículo. Este es un paso importante que le ayudará a determinar las secciones clave que contendrá su contenido, especialmente los títulos en los que se incluirán.
2. Determinar la rúbrica principal
Ahora que ha preparado un plan sencillo para su artículo, cree un título que resuma el propósito de su escrito. Piense en un nombre atractivo que atraiga a la gente a hacer clic en su página web desde una página de resultados de un motor de búsqueda. Lo ideal es que el título sea conciso, con 12 palabras o menos. En una etapa posterior, utilizará su etiqueta de encabezamiento H1 en este título.
3. Implantar las palabras clave que se proponen
En el título de su página web o entrada de blog, es esencial que incluya las palabras clave a las que se dirige para mejorar su clasificación SEO. Sin embargo, no llene su título con demasiadas palabras clave, porque los motores de búsqueda asumirán que está tratando de manipularlos. Por lo tanto, asegúrese de que sus palabras clave suenen naturales en el flujo de su argumento.
4. Insertar la etiqueta de encabezamiento H1
En la vista de código, inserte la etiqueta H1 alrededor de su encabezado principal utilizando la plantilla siguiente:
Recuerde añadir las etiquetas de encabezamiento H1 delante y detrás del texto del título.
Relacionado: Cómo escribir código en 6 pasos
5. Previsualización del contenido
Desactive la vista de código para comprobar si ha insertado la etiqueta de encabezamiento correctamente. Debe aparecer más grande que el texto del cuerpo principal. Si no es así, vuelva a la vista de código para comprobar si ha cometido algún error de codificación. A menudo, la gente se olvida de cerrar el código con otra etiqueta H1, utiliza mal la barra diagonal o escribe mal un elemento.
¿Cómo funcionan las etiquetas de encabezamiento h2?
Si su contenido contiene más de 300 palabras, es una buena práctica utilizar subtítulos H2 para limpiar la estructura de su página web. A continuación se indican algunos pasos a tener en cuenta al utilizar etiquetas H2:
1. Consulte su esquema
El esquema de su artículo debe destacar los principales temas que tratará su contenido. Estos temas forman los subtítulos de su escrito; y por lo tanto, informan sus etiquetas H2. Por lo general, debe dividir las secciones con más de tres párrafos en secciones más pequeñas bajo subtítulos. De esta manera, los lectores pueden seguir su contenido con facilidad.
2. Utilizar frases procesables
Tus subtítulos deben resumir el contenido de la sección siguiente. Esto ayuda a los lectores a escanear rápidamente su página web para obtener una visión general de lo que se trata. Los subtítulos H2 también actúan como un dispositivo de navegación, mediante el cual los lectores pueden saltar rápidamente a las secciones que son más relevantes para ellos.
3. Insertar la etiqueta H2
En la vista de código, inserte la etiqueta H2 alrededor de sus subtítulos utilizando la plantilla siguiente:
Recuerde añadir las etiquetas de encabezamiento H2 delante y detrás del texto del título.
4. Previsualice su contenido
Previsualice sus subtítulos en la vista de artículo para verificar que ha insertado sus etiquetas H2 correctamente. Deben aparecer más grandes que el texto del cuerpo principal, pero ligeramente más pequeños que la etiqueta de encabezamiento H1. Si notas alguna discrepancia, vuelve a revisar tu código.
Relacionado: Relacionado: 8 preguntas y respuestas esenciales de la entrevista de HTML
Otros subtítulos
Mientras que H1 es su etiqueta de encabezamiento principal, hay cinco niveles de subtítulos, desde H2 hasta H6, que puede utilizar para estructurar su contenido. Por lo general, utilizará las etiquetas de encabezamiento de orden superior para destacar las piezas de información más importantes de su texto. Por eso, puede esperar utilizar las etiquetas H4, H5 y H6 sólo cuando su contenido sea muy largo. A continuación se describe cómo puede utilizar la codificación HTML para especificar diferentes encabezados:
Así es como aparecerá el código en su página web publicada:
Nivel 1 de la cabecera
Nivel de dirección 2
Nivel de dirección 3
Rúbrica de nivel 4
Rumbo al nivel 5
Nivel de la rúbrica 6
Ejemplo de etiqueta de encabezamiento
Aquí's un ejemplo de esquema de artículo para demostrar cómo puede utilizar diferentes etiquetas de encabezamiento: