Etiquetas de encabezado: una guía simple (pero completa) para las etiquetas de encabezado HTML H1, H2 y H3 para SEO
Publicado: 2020-08-25
Esta es una guía completa para las etiquetas de encabezado en 2021.
En esta nueva guía, aprenderá exactamente cómo usar las etiquetas H1 a H6 para impulsar clasificaciones más altas en los motores de búsqueda, incluso si es nuevo en las etiquetas de encabezado de SEO o si Google lo engañó para que pensara que las etiquetas de encabezado no lo hacen. trabajo.
Está a punto de aprender todo lo que necesita saber sobre los elementos de encabezado HTML, desde lo que son (en lenguaje sencillo) hasta estrategias avanzadas de encabezado que han demostrado aumentar el alcance y la participación de su contenido.
Aquí hay una descripción general rápida de lo que está cubierto:
- ¿Qué son las etiquetas de encabezado y cómo usarlas exactamente ?
- La diferencia entre las etiquetas H1, H2 y H3 y cuándo es correcto usar cada tipo
- Cinco razones por las que las etiquetas de encabezado son esenciales en este momento
- La anatomía de una jerarquía de etiquetas de encabezado perfectamente estructurada
- Cómo crear etiquetas H1 a H6 que brinden clasificaciones (y ventas) más altas
- Mucho más
Empecemos.
DESCARGAR: una lista de verificación gratuita que le mostrará exactamente cómo implementar los consejos de optimización de etiquetas de encabezado que se incluyen en esta publicación.
¿Qué son las etiquetas de encabezado? Una definición libre de jerga
En lenguaje sencillo:
Las etiquetas de encabezado son elementos HTML que se utilizan para definir los encabezados de una página.
Diferencian el título <h1> y los subtítulos <h2> a <h6> del resto del contenido.
El número del 1 al 6 determina la importancia y la posición que tiene un encabezado en la jerarquía general de la estructura de encabezados.
Al igual que con la mayoría de los términos de SEO, hay todo tipo de sinónimos que se usan indistintamente para describir encabezados:
Las etiquetas de encabezado, los encabezados HTML y las etiquetas H son otras formas de describir lo mismo.
Entonces, si ha escuchado esos términos de SEO antes, ahora sabe lo que significan.
Todos son solo etiquetas de encabezado, con diferentes nombres.
Por otro lado, un “ encabezado HTML ” es la sección de código entre el elemento <header> en una página web.
Es un contenedor para contenido introductorio como navegación, logotipo, información del autor y detalles del encabezado.
En otras palabras, es un contenedor que puede incluir sus etiquetas de encabezado (entre otras cosas).
Tampoco debe confundir las etiquetas de encabezado con el elemento < head > del código HTML.
El < head > es un contenedor de metadatos (datos sobre datos) y se coloca entre la etiqueta < html > y la etiqueta <body> en su página web. Sus contenidos no se representan en la página, pero son críticos para el SEO.
Es el lugar en su código donde se alojan el título de la página, la meta descripción y los scripts como Google Analytics.
¿Aún conmigo?
Genial, continuemos.
¿Qué es una etiqueta H1?
Supongamos que no sabe nada sobre los H1.
Compartiré una definición muy simple contigo:
El H1 es una etiqueta HTML que indica el encabezado principal en una página web.
Desempaquemos eso.
- Es un elemento HTML, lo que significa que la etiqueta H1 está dentro del código de su sitio web.
- Se utiliza para marcar el título principal, normalmente el primer encabezado visible en una página.
Para que el texto destaque, la etiqueta H1 generalmente se muestra más grande y más prominente que el resto del texto en su página o publicación.
La forma más fácil de comprender cómo usaría la etiqueta Título 1 es imaginar que está escribiendo el esquema de un documento.
El título principal de su documento debe ser su <h1>.
Debe representar el tema general del documento y mostrarse al principio en letra grande.
Ejemplo de etiqueta H1:
Usando el ejemplo anterior de Smart Passive Income, la etiqueta H1 tiene el valor de "Aprender marketing de afiliación ético".
Cuando se ve en HTML, la etiqueta H1 aparece de la siguiente manera:
<h1>Learn Ethical Affiliate Marketing</h1>Por supuesto, las páginas de su sitio web pueden necesitar más de un encabezado.
Aquí es donde entran las otras etiquetas de encabezado.
¿Qué es una etiqueta H2?
Mientras que su etiqueta H1 se usa para el encabezado principal de su documento ;
Sus puntos principales están envueltos en subtítulos conocidos como H2.
En otras palabras:
Una etiqueta <h2> define los encabezados de segundo nivel en su página web.
Pero, las etiquetas de encabezado no se detienen en H2.
Los subpuntos debajo de sus etiquetas <h2> usan etiquetas de encabezado <h3>:
Y los puntos secundarios debajo de las etiquetas <h3> usan etiquetas de encabezado <h4>.
Esta secuencia puede continuar hasta las etiquetas <h6>, que son las menos importantes en la jerarquía de etiquetas de encabezado.
Sin embargo:
Es bastante raro que escriba contenido lo suficientemente profundo como para necesitar etiquetas H4, H5 y H6.
(A menos que su contenido sea muy largo y técnico).
Al igual que este sobre SEO de imágenes, la mayoría de las publicaciones de mi blog tienen más de 5,000 palabras.
Y aun así, mis subtítulos se componen de meros H2 y H3:
Así que terminemos con las etiquetas H2:
Las etiquetas de subtítulos H2 se utilizan para dividir el contenido y hacerlo escaneable y fácil de leer.
Los H2 se utilizan para resaltar información importante y encabezar subsecciones en su página.
Cuando sea necesario, puede usar etiquetas H3 como encabezados para subpuntos debajo de sus H2.
Usando el ejemplo anterior, así es como se ve una etiqueta H2 en código HTML:
<h2>How To Claim Your Business On Google</h2>¿Entiendo? Bueno.
A continuación, profundizaremos en las etiquetas de encabezado y cómo codificarlas en HTML.
Etiquetas de encabezado en HTML: y la importancia del H1
Las etiquetas de encabezado y, en particular, la etiqueta H1, tienen una función esencial dentro de una estructura HTML.
Dejame explicar:
Un archivo HTML se puede definir como una combinación de nodos, donde la etiqueta de encabezado es el punto de partida desde el cual se ramifican otros nodos.
Por lo tanto, un archivo HTML debería (en teoría) tener solo un encabezado H1.
¿Por qué? Porque la etiqueta H1 es la raíz desde la que comienzan todos los demás nodos.
Por el contrario, los encabezados inferiores en el orden (H2 a H6) se pueden usar tantas veces como se desee.
Sin embargo, deberían mantener una jerarquía lógica, más sobre eso más adelante.
Desde el punto de vista del código, las etiquetas de encabezado se utilizan solo para mostrar texto.
Como tal, el formato de los encabezados debe especificarse en los archivos CSS para separar el formato y el contenido.
Ejemplos de etiquetas de encabezado y cómo codificarlas en HTML
Lo que hace que una etiqueta de encabezado sea un encabezado dentro del código de su sitio web son dos etiquetas HTML simples:
Una etiqueta de apertura <h> y una de cierre </h>.
Dentro de esas dos etiquetas se encuentra el texto del encabezado que desea mostrar:
Las líneas de código para un título con dos subtítulos se ven así:
<h1>This is a heading</h2> <h2>This is a sub-heading</h2> <h3>This is a third sub-heading</h3>Por supuesto, el código de su sitio web no solo mostrará encabezados.
Contendrá una copia del cuerpo y otros elementos también.
Así es como se ve el código HTML con una serie de encabezados Y texto incluido:
<h1>This is a heading</h1> <h2>Summary</h2> <p>Some text here...</p> <h2>Examples</h2> <h3>Example 1</h3> <p>Some text here...</p> <h3>Example 2</h3> <p>Some text here...</p> <h2>See also</h2> <p>Some text here...</p>No hay mucho más en los elementos del código que eso.
Solo recuerda:
Cada etiqueta de encabezado comienza con una etiqueta de apertura <h> y debe cerrarse con una etiqueta de finalización </h>.
La jerarquía de etiquetas (1-6) se especifica inmediatamente después de la "h" y debe definirse tanto en las etiquetas de apertura como de cierre.
Su contenido de texto se escribe entre los dos elementos de la etiqueta.
Con todo lo dicho:
A menos que esté codificando una página web de forma personalizada (NO es algo que generalmente recomendaría), el código HTML de las etiquetas de encabezado será manejado por su sistema de administración de contenido.
Cómo agregar etiquetas H1 a H6 en WordPress
WordPress es el sistema de administración de contenido más popular de la web.
Según WordCamp, actualmente hay más de 75 millones de sitios que usan WordPress .
Eso es alrededor del 30% de todos los sitios web en la red mundial.
Lo que hace que WordPress sea tan popular es su compatibilidad con los motores de búsqueda y su facilidad de uso.
Agregar funcionalidad de SEO como títulos de página personalizados y enlaces permanentes, hipervínculos e imágenes optimizadas es muy fácil en WordPress.
También lo es agregar etiquetas de encabezado a una página o publicación.
Hay dos formas principales de agregar etiquetas de encabezado en WordPress; Te mostraré ambos:
(a). Agregar etiquetas H1 en WordPress a través del Editor
La forma más fácil de agregar encabezados es a través del editor. Si ya está utilizando el editor de bloques de Gutenberg, haga clic en el botón '+' y seleccione 'Título';
Desde allí, puede elegir qué encabezado desea agregar.
Si todavía usa el editor clásico, también es simple.
Solo asegúrese de estar en la pestaña visual del editor y navegue hasta el menú desplegable de estilo de texto.
Luego, simplemente seleccione 'Título 1' o 'Título 2'... o cualquier otro título que desee del menú desplegable.
Fácil, ¿eh?
La siguiente opción para agregar etiquetas H1 a H6 en WordPress es usar HTML.
(B). Agregar etiquetas H1 en WordPress a través del Editor
Si te inclinas, también es posible agregar encabezados en WordPress usando HTML.
Estoy seguro de que ha estado siguiendo, por lo que ya conoce el código HTML para <h1>, <h2>, <h3>, etc.
Comienza con un <h> de apertura y termina con una etiqueta de cierre </h> con el texto del encabezado intercalado en el medio:
Para agregar etiquetas <h1> a <h6> en WordPress usando el editor clásico, deberá estar en la pestaña de texto:
En el editor de bloques, debe cambiar a editar como HTML.
Para hacer eso, haga clic en los tres puntos verticales en la barra de herramientas del bloque. Luego, seleccione la opción Editar como HTML.
Al igual que:
En cualquiera de los editores, simplemente copie y pegue la etiqueta de encabezado que desea usar de las siguientes , actualice el texto de su encabezado y estará listo para comenzar.
<h1>This is an H1 heading</h1> <h2>This is an H2 sub-heading</h2> <h3>This is an H3 sub-heading</h3> <h4>This is an H4 sub-heading</h4> <h5>This is an H5 sub-heading</h5> <h6>This is an H6 sub-heading</h6>A continuación, dirijamos nuestra atención a Shopify.
Cómo agregar (o cambiar) etiquetas H1 a H6 en Shopify
Desde que irrumpió en escena, Shopify se ha convertido rápidamente en la plataforma de comercio electrónico preferida.
Según el Hosting Tribunal, casi medio millón de sitios web utilizan Shopify.
Al igual que WordPress, lo que hace que Shopify sea más atractivo es que se centra en el usuario.
Administrar productos, agregar y eliminar páginas y publicaciones es increíblemente fácil.
También lo es agregar etiquetas de encabezado <H2> a <H6>.
Dentro del Editor de páginas o publicaciones, simplemente haga clic en la pestaña de formato:
A continuación, seleccione la etiqueta de encabezado que desee:
Al igual que con WordPress y otros sistemas de gestión de contenido, Shopify también proporciona un editor de código.
Para agregar encabezados a Shopify usando el editor de código, haz clic en el botón <> de la ventana del editor y agrega tu código de encabezado:
¡Bastante simple!
Por otro lado, si desea agregar y optimizar las etiquetas <H1> y <H2> en las otras páginas de su tienda Shopify, como su página de inicio o de productos...
Se te pedirá que edites tus archivos de temas de Shopify.
Afortunadamente, Daniel Sim de Plugin Useful preparó una guía práctica sobre eso aquí.
¿Por qué usar encabezados?
Así que hemos cubierto "cómo" agregar etiquetas de encabezado.
Pero, aún así, es posible que se pregunte "¿por qué" usar encabezados en primer lugar?
Especialmente cuando Google ha calificado el uso de encabezados para SEO como sobrevalorado:
A pesar de lo que dice Google, hay (de hecho) varias razones importantes por las que debería usar etiquetas de encabezado:
1. Las etiquetas de encabezado mejoran la accesibilidad, lo que le da a su contenido un alcance más amplio
Si desea que su contenido sea accesible para todos, incluidos los lectores con discapacidad visual, las etiquetas de encabezado son increíblemente útiles.
La tecnología de lectura de pantalla utiliza H1 y otras etiquetas de encabezado para ayudar a los usuarios a navegar por el contenido, escanear y buscar en una página.
Como ya aprendió, los encabezados están incrustados en HTML, lo que significa:
Un lector de pantalla puede usar HTML para identificar la estructura del contenido y leer los encabezados en voz alta.
A su vez, esto ayuda a los usuarios ciegos y con problemas de visión a obtener una visión general de lo que trata un artículo (sin necesidad de escucharlo palabra por palabra).
Luego pueden decidir si leer o no el artículo en su totalidad.
Y lo que es más:
Los lectores de pantalla ofrecerán atajos para saltar de un título al siguiente.
En otras palabras, las personas con discapacidad visual también utilizan las etiquetas de encabezado para navegar .
2. Google usa H1 en lugar de etiquetas de título (donde sea relevante)
En algunos casos (no tan) raros;
Por ejemplo, cuando Google no puede encontrar o procesar su etiqueta de título.
Google puede optar por extraer un título de la siguiente parte más relevante de su página.
En la mayoría de los casos, esta será la etiqueta del Título 1, ya que es el elemento de texto más destacado disponible.
De alguna manera, la etiqueta H1 de una página tiene un propósito similar al de su etiqueta de título.
Debe cumplir con la intención de búsqueda, decirles a los lectores qué pueden esperar de la página y hacer que los usuarios se entusiasmen por leer más.
Ahora sabes que Google puede elegir mostrar tu H1 en SERPs; asegúrese de crear un título convincente digno de hacer clic.
Compartiré consejos sobre cómo hacerlo más adelante.
3. Los encabezados se usan en fragmentos destacados
Mira este fragmento destacado.
Es un fragmento de lista que presenta los principales blogs de redes sociales para 2020.
Y, ¿de dónde crees que se saca este texto?
Lo adivinaste. Los encabezados de la página de clasificación:
Si desea aparecer en el creciente número de fragmentos destacados, es crucial incorporar encabezados en su página.
Lo que me lleva a mi siguiente razón:
4. Google usa encabezados para interpretar su contenido (y darle un impulso de clasificación).
Voy a hacer este punto con dos declaraciones de Google.
Primero, de John Mueller, analista sénior de tendencias para webmasters en Google, quien dice:
"Usamos etiquetas H para comprender mejor la estructura del texto en una página".
Y segundo, de Matt Cutts, anteriormente parte del equipo de calidad de búsqueda de Google.
“Google analiza muchas cosas diferentes. Observamos más de 200 cosas, PageRank es solo una de ellas. Cada vez que clasificamos cosas, usamos cosas en el título, en la URL, incluso usted sabe cosas que están resaltadas como etiquetas h1 y cosas así”.
Matt Cutts, Google
Para ampliar esto más:
Google usa los encabezados de una página para (mejor) interpretar de qué se trata el contenido.
Dado que un encabezado generalmente debe preceder a un bloque de contenido:
Google verá un encabezado para conocer el contenido que sigue: texto, imagen o video.
Si su encabezado y el texto del cuerpo están alineados, Google puede estar más seguro de que su contenido proporcionará respuestas relevantes a las consultas (relacionadas con el contenido).
Y a su vez, obtendrás un ligero impulso en la clasificación.
Con eso, vamos a mi quinta razón para usar encabezados.
5. El uso de encabezados se correlaciona con clasificaciones más altas
Casi todos los estudios de correlación de SEO que he visto han mostrado una correlación pequeña pero positiva entre clasificaciones más altas y encabezados en una página.
Tome este de SEM Rush:
Descubrió que tener artículos bien estructurados (usando etiquetas H2 y H3) es más probable que tenga un alto rendimiento.
Y este de Moz:
El estudio de factores de clasificación de Moz encontró que las páginas con la palabra clave incluida en la etiqueta de encabezado H1 tienen más probabilidades de clasificarse más alto.
Si bien la ponderación otorgada a las etiquetas de encabezado por estos estudios es solo moderada, y;
Algunos SEO argumentarán (con razón) que la correlación de la etiqueta de encabezado con clasificaciones más altas no prueba que causen más clasificaciones superiores , estoy seguro de que estará de acuerdo conmigo:
Vale la pena usar etiquetas de encabezado bien optimizadas.
¿O es eso?
¿Las etiquetas H1 realmente funcionan (un experimento de SEO)?
Todas las guías de SEO ofrecen el mismo consejo:
Pero no todos los blogs siguen estas llamadas mejores prácticas de SEO, siendo Moz uno de ellos.
Moz.com es uno de los sitios web más confiables (y con mucho tráfico) sobre el tema de SEO y, sin embargo:
El blog de Moz no tiene una etiqueta H1 y, en su lugar, usa una etiqueta H2 para su título principal.
Después de notar que el blog de Moz usaba etiquetas H2 para los titulares (en lugar de H1), Craig Bradford de Distilled contactó a Cyrus Shepard en Moz.
Juntos, Craig y Cyrus decidieron realizar un experimento que, con suerte, determinaría de una vez por todas si las etiquetas H1 afectan las clasificaciones de los motores de búsqueda.
Para hacer eso, diseñaron una prueba dividida 50/50 de los titulares del blog de Moz usando SearchPilot; una herramienta de prueba de división SEO A/B.
En el experimento, la mitad de los titulares de Moz se cambiaron a H1 y la otra mitad se mantuvo como H2.
Luego midieron cualquier diferencia en el tráfico orgánico entre los dos grupos.
¿Qué cree que sucedió cuando los títulos principales se cambiaron de la etiqueta de encabezado incorrecta (H2) al encabezado correcto (H1)?
La respuesta:
¡No mucho en absoluto!
Después de ocho semanas de recopilar datos, determinaron:
Cambiar los titulares de las publicaciones de blog de H2 a H1 no generó una diferencia estadísticamente significativa.
¿Qué podemos deducir de esto?
Simplemente que Google es igualmente capaz de determinar el contexto de la página si su título principal está envuelto en un H1 o un H2.
¿Significa eso que debe abandonar la mejor práctica y eliminar los H1?
Para nada.
Estructura de encabezado: Anatomía de una jerarquía de etiquetas de encabezado perfectamente estructurada
Como ya he señalado:
Los encabezados comunican la organización del contenido de su página.
Y haga que su contenido sea más consumible para los lectores.
Entonces, a pesar de que Google ha declarado que incluso sin "etiquetas de encabezado", pueden determinar qué es notable en una página...
El beneficio SEO de usar etiquetas de encabezado y estructurarlas correctamente hace que cualquier esfuerzo adicional requerido compense no usarlas en absoluto...
La pregunta entonces se convierte en:
Cómo estructurar etiquetas de encabezado: una jerarquía simple (lógica) para una página web
Cuando se trata de estructurar sus encabezados, hay algunas reglas simples a seguir:
- Anidar encabezados por su rango (o nivel)
- El encabezado más crucial tiene el rango superior (<h1>)
- El encabezado menos importante tiene el rango más bajo (<h6>)
- Los encabezados con un rango igual o superior inician una nueva sección
- Los encabezados con una clasificación más baja inician nuevas subsecciones que forman parte de la sección con una clasificación más alta
Al aplicar estas reglas, tenga en cuenta al usuario.
Primero, el usuario visual que escaneará tu página;
¿Su jerarquía de etiquetas hace que la estructura de la página sea más prominente y más fácil de escanear?
En segundo lugar, el usuario con discapacidad visual;
¿Su jerarquía de etiquetas representa cada sección (y la página en su conjunto) permitiendo a los usuarios invidentes ir directamente a la parte que más les interesa?
Si tuviera que leer en voz alta las etiquetas de su encabezado, ¿aprendería un usuario (con precisión) qué información contiene su página y cómo está organizada?
Si responde "no" a cualquiera de estas preguntas, su estructura necesita un replanteamiento.
Usemos un ejemplo:
<h3>Quick Links</h3> <h3>Photography Tutorials</h3> <h1>Setting the Exposure Manually on a Camera</h1> <h3>Set the ISO</h3> <h4>The effect of ISO on image quality</h4> <h4>High ISO cameras</h4> <h3>Choose an aperture</h3> <h4>The effect of aperture on depth of focus</h4> <h4>Vignetting</h4> <h4>Diffraction</h4> <h3>Choose a shutter speed</h3> <h4>Shutter speed limitations for hand-holding a camera</h4> <h4>Long exposures</h4>En la estructura anterior:
El esquema comienza con dos encabezados <h3>, en lugar de <h1>, y ninguno de estos encabezados es el encabezado principal de la página web.
En cambio, son parte de la estructura de navegación alrededor del encabezado en la plantilla.
Además, una vez que comienza el contenido, el esquema salta del nivel 1 al nivel 3, sin un encabezado de nivel 2 en el medio.
Como puedes imaginar;
Un usuario que escanee estos encabezados (como los de un dispositivo de lectura de pantalla) se confundiría un poco.
Suponga que el contenido no es lo que están buscando;
Haga clic en el botón Atrás y vaya a otro lugar.
¡Visitante perdido!
Estoy seguro de que ahora comprende por qué es esencial que la estructura de encabezados sea correcta.
Siguiendo con el mismo ejemplo…
Así es como debería verse la estructura del encabezado en el orden apropiado:
<h1>Setting the Exposure Manually on a Camera</h1> <h2>Set the ISO</h2> <h3>The effect of ISO on image quality</h3> <h3>High ISO cameras</h3> <h2>Choose an aperture</h2> <h3>The effect of aperture on depth of focus</h3> <h3>Vignetting</h3> <h3>Diffraction</h3> <h2>Choose a shutter speed</h2> <h3>Shutter speed limitations for hand-holding a camera</h3> <h3>Long exposures</h3>Cada nivel de encabezado, <h1> a <h3>, indica la relación de una parte del contenido con las otras partes.
El contenido debajo de un título se relaciona lógicamente con un título sobre él.
De manera similar, el contenido dentro de un bloque de contenido <h2> se encuentra lógicamente debajo del <h1> que lo precede.
De esta forma, la estructura de encabezados organiza jerárquicamente los contenidos del documento.
Y, deja muy claro lo que es importante.
¡Bingo!
Comprobación de etiquetas H1: cómo realizar una auditoría de rumbo
Ahora ya sabes cómo estructurar las nuevas páginas de tu sitio, ¡bien!
Pero, ¿qué pasa con sus páginas existentes?
¿Cómo puede verificar si están usando las etiquetas de encabezado correctas?
Bueno, hay un par de formas:
Primero, puede verificar el código fuente de su sitio web .
Para hacer eso, navegue a la página web que desea verificar usando Google Chrome.
A continuación, haga clic en 'Ver', luego en 'Desarrollador' y luego en 'Ver código fuente'.
Luego 'Control F' para iniciar la función de búsqueda en la página seguido de '<h1' para encontrar la etiqueta H1 HTML de apertura:
Este proceso se puede repetir para los H2 utilizando una búsqueda de '<h2' y así sucesivamente.
También puede ver sus etiquetas de encabezado usando una extensión de navegador como SEO Quake.
Con SEO Quake instalado, abra la página que desea verificar, navegue hasta la pestaña 'Diagnóstico' dentro de SEO Quake, luego desplácese hacia abajo hasta la sección Encabezados.
Le mostrará el número total de etiquetas de encabezado en cada nivel, luego enumerará las etiquetas de encabezado en la jerarquía en la que se muestran.
Una revisión rápida de la página anterior muestra que usa etiquetas H1, H2 y H3, y las etiquetas están estructuradas en una jerarquía lógica.
Pero puede haber un problema.
La página contiene dos encabezados H1.
Etiquetas H1: cuántos elementos H1 se recomiendan en una sola página
Como señalé anteriormente, una página solo debe tener una etiqueta H1 .
Esto se debe a que la etiqueta H1 es el nodo raíz del que se derivan todos los demás encabezados.
Y, al tener solo una etiqueta H1, sus esfuerzos de SEO se centran en un tema principal, con múltiples subtemas (completos) bajo encabezados que usan H2 y H3.
Esa es la estructura ideal para clasificar en estos días.
Pero, ¿qué pasa con los casos en los que su página tiene más de un H1?
¿O incluso ningún H1 en absoluto?
Según un estudio realizado por SEMRush, un porcentaje masivo de sitios web contienen problemas con la etiqueta H1:
Pero, según Google, esto no es motivo de preocupación:
Especialmente, dado que HTML5 puede usar H1 para encabezar varias secciones dentro de la misma página.
Entonces, ¿qué recomiendo?
Si ya está usando HTML5, que puede tener distintas secciones dentro de la misma página, entonces usar etiquetas H1 para cada sección está perfectamente bien.
Sin embargo, si está utilizando un código anterior a HTML5, donde una página generalmente significa un tema central, ¡entonces apéguese a la regla de un h1/una página!
Cómo crear etiquetas Killer H1 a H6. Cinco consejos para escribir encabezados
A continuación, voy a compartir exactamente cómo escribir un encabezado que reduzca drásticamente la tasa de rebote, aumente el tiempo en la página y, en última instancia, genere una mayor clasificación en los motores de búsqueda y conversiones para su sitio web.
Saltemos:
1. Dales lo que vinieron a buscar: dominar la intención de búsqueda con H1
Google dice que usar palabras clave en tus encabezados no te ayudará a posicionarte mejor.
¡Están equivocados!
Estoy de acuerdo en que las palabras clave dentro de los encabezados pueden no ser un factor de clasificación directo , pero aun así te ayudan a clasificar más alto con el tiempo.
¿Cómo?
Dos palabritas; intención de búsqueda.
Imagine por un momento que ha buscado algo en Google, ha hecho clic en un resultado relevante y ha terminado en una página de destino.
En el escenario A, la página que visita tiene un título claramente articulado que coincide perfectamente con su término de búsqueda.
En el escenario B, el título de la página no coincide en absoluto con su término de búsqueda.
¿En qué página te quedas?
Página A, por supuesto.
El algoritmo de aprendizaje automático de Google, conocido como RankBrain, utiliza este concepto como un factor de clasificación al medir el tiempo de permanencia de los usuarios.
El tiempo de permanencia prolongado (también conocido como tiempo en la página) es una medida de la satisfacción del buscador.
Si un usuario pasa un período prolongado en una página web, en lugar de volver a los resultados de búsqueda inmediatamente, Google asumirá que el usuario encontró lo que estaba buscando.
Y, a su vez, dar a la página un impulso de clasificación.
En pocas palabras:
Maximizar el tiempo de permanencia y minimizar los saltos de pogo es esencial para obtener clasificaciones más altas en estos días.
Uno de los factores más importantes que influyen en el tiempo de permanencia es lo que ven los usuarios cuando llegan por primera vez a una página. En otras palabras, el titular.
Como todos los especialistas en búsquedas pagas le dirán si está apuntando a la palabra clave "palos de hockey", su página de destino debe incluir ese término (o una variación muy cercana) en el título. Lo mismo es cierto para la búsqueda orgánica.
La clave aquí es; la palabra clave de destino o una variación cercana .
Por supuesto, puede incluir la palabra clave exacta si lo desea, pero no es esencial.
Lo principal es hacer coincidir la intención detrás de la búsqueda de los usuarios, lo que le permite usar variaciones y sinónimos para hacer que su título sea más natural y atractivo.
De cualquier manera, reflejar el término de búsqueda en el título le dirá al usuario: "ha encontrado lo que está buscando", lo que aumenta las posibilidades de que se quede.
Ilustremos esto con un ejemplo:
Glen Allsopp en Detail.com escribió esta excelente publicación sobre la construcción de enlaces.
Se dirige a la palabra clave “construcción avanzada de enlaces”.
Para ayudar a que la publicación satisfaga la intención de búsqueda, Glen incluye su palabra clave en el título de la página de la publicación:
Y de nuevo en el Encabezado de la página.
Está claro para cualquiera que busque "construcción avanzada de enlaces" que la publicación de Glen tendrá lo que está buscando.
Esto solo puede ayudar a mejorar el tiempo de permanencia de la publicación de Glen y apaciguar el algoritmo RankBrain de Google.
2. Utilice la técnica del “y qué” y convierta sus encabezados aburridos centrados en características en ganchos impulsados por los beneficios
En lugar de escribir solo subtítulos breves y centrados en funciones.
Incorporo beneficios en al menos el 50% de mis H2:
¿Por qué hago eso?
Al usar los beneficios, insinúo cómo mi información ayudará a mis lectores en su papel como SEO.
Por ejemplo:
En esta publicación sobre experimentos de SEO, podría haber escrito simplemente "Usar enlaces salientes" como H2.
Pero en cambio, incluí un beneficio impactante que mostraba el problema que la información resolvería.
Si eres un SEO y tienes el mismo problema, es casi seguro que sigas leyendo.
Entonces, ¿cómo elabora sus encabezados orientados a los beneficios?
Pregunte: "¿y qué?" varias veces.
Déjame mostrarte con un ejemplo que obtuve de Enchanting Marketing:
Característica: El horno se precalienta rápidamente.
¿Así que lo que?
Está listo rápidamente para comenzar a cocinar su lasaña.
¿Así que lo que?
Su comida está en la mesa antes.
¿Así que lo que?
La vida es menos estresante. Hay menos merodeando por la cocina esperando a que el horno esté listo. Y no tienes que preocuparte; puede olvidarse de precalentar el horno.
Su encabezado que comenzó como "Función de precalentamiento"
Ahora podría convertirse en:
“Ahorre tiempo y reduzca su estrés con esta exclusiva función de precalentamiento”
¿Cuál es más probable que te mantenga pegado a la página?
3. Haz que tus encabezados destaquen con fuentes destacadas y colores contrastantes
Has clavado tu copia y tus encabezados cumplen perfectamente con la intención de búsqueda, ¿qué sigue?
Para ayudar a los lectores a navegar mejor por su contenido, debe hacer que sus títulos y subtítulos sean distinguibles.
En otras palabras, sus encabezados deben "POP" en la página.
Ser distinguible podría implicar una diferenciación visual en color, tamaño, fuente o efecto.
O una combinación de todos estos.
Veamos un par de ejemplos:
El blog de Ahrefs hace un gran trabajo al distinguir sus encabezados:
Usan un tamaño de fuente diferente y progresan sutilmente de negro a gris a medida que descienden en la jerarquía del encabezado.
Para obtener puntos de bonificación, también usan una fuente personalizada desarrollada exclusivamente para su marca.
Otro buen ejemplo es Single Grain de Eric Siu, que utiliza un naranja contrastante para los encabezados de su blog.
Desea que sus encabezados se destaquen, de modo que sean visualmente diferentes de otros elementos de la página, especialmente las llamadas a la acción .
Demasiada superposición visual puede resultar en menos miradas en sus CTA, lo que lleva a conversiones más bajas.
Con eso, en mi cuarto consejo.
4. Aproveche estas ingeniosas técnicas de redacción publicitaria, reduzca drásticamente su tasa de rebote y aumente sus ventas
Si esto no hace que te tomes en serio la redacción de titulares, nada lo hará:
Esta declaración subraya la importancia del titular y por qué determina la efectividad de todo el artículo.
En resumen, cuanto mejor sea su titular, mayores serán sus probabilidades de superar los promedios y conseguir que se lea lo que ha escrito.
Esto se aplica no solo a su título principal (H1), sino también a sus subtítulos (H2 a H6).
Cada vez que hay una interrupción en su contenido, su lector tiene dos opciones;
O se detienen, o siguen leyendo.
Es por eso que es crucial usar una copia atractiva en todos los encabezados (H1 a H6).
No soy un experto en redacción publicitaria, así que dejaré que Nevile Medhora KopyWriting Course comparta algunos consejos para escribir titulares.
5. DETENGA a los lectores en seco al insertar estos elementos de encabezado en su contenido
El uso de gráficos es excelente.
Usar encabezados es excelente.
Pero cuando combinas ambos, ocurre la verdadera magia.
Como ya comentamos:
Mejorar el tiempo en la página del usuario mejora los resultados de clasificación.
Un tiempo de permanencia prolongado le dice a Google que sus usuarios están satisfechos y, a su vez, su contenido obtiene un impulso en la clasificación.
Para mejorar el tiempo en la página, hay una cosa en la que debe centrarse por encima de todo;
Haciendo su contenido más legible .
Aparte de;
- párrafos cortos
- Imágenes y multimedia
- Bloques de cotizaciones
- viñetas
- Cuestionarios
Hay otro elemento de contenido interrumpido que debe intercalar junto con sus subtítulos que seguramente detendrá a los "desnatadores de contenido" en seco:
Gráficos de encabezado personalizados
Echa un vistazo a este resumen sobre SEO local en el blog SEO Sherpa.
Junto con las etiquetas de encabezado H2, agregué gráficos personalizados que presentan cada subsección de la publicación.
No solo hacen que la publicación se vea MUCHO más impresionante.
Pero ayudan a aumentar el tiempo en la página a un promedio decente de 4 minutos:
Lo cual está muy por encima del promedio para el sitio:
Crear estos gráficos fue fácil ya que tengo la suerte de tener dos diseñadores a tiempo completo en el personal.
Pero, si no está listo para crear su propio equipo de diseño, todavía hay muchas opciones disponibles.
- Canva – herramienta de edición de imágenes (gratis)
- PicMonkey – creador de diseño gráfico (gratis)
- 99 Designs – diseñadores autónomos (bajo coste)
- Upwork – plataforma freelance (low-cost)
Sea cual sea la ruta que elijas.
La próxima vez que escriba una pieza larga de contenido de SEO, agregue algunos gráficos de encabezado y observe cómo aumenta su tiempo en la página (y clasificaciones).
Ahí lo tiene, todo lo que necesita saber sobre las etiquetas de encabezado y cómo usarlas para mejorar la optimización de su motor de búsqueda.
¡Ahora te toca a ti!
Cómo poner en práctica estas técnicas en su sitio
Hice una lista de verificación de encabezados gratuita que lo ayudará a aprovechar estas técnicas para mejorar el rendimiento de su sitio.
Describe, paso a paso, exactamente cómo usar las estrategias de las que hablé en la publicación.
Una vez que lo descargue a continuación , hágame saber en los comentarios cuál es su consejo favorito para escribir encabezados. ME ENCANTARÍA saber.
