A ver, secuaces: este post va a ser corto.
Es de la serie que ya tiene publicado el del title y el de la meta description.
En esta ocasión nos vamos a centrar en el H1.
¿H1?
Sí: en el H1 o encabezado principal.
Y, como en otros casos, este también se le conoce de varias formas: que si H1 SEO, que si título H1, que si H1 title —fatal, porque el title es otra cosa—, encabezado H1…
Nosotros le diremos H1 a secas.
Dicho esto, vamos al tema.
Te voy a hablar de...
¿Qué es el H1 de una página?
El H1 es el encabezado principal de una página.
De una URL, vamos, no de una web entera. Una web tendrá tantos H1 como páginas.
Porque ojo, y esto es importante…
Solo debe haber un H1 por página.
Solo uno. Aunque en tu WordPress puedas etiquetar texto como H1 más de una vez, que sepas que lo estarás haciendo mal. Google dice que solo un H1 y es lo que hay.
¿Y qué es realmente ese encabezado principal?
Es, como el title, una etiqueta HTML, cosa que ni nos va ni nos viene, porque WordPress nos permite escribirla sin tener que programar.
¿Y cómo se ve en una página?
Es tan sencillo como entrar y, en el 99% de los casos, buscar el título del contenido de esa página. El encabezado más grade, vamos.
Ahora que ya hemos hablado del title, que puede sonar a lo mismo pero no, podemos hacer esta diferenciación:
- El title es el título de una página
- Y el H1 es el título del contenido de esa página
Cuando hago formaciones y hablo de los encabezados, siempre cojo una portada del periódico El País:
Los titulares principales serían como los encabezados H2.
Los subtítulos, los H3.
¿Y el H1?
Pues el título gigante que dice «El País».
Como dicen por aquí —me encuentro escribiendo este post desde Los Ángeles, mientras cuido a Quino e Indy—, easy peasy.
Y más fácil todavía si piensas en un post de blog.
Lo que ves de título del post… eso es el H1. Más claro, agua.
¿El H1 cuenta para el SEO?
Ojito con la pregunta, que se las trae.
Tradicionalmente sí, mucho.
Lo que pasa es que Google dijo que ya no. Bueno, que seguía siendo importante poner solo uno, pero que ya no era necesario meterle palabras clave porque había perdido relevancia.
Yo, como siempre, me creo la mitad de lo que dice y te diría que sí, que añadas tus palabras clave en el H1 en la medida de lo posible, pero de forma natural.
¿El H1 tiene que estar encima del todo?
La lógica dicta que sí, ¿no?
Si es el título del contenido, lo suyo es que esté encima en el diseño.
Pues… sí, aunque ahí puedes hacer un poco de trampita y ponerlo una o dos líneas por debajo de la primera, en beneficio del copy, como aquí:
El H1 no es lo de «Recorrer con total libertad…», sino lo de debajo: «7 días de furgoneta camper por Cantabria; no sé, piénsalo».
¿Con qué objetivo hice eso?
Con el de despertar primero el deseo, y ya luego dar la solución a ese deseo… poniendo la palabra clave.
Y mira, de momento va posicionando bien:
¿El H1 tiene que ser lo más grande, visualmente hablando?
Cuando etiquetas un encabezado en WordPress, este cambia de tamaño automáticamente.
Hereda el estilo CSS que hayas dado —o que tenga por defecto la plantilla— y cambia.
Si etiquetas algo como H1, se vuelve lo más grande.
¿Está bien?
Sí, aunque no es estrictamente necesario.
Google no valora el CSS, sino el código HTML. Si tienes el encabezado bien etiquetado, da igual que se vea más pequeño que otros encabezados o textos.
Mira mi landing de copywriter:
Mi H1 es el texto en amarillo, que dice «copywriter turístico», la keyword que busco posicionar. Es pequeño, amarillo… no parece un H1, pero está etiquetado como tal.
Y oye, si buscas esa keyword, hasta donde yo sé, debo salir por arriba, así que… no, no es imprescindible que se maquete como lo más grande.
¿Qué texto pones en el H1?
Te diría que hagas un mix:
- Tiene que estar la palabra clave
- Y tiene que formar parte del copy de la página
Es decir, que si lo pones nada más empezar —que es lo más normal—, tiene que animar a seguir leyendo.
Si lo pones en la segunda línea, debe responder a algo que decía la primera, o complementarlo.
Y en los posts del blog no tiene mucho misterio; el título que elijas al escribir y pongas encima del todo, será el H1.
Cuando diseñas la web con constructor visual como Elementor, el H1 tienes que etiquetarlo.
¿Y si quiero que el H1 sea mi marca?
Pon que estás en el sector turístico y quieres que cuando alguien busque tu marca, salga tu home. Por ello, decides que el H1 sea el nombre de tu marca, como «Hotel Joan».
¿Qué pasa?
¿Tienes que poner «Bienvenido al Hotel Joan» en el inicio de la página?
Llevamos años viendo que es una pésima idea y que mejor darle psicología al asunto… ¿y ahora tengo que poner ese H1 tan rancio solo por asegurar la marca?
¡No!
Puedes hacer algo tan simple como efectivo como es poner tu marca como atributo ALT del logo… y etiquetar el logo como H1.
De esa forma, ese texto o atributo ALT del logo pasará a ser el H1 para Google.
Yo mismo lo hago en mi home:
Y sacando el ejemplo me acabo de enterar de que no tengo como H1 «Joan Marco», sino «Joan Marco Copywriting Turístico», algo que haría el bueno de Rafa, cuando diseñó mi web.
Ejemplos de H1
Bajo esas premisas, tampoco creo que haya mucha sorpresa con lo que hacen las grandes del sector turístico.
Para la búsqueda «hoteles en valencia», hecha desde California —lo digo porque a ti igual no te sale lo mismo que a mí—, las cinco primeras páginas y sus H1 son estas:
- Booking: Busca hoteles en Valencia
- TripAdvisor: Los 10 MEJORES hoteles en Valencia (desde 51€)
- Kayak: Hoteles Valencia
- Hoteles.com: Hoteles en Valencia
- Trivago: Hoteles en Valencia (Comunidad Valenciana, España)
¿Y si buscamos «visitas guiadas en valencia»?
Veamos los H1 de las cinco primeras páginas posicionadas orgánicamente:
- Visit València: Visitas guiadas
- Civitatis: Valencia
- Guiarte Valencia: Guías Oficiales Valencia
- Turiart: tiene varios H1 debido a un slider… «Valencia esencial y sus Patrimonios de la Humanidad», «Temario 2024: “Prueba de Habilitación Guía de Turismo (Comunitat Valenciana)», «Valencia Design Walks», «Coonciertos secretos» y «Un día de romanos en Sagunto»
- TripAdvisor: 10 MEJORES actividades y visitas turísticas en Valencia
Y acabemos con la búsqueda de «agencia de viajes en valencia»:
- Viajes Turia: Aprovecha las mejores ofertas en viajes, escapadas y vacaciones
- Viajes El Corte Inglés: Agencias en Valencia
- Travelperk: Las 5 mejores agencias de viajes en Valencia
- Europa Travel: 3.000
- Viajes Carrefour: Viajes Carrefour Valencia
Más sobre el encabezado H1
¿Qué faltaría?
Si quieres saber cuál es el H1 de una página, tienes que irte al código fuente.
Una vez ahí, pon buscar por texto. En Mac yo uso CMD F.
Y ahí escribo esto: <h1
Acto seguido, te lleva al trozo de código donde está la etiqueta H1.
¿Qué más?
Yo creo que ya está.
Se me ha ido más largo el post de lo que pensaba, pero bueno, se acabó lo que se daba.
¡Larga vida a los H1 que seducen y posicionan!
