Un elemento clave para el posicionamiento SEO es la etiqueta H1 así que hoy te explicaré por qué debes ponerle mucha atención y cómo puedes hacer que este tipo de etiquetas luzcan perfectas en tu página web.
¿Qué es el lenguaje HTML?
Antes de explicar lo que es una etiqueta H1, es importante explicar un poco lo que es el lenguaje HTML. Conocer lo que es el HTML te ayudará a tener más claro el por qué debemos usar el H1 en los títulos de las páginas web.
El Lenguaje de Marcado de Hipertexto (HTML) es un lenguaje de marcado web que se utiliza para estructurar los contenidos de la misma. Los elementos HTML sirven para diferenciar el contenido escrito de una imagen o un hipervínculo.
Las partes principales de un elemento HTML son:
- Etiqueta de apertura: Para ello, se utilizan los paréntesis angulares ( < >) que serán indicadores de apertura y cierre. Su objetivo es delimitar dónde comienza y dónde termina el elemento.
- Etiqueta de cierre: Incluye una barra (/) que indica el cierre de la etiqueta.
- Contenido: Es propiamente lo que se va a mostrar en la página web.
- Elemento: Es el conjunto de la etiqueta de apertura, la de cierre y el contenido.
¿De dónde viene el lenguaje HTML?
En 1980, Tim Berners Lee propuso un sistema de hipertexto para compartir documentos. Después, se alió a Robert Cailliau para crear un hipertexto para internet y así surgió la World Wide Web mejor conocida como www. En 1991, Berners publicó en internet un documento llamado Etiquetas HTML y en 1996 se vuelve un organismo estandarizado.
Ventajas y desventajas del HTML
El uso del HTML ya está estandarizado. Sin embargo, existen algunas ventajas y desventajas de su uso
Ventajas
- Permite recibir hipertexto
- Despliega rápidamente
- Es reconocido por cualquier explorador
- Es de código abierto y gratuito
- Se integra fácilmente a lenguajes backend como PHP y Node.js
Desventajas
- Tiene un diseño lento
- Su lenguaje es estático. Para hacer páginas dinámicas necesitas de lenguajes como Javascript y PHP.
- Tiene etiquetas limitadas.
Debido a que con HTML no se pueden crear funciones dinámicas, no es considerado un lenguaje de programación web. Los usos más comunes del HMTL son:
- Diseñar la manera en la que el navegador muestra todos los elementos(imágenes, texto, hipervínculos y multimedia) de una página web
- Ayuda que los usuarios naveguen fácilmente por la página web.
- Permite organizar de mejor manera los elementos de la página web.
Estructura básica de una página web
Para crear la estructura básica de una página web con HTML solo necesitas un editor de texto como el blog de notas, Visual Studio o Sublime Text además de un navegador web.
HTML no tiene ninguna relación con el comportamiento de una página web, solo se concentra en la estructura. Para crear una estructura básica debes saber que hay distintas etiquetas HTML que son las palabras que se escriben entre los signos <>.
La primera etiqueta que se coloca es la <!DOCTYPE html>, que le indica al navegador que se trata de un documento HTML. Después se coloca la etiqueta <html> para abrir la estructura. Dentro, se ponen las etiquetas <body> y <head> tal y como se muestra en la siguiente imagen.
Los elementos más importantes dentro de la estructura básica son las etiquetas de encabezado y cuerpo. En el body se incluyen todos los contenidos que se verán en la página web. Para el contenido visual se usan la etiqueta H1, H2 o las que sean necesarias, además de <p> que indica párrafo.
¿Qué es una etiqueta H1 y cuál es su importancia?
Una etiqueta H1 es un elemento HTML que indica la cabecera más importante de una página web como el título, el título de un post, el nombre de un producto.
El H1 es importante por lo siguiente:
- Mejoran la experiencia de usuario: Las etiquetas ayudan a que el usuario identifique los textos que son más importantes y facilita la lectura de los mismos
- Mejoran la accesibilidad: Según un estudio, las personas que usan lectores de pantalla prefieren una etiqueta H1 para el título de la página
- Ayudan a que los motores de búsqueda comprendan mejor el contenido: Gracias al H1, los motores de búsqueda logran clasificar los contenidos
¿Cómo añadir una etiqueta H1?
Agregar una etiqueta H1 es muy sencillo, pero el procedimiento depende de la plataforma en la que decidas hacerlo. Revisa nuestra pequeña guía para ver cómo agregar la etiqueta H1 en los principales gestores de contenido.
Etiqueta H1 en WordPress
Al momento de entrar a WordPress y agregar un contenido de blog, en automático WordPress va a asignar el título con la etiqueta H1. Lo que debes agregar de forma manual son los subtítulos que corresponden a la etiqueta H2 y sí hay subtítulos dentro de los subtítulos, corresponden a la etiqueta H3.
Etiqueta H1 en Wix
Las plantillas Wix tienen etiquetas H1 en las páginas, pero de cualquier forma puedes dirigirte al ícono de texto y asegurarte de que esté en H1. Notarás eso al ver que las letras se hacen más grandes y se resaltan.
Etiqueta H1 en SquareSpace
La etiqueta H1 ya viene predeterminada en SquareSpace, pero si quieres revisarla, basta con que toques el cuadro de texto y ahí verás marcada la opción de H1.
Cómo crear la etiqueta H1 perfecta
La etiqueta H1 es muy importante para la estructura de nuestra página web. Por eso te daré algunos tips para que sepas cómo crear etiquetas H1 perfectas.
- Cantidad: ¿Puedo colocar más de un H1? No, solo puedes usar un H1. Recuerda que esta etiqueta es la parte más importante del contenido, por lo tanto, no puede haber dos en una misma página. El resto de los contenidos deberán tener otras etiquetas (H2, H3,H4) en orden de jerarquía de contenido.
- Uso óptimo de las palabras clave: Incluye la palabra clave o las palabras claves previamente seleccionadas de forma natural. Cuida siempre que pese a que agregues la palabra clave, tu etiqueta H1 no esté tan larga ni se lea tan robotizada. Escribimos contenidos para humanos, no para algoritmos.
- Anticipa la temática: Recuerda que le etiqueta H1 es el título, así que describe el tema de forma breve y concisa. Considera que el título o etiqueta H1 le da una idea al lector sobre el resto de tu contenido. Por ejemplo, si el tema es sobre tipos de pasteles para perros, haz referencia a eso y no a pasteles normales porque tu contenido estará enfocado a mascotas.
- Cuida el tamaño: La etiqueta H1 no puede ser tan larga o le quitarás el poder al mensaje que planea transmitir. Utiliza entre 20 y 70 caracteres con espacio. Lo ideal es que utilices entre 40 y 60 caracteres porque si rebasas los 60 la posibilidad de que den clic en el enlace se disminuyen. En cuanto a títulos, menos es más, lo más simple, pero bien elaborado, atrapa más la atención de los usuarios..
- Resalta tu etiqueta H1: Este punto es más orientado al aspecto visual, pero no por ello deja de ser importante. En una página web, esta etiqueta es la más importante y por lo mismo debe ser grande y resaltar de entre el resto del contenido. En cuanto a blogs es fácil saber que todos los artículos llevan un H1. Sin embargo, debes considerar que al momento de diseñar tu página web, si esta es de pestañas; todas las pestañas deben llevar una etiqueta H1 que luzca.
- Responde la intención de búsqueda: Lo más difícil de hacer una etiqueta H1 perfecta es el hecho de responder la intención de búsqueda. Si bien ya tienes la palabra clave, es importante pensar en hacer títulos y contenidos que realmente resuelvan la duda que el usuario presentó al momento de hacer la búsqueda. De esa forma, garantizas que el usuario se quedará en tu contenido.
- Usa long tail keywords:Cuando incluyes long tail keywords en el título, los rastreadores comprenden mejor el tema del que trata tu página y logra posicionarlo de mejor manera.
- Complementa la etiqueta H1 con otro tipo de etiquetas: La etiqueta H1 es la más importante, pero no es la única que debes utilizar para estructurar el contenido. Utiliza la etiqueta H2 para redactar subtítulos y explicarle a Google información extendida sobre el título para que así tu texto pueda ser posicionado con palabras clave secundarias. La etiqueta H3 no tiene tanta relevancia como la 1 y la 2, pero igual es importante para que el lector tenga una lectura más fluida.
Conclusiones
La etiqueta H1 tiene su origen en la estandarización del Lenguaje de Marcado de Hipertexto (HTML) de las páginas web. Utilizarla es fundamental, porque le indica al usuario y a los motores de búsqueda de qué trata tu contenido. Así mismo, este tipo de etiquetas son una herramienta indiscutible para la estrategia SEO.
La gran mayoría de los gestores de contenido tienen una función para predeterminada para colocar las etiquetas H1, pero de igual manera es sencillo colocarlas en WordPress, Wix y SquareSpace.
Para tener etiquetas H1 de impacto, hay que lograr un buen balance entre el uso de las palabras clave, la creatividad y la simplicidad para usar el número adecuado de caracteres.
