¿Qué es una etiqueta H1? Por qué es importante y buenas prácticas de SEO

Carlos Silva

feb 09, 20239 min de lectura
Header Tags and H1 Tags

TABLA DE CONTENIDOS

¿Qué es una etiqueta H1?

Una etiqueta H1 es un encabezado HTML que se utiliza para marcar el tema principal de una página. En el código, verás el texto H1 envuelto en etiquetas <h1></h1>.

Aquí tienes un ejemplo de una etiqueta H1 en el código HTML de una entrada de blog y en la página en vivo:

H1 tags for SEO

En este artículo, compartiremos:

  • ¿Por qué son importantes las etiquetas H1 para el SEO?
  • Cómo añadir una etiqueta H1 a tu página
  • Mejores prácticas de etiquetas H1
  • Cómo realizar una auditoría de etiquetas H1

¿Por qué son importantes las etiquetas H1 para el SEO?

Las etiquetas H1, aunque no son un factor de clasificación confirmado, siguen siendo importantes para el SEO. 

He aquí las tres razones principales. 

1. Los H1 ayudan a los motores de búsqueda a entender el contenido

Los motores de búsqueda, al igual que tus lectores, se fijan en tus H1 para saber de qué tratan tus páginas y su contenido. 

John Mueller, de Google, ha declarado: “si escribes contenido para el que quieres posicionarte, nos ayuda a poder entender mejor ese contenido”. 

Cuanto más descriptivo sea tu H1, mejor. 

El H1 de esta entrada de blog de Chewy es un gran ejemplo de H1 descriptivo. 

descriptive H1 tag

Indica a los lectores exactamente lo que encontrarán: los mejores alimentos naturales para perros disponibles en la actualidad, según los veterinarios. 

Y, con la etiqueta descriptiva H1 en tu código, a Google le resultará más fácil entender lo que hay en la página.

descriptive H1 tag google

2. Los H1 mejoran la experiencia de usuario

Las etiquetas H1 mejoran la experiencia del usuario (UX) al permitir que los lectores sepan de qué trata tu página de un vistazo. La mayoría de las webs muestran el H1 como el texto más grande de la página.

Y mejorar la UX es fundamental. Google lo ha destacado como factor de posicionamiento

Sin olvidar:

Un vistazo rápido a los encabezados de apoyo (como los H2 y H3) puede mostrar a los lectores lo que van a aprender antes de profundizar. De este modo, pueden preevaluar el valor de tu contenido. 

Si has hecho un buen trabajo, tu H1 proporcionará jerarquía y asegurará a los visitantes que tienes la información que buscan. 

Así:

headings help readers skim the information

El ejemplo de la izquierda no tiene una estructura ni un orden claro. Es muy difícil saber de qué va. 

El ejemplo de la derecha muestra el H1 como el encabezamiento más destacado de la página, luego el H2, luego el H3, etc. 

Es fácil de hojear, seguir y comprender. 

3. Los H1 mejoran la accesibilidad

Las etiquetas H1 (y otros encabezados en general) pueden ayudar a comprender el contenido de la página a quienes utilizan lectores de pantalla debido a problemas visuales. 

Los lectores de pantalla son programas que leen el texto con un sintetizador de voz o una pantalla Braille. 

Aquí tienes un ejemplo de una entrada de blog bien organizada con un lector de pantalla que muestra los encabezamientos:

screen reader displaying the headings

Cientos de millones de personas viven con deficiencias visuales y usan lectores de pantalla para navegar por internet. 

En un estudio de WebAIM, se preguntó a los usuarios de pantallas cómo preferían encontrar información. El 67,5% de los encuestados se decantó por navegar por los encabezados.

Mejora rápidamente la accesibilidad de tu web elaborando etiquetas H1 descriptivas y manteniendo una estructura de encabezados organizada.

Cómo añadir una etiqueta H1 a tu página

Añadir una etiqueta H1 en la mayoría de los sistemas de gestión de contenidos (CMS) es fácil. De hecho, muchos CMS convierten directamente tu título meta en un H1. 

Pero es probable que no siempre quieras que los títulos meta y los H1 sean exactamente iguales.

Por ejemplo, cuando incluyes el nombre de tu empresa en tu título meta. 

O si tu título incluye algún tipo de propuesta de valor (como "¡Ahorra en sillas de jardín!"), que podría parecer spam si se repite en la parte superior de tu página como H1. 

A continuación te explicamos cómo cambiar tu etiqueta H1 con WordPress, Squarespace, Wix y HTML. 

Añadir una etiqueta H1 en WordPress

La mayoría de los temas de WordPress están codificados para utilizar el título de la página como H1.

Si quieres cambiar algún otro título, tienes que entrar y reprogramarla.

wordpress blog title

Pulsa o resalta el texto que quieras reformatear. Debería aparecer una barra de herramientas encima del bloque seleccionado.

Así:

highlight text to reformat

Haz clic en el símbolo de párrafo que se encuentra en el extremo izquierdo de esa barra de herramientas. Después, selecciona "Título".

wordpress H2

WordPress selecciona automáticamente la etiqueta H2. 

Cambia tu etiqueta de encabezado a H1 haciendo clic en "H2" en la barra de herramientas y cambiándola a "H1".

change H2 to H1

Todo listo. 

Añadir una etiqueta H1 en Squarespace

Añadir un H1 en Squarespace (para entradas de blog) es tan sencillo como rellenar el campo "título de la entrada" en la mayoría de los casos. 

Si quieres cambiar la etiqueta H1 de una página, empieza por seleccionar el texto que quieres convertir en H1. 

A continuación, haz clic en el botón de formato situado en el extremo izquierdo de la barra de herramientas.

squarespace H1 edit

Y selecciona "Título 1".

Así:

text style menu in squarespace

¡Y ya está!

Añadir una etiqueta H1 en Wix

Al igual que los otros dos CMS de esta lista, Wix convierte automáticamente el título de la entrada de tu blog en la etiqueta H1.

add a catchy title

Para cualquier otra página, puedes editar el texto que quieras que sea un H1. 

Primero, selecciona el texto que quieres editar. 

A continuación, haz clic en el botón "Editar texto" de arriba.

edit page title in wix

Haz clic en el menú desplegable "Temas".

Así:

change theme in wix

Y selecciona "Título 1". 

select H1 in wix

¡Y ya está! 

Mejores prácticas de etiquetas H1 

Aquí tienes seis buenas prácticas de etiquetas H1 que puedes seguir para mejorar tu SEO.

1. Utiliza solo un H1 por página

Utilizar un solo H1 crea jerarquía y da a tu página una estructura más lógica. 

Facilita a los lectores (y a los que usan lectores de pantalla) hojear y comprender de qué trata tu página.

El H1 está reservado para el tema principal o titular. Los H2 son para los subtítulos importantes. Los H3 son para los subtítulos que apoyan a aquellos. Y así sucesivamente:

best SEO headings practices

Cada página debe tener solo un tema principal y un titular. Y ese debe ser tu único H1.

2. Asegúrate de que cada página importante tiene un H1

Teniendo en cuenta que una etiqueta H1 es el encabezado más importante, toda página debería tener un H1. 

¿Qué páginas se consideran importantes? Eso depende de ti. Pero un buen punto de partida es cualquier página que quieras posicionar en Google. 

Para encontrar páginas a las que les falten H1 o estén vacías:

  1. Ve a la herramienta Auditoría del sitio de Semrush.
  2. Introduce la URL de tu página de inicio y pulsa “Iniciar auditoría”.
  3. Haz clic en la pestaña "Problemas".
  4. Escribe "h1" en la barra de búsqueda.
  5. Haz clic en la advertencia para las páginas que no tienen un H1.
img-semblog

3. Incluye tu palabra clave objetivo

Un estudio de los factores de posicionamiento de Google sugiere que incluir tu palabra clave principal en tu etiqueta H1 es un factor de posicionamiento. 

Junto con tu título meta, Google utiliza tu H1 para determinar si tu contenido es relevante para la consulta de un usuario.

En otras palabras:

Es probable que una página con un H1 muy relevante para una consulta de búsqueda se posicione bien para esa consulta. 

También tiene sentido incluir tu palabra clave objetivo para que el tema de la página quede claro para los lectores. 

Lo hacemos para todas las entradas de nuestro blog. A continuación, puedes ver cómo hemos incluido las palabras clave “descripción de vídeo en YouTube” y “robots..txt” en dos H1 de entradas de blog diferentes:

img-semblog

4. Mantén las etiquetas H1 por debajo de 60 caracteres

Cuanto más clara y concisa sea tu redacción, mejor. No es diferente para las etiquetas H1 u otros encabezados. 

Lo mejor es mantener tu H1 entre 50 y 60 caracteres, al igual que tus etiquetas de título. 

¿Por qué?

Muchos CMS utilizan el mismo texto para la etiqueta H1 y la etiqueta de título. Además, como hemos mencionado antes, Google cambia de vez en cuando las etiquetas de título por las etiquetas H1.

Y no quieres que Google lo trunque en los resultados de búsqueda, así:

img-semblog

Por tanto, no existe un límite técnico para la longitud de una etiqueta H1. Pero lo mejor es que tenga menos de 60 caracteres.

5. Haz que tus H1 sean similares a tus etiquetas de título

Una etiqueta de título es un elemento HTML utilizado para especificar el título de una página web. Se escribe como <title> bajo la sección <head> del código de tu sitio. 

La gente suele confundirlas con las etiquetas H1, porque tanto el título como la etiqueta H1 describen de qué trata una página.

La principal diferencia es dónde aparecen. 

Las etiquetas de título aparecen en las páginas de resultados de los motores de búsqueda (SERP). Y en la parte superior de la pestaña del navegador web. Aparte de eso, no son visibles en la página web.

Aquí tienes un ejemplo de metatítulo en una pestaña del navegador y en una SERP:

meta title in browser tab and SERP

Las etiquetas H1 son lo que los usuarios ven en la página, a menudo en texto grande. No suelen aparecer en las SERPs. 

Aquí tienes un H1 para una de las entradas de nuestro blog:

img-semblog

Google recomienda hacer coincidir tu etiqueta H1 con tus etiquetas de título para evitar que aparezcan títulos de artículos inexactos en los resultados de búsqueda. 

No tienen que ser exactamente iguales. Pero deben ser similares.

Así:

match H1 and title

Los usuarios se sentirán engañados si llegan a tu página y ven un H1 completamente distinto (y sin relación). Tú no quieres eso. 

6. Optimiza tu H1 para satisfacer la intención de búsqueda 

La intención de búsqueda es el objetivo principal de un usuario cuando busca algo. 

Tu H1 debe indicar inmediatamente al lector que vas a satisfacer su intención de búsqueda. Dicho de otro modo: tu contenido les da lo que quieren.

Satisfacer la intención de búsqueda es importante porque es el objetivo nº 1 de Google. Lo que, a su vez, lo convierte en tu objetivo principal si quieres posicionar. 

Para determinar la intención de búsqueda de una palabra clave, escríbela en Google y analiza lo que aparece. 

Por ejemplo, los primeros resultados de "marketing de contenidos" se centran en explicar qué es el marketing de contenidos:

img-semblog

Ninguno de esos artículos es demasiado profundo. Tampoco venden nada. Eso nos indica que la intención de búsqueda es informativa, con artículos escritos para principiantes.

Por lo tanto, debes redactar un H1 (y un post que lo acompañe) que satisfaga esa intención de búsqueda informativa.

Una forma aún más rápida de determinar la intención de búsqueda es con la herramienta Visión general de palabra clave.

Escribe tu palabra clave y pulsa "Buscar".

img-semblog

Obtendrás información sobre la palabra clave elegida, incluida su intención.

img-semblog

Cómo realizar una auditoría de etiquetas H1

Para comprobar si hay errores en las etiquetas H1 de tu web, realiza una auditoría del sitio. 

Abre Auditoría del sitio. A continuación, crea un proyecto para tu web y configura la herramienta.

La herramienta mostrará un panel con la salud general de tu sitio. Haz clic en la pestaña "Problemas" para ver la lista de errores.

En la barra de búsqueda, escribe "h1" para ver solo los errores relacionados con tus etiquetas H1.

img-semblog

Ahora puedes ver todas las páginas que tienen problemas H1. Corrige primero los errores, luego las advertencias y después los avisos. 

Recomendamos realizar auditorías mensuales para notificarte cualquier nuevo problema que requiera tu atención. 

Para ello, puedes configurar un informe periódico.

En la esquina superior derecha de tu panel de Auditoría del sitio, haz clic en el botón “Configuración”. 

Busca “Programar” desplazándote hacia abajo por la configuración de tu Auditoría del sitio.

Así:

img-semblog

A continuación, verás una ventana emergente en la que puedes elegir la frecuencia con la que quieres ejecutar tu informe.

Ajústalo al día que prefieras. Y asegúrate de hacer clic en la opción “Enviar un correo electrónico cada vez que finaliza una auditoría” en la parte inferior de la ventana emergente. Después, haz clic en “Guardar”.

img-semblog

De ese modo, podrás solucionar cualquier problema y mantener tus esfuerzos de SEO funcionando sin problemas.

Compartir
Author Photo
Carlos Silva is a content marketer with over 8 years of experience in writing, content strategy, and SEO. At Semrush, he’s involved in research, editing, and writing for the English blog. He also owns Semrush’s Educational Newsletter (4M+ subscribers).
Más sobre esto