Los encabezados H1, H2 y H3: Qué son y cómo usarlos para el SEO

Los encabezados H1 H2 y H3 ¿qué son para el SEO en tu blog? Estos siempre serán muy importantes y debes saber cómo usarlos a tu favor. Te explico sus diferencias y algunos consejos que siempre son buenos saberlos.

¡Hola! Bienvenido a Peengler, Soy Gabriela. Y es turno de explicar sobre los encabezados, es decir: el H1, H2 y H3 que quizás no entiendas qué significan “ya que no sabes nada de código” o puede ser que no sabes sus diferencias, ni su importancia. Desde ahora ¡lo sabrás todo! O por lo menos te voy a iluminar un poco.

Sin más que decir ¡Empecemos!

Clic en la imagen para ver el vídeo en Youtube

¿Qué son los encabezados en mi blog?

Los encabezados ayudan a que tus lectores puedan diferenciar el título con el párrafo o de un subtítulo con el título principal del párrafo y así sucesivamente.

Otra cosa que aportan los encabezados es que ayudan a indicarles a los buscadores “Google” qué palabra clave quieres posicionar de tu contenido. ¿Y cómo se logra esto? Sigue leyendo ↓

Los encabezados en Blogger

h1 h2 h3 encabezados en Blogger
Versión clásica y el nuevo Blogger

En la versión clásica se muestran solo desde el h2 hasta el h4, teniendo en cuenta el h1 solo para el titulo principal del artículo y me parece bien.

Pero en la versión nueva, incluyeron el h1 cosa que no debería, porque así las personas usarían el h1 muchas veces en su contenido, entiendo que hacen esto porque en algunas plantillas el titulo principal no usan h1, ya es cuestión de hacer un buen uso de estos.

Los encabezados en WordPress

h1 h2 h3 etiquetas de encabezado en WordPress
Encabezados en WordPress

Los encabezados en WordPress con el nuevo editor se ve así, y la verdad es que fácil de usar, se entiende que en el contenido se usarán desde el H2 hasta el H4 pero….

h1 h2 h3 h4 h5 h6 encabezados en wordpress

Si le das clic en el título y te diriges al Bloque puedes elegir cualquier etiqueta de encabezado desde el H1 hasta el H6

Diferencias de las etiquetas H1, H2, H3, H4, H5 y H6 en tu Blog

Primero visualiza esta imagen y dime que ves:

h1 h2 h3 h4 h5 h6 encabezados

De seguro que lo primero que viste fue el tamaño y que el H1 es la más Grande mientras que el h6 es la más pequeña. Por lo tanto, El H1 como es la más grande y llamativa es la que debe tener el título de tu contenido, Porque, lo primero que tu lector ve es el título de tu artículo en tu blog y también lo ve en el Buscador de Google “Si no llegas a cambiarlo con algún plugin”.

Entonces, en los encabezados mientras va bajando el tamaño también el peso, es decir, la importancia del título en tu contenido y en la parte del SEO, normalmente se suele usar hasta el h3 o h4.

La etiqueta H1

Por ser la más grande se usa para el encabezado principal de tu artículo o en el titulo de la página de tu blog, aunque personalmente prefiero usar una imagen que represente el título de mi blog y solo enfocar el H1 en los títulos de las entradas.

Cuando digo: “enfocar el H1 en los títulos de las entradas” me refiero cuando estás en la entrada, y NO cuando estás en la página principal de tu blog y salen varias entradas. En esos títulos se usa otra etiqueta.

En código seria: <h1>Título principal</h1>

Tener en cuenta:

  • El H1 debe contener la palabra clave “Para posicionar tu Artículo”.
  • Debes tener un H1 por cada página y artículo.
  • Usar diferentes palabras claves en tus H1 “Dependiendo del artículo”

Nota: No usar más de un h1 en tu artículo

La etiqueta H2

Se usa como un subtítulo y ayuda a crear secciones en tu artículo y en tu blog. Además, es la segunda etiqueta importante en los encabezados. ¿Cómo usarlo?

En código: <h2>Título secundario/subtítulo/otra sección</h2>

  • Puedes usar muchas veces el H2 en tus artículos
  • El H2 no puede ser el título principal de tu entrada

La etiqueta H3

Aunque pierde más tamaño, debes usarlo solo cuando en una sección se abre otra sección, es allí cuando usas esta etiqueta. Es decir: ya has divido tu contenido con h2 ahora para seguir separando dentro de cada sección usas h3, h4, h5 o h6 en tus encabezados.

En código: <h3>Título secundario/subtítulo/otra sección</h3>

  • Desde el h3 hasta el h6 pierden peso en el SEO
  • Usarlos adecuadamente, no todo tiene que ser H2 por lo menos úsalos hasta el h3

En conclusión

Puedes ver los encabezados como una pirámide, el que esta arriba(H1) es el más importante y los de abajo, quizás no sean muy importantes pero que son necesarios en las buenas prácticas.

Personalmente me gusta que los artículos tengan encabezados (h1, h2, h3), porque enriquecen el artículo. Los lectores no se aburren de leer, sino que más bien llaman la atención.

Dime ¿Usas correctamente los encabezados?

¿Te gusto el post?
¡Compártelo!

Gabriela Laya

Me gusta el Diseño Web, Crear plantillas para Wordpress y Blogger y todo lo relacionado a estas 2 plataformas de Blogs.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Citu:

Gracias por la explicación y el tutorial te mando un beso

Responder
    Gabriela Laya:

    Hola Citu: Gracias corazón 💋

    Responder
Mava (Marianna 2.0):

Hola Gaby, como siempre muy buenas tus explicaciones, bien claras para poder entenderlo todo de maravilla.
Así como me parece excelente que nos indiques las diferencias entre la versión clásica de blogger y la nueva.
Un millón de gracias, poco a poco voy aprendiendo 😉
Un besote, cuídate mucho.

Responder
    Gabriela Laya:

    Hola Mava (Marianna 2.0): me alegro saber que vas entendiendo más de este mundo del blogger 😉

    Responder
Rocío:

¡Siempre se aprende un montón contigo!
Un abrazo.

Responder
    Gabriela Laya:

    Hola Rocío: Aprendo y explico lo que aprendo 🙂

    Responder
Pasando Página Blog:

Hola, Gabriela 🙂
Ahora sí no me pienso aventurar en esto jaja, muchas gracias por la entrada. ¡Un beso!

Responder
    Gabriela Laya:

    Hola Pasando Página Blog: ¿Se ve complicado? en realidad con práctica todo se vuelve fácil

    Responder
Serena Miles:

hola,
muchas gracias por la explicacion porque de primeras no sabia lo que eran h1 h2… pero nos lo has dejado bien claro.
Me encantan tus entradas
Besotessssssss
#Fase3

Responder
    Gabriela Laya:

    Hola Serena Miles: Me alegro que lo entendieras 😀

    Responder
Celia | Miles de Libros:

¡Hola, hola!

Como persona que no entiende nada de programar ni de HTML, agradezco un montón que cuentes estas cositas que me ayudan a mejorar el blog.

¡Muchísimas gracias!

Mil besos,
Celia | 1000 LIBROS blog.

Responder
    Gabriela Laya:

    Hola Celia | Miles de Libros: Me alegro que te sea útil, así me dan ganas de seguir enseñando 🙂

    Responder
Maria Eugenia ARIAS LOZANO:

nunca he utilizado esto.. le echaré un ojo. Buen finde!!

Responder
    Gabriela Laya:

    Hola Maria Eugenia ARIAS LOZANO: Madre mía pues ahora ya sabes de su existencia XD

    Responder
yo leo Novela:

Siempre me viene genial pasarme por tu blog. Muchas gracias por el trabajo que estás haciendo-
Un beso grande-

Responder
    Gabriela Laya:

    Hola yo leo Novela: De nada guapa 🙂

    Responder
Ash Tailor:

¡Holaa! La verdad que es muy útil, yo lo aprendí a usar en una clase que tenía de HTML en la carrera^^
¡Nos leemos!

XX ASH XX

Responder
    Gabriela Laya:

    Hola Ash Tailor: oohh que genial que estudiaras sobre el HTML 🙂

    Responder
Asunción Artal:

Pues creo que no lo estaba usando bien, muchas gracias!!

Responder
    Gabriela Laya:

    Hola Asunción Artal: oh bendito espero que desde ahora sepas como usarlos 🙂

    Responder
Carolina G ticala:

Oh what a nice post!
😊 thanks for your sharing 😊 !!!

Responder
    Gabriela Laya:

    Hola Carolina G ticala: you’re welcome ✌️

    Responder
El desvan de vicensi:

Cada día aprendo algo nuevo contigo Gabriela. Un beso bien grande 🌈🌈🌈

Responder
    Gabriela Laya:

    Hola El desvan de vicensi: ¡¡Hurraa!! 💪

    Responder
Miguel Pina:

Hola Gabriela. Otro artículo de gran interés. En WordPress sé cómo se utilizan y dan muy buen rendimiento en la posición de los buscadores. Pero digamos que en Blogger la la situación es como un poco más bizarra en todos los aspectos. Como siempre un gusto leerte y aprender con tus conocimientos. Un fuerte abrazo y feliz comienzo de semana.

Responder
    Gabriela Laya:

    Hola Miguel Pina: te entiendo, se nota la diferencia entre ambas plataformas pero bueno mi intensión es no dejar a los Bloggeros perdidos en este mundo XD

    Responder
Joanna:

Lo has explicado muy bien. Gracias por compartir.

Besos

Responder
    Gabriela Laya:

    Hola Joanna: uuuff que alivio 😀

    Responder
Blanca:

Hola, hola ^-^

De verdad que el mundo del SEO me parece apasionante. Gracias por dejar que aprendamos siempre un poco más.

¡SE MUUUUUUUUUUUY FELIIIIIIIIIIIIIIIIIIIIIIIIIZ <3!

Responder
    Gabriela Laya:

    Hola Blanca: El SEO es inmenso solo hay que usarlo a favor y pronto abra buenos resultados 🙂

    Responder
Sakuya Aikawa:

(ノ◕ヮ◕)ノ*:・゚✧ Holaaa!!!
Sabía que eran los encabezados pero no habría podido explicar que eran en sí, siempre me los topo cuando edito mi plantilla jajajaja
pero gracias a ti ahora sé que significan en si, espero que tu información le sirva a las demás. Gracias por compartirla :DD
Visita mi blog ♥ 穛 S4Ku SEK4i®

Responder
    Gabriela Laya:

    Hola Sakuya Aikawa: Es algo común y yo que antes usaba los encabezados como si no hubiera mañana 😂

    Responder
Elrincondemonica05:

Hola guapa, muchas gracias por tus sabios consejos. Siempre aprendo cosas nuevas que me pueden ayudar a mejorar el blog. Feliz día. Besitossss

Responder
    Gabriela Laya:

    Hola Elrincondemonica05: Que genial 💪 con tal que se entienda todo bien

    Responder
Miss Bridgerton:

Hola,
Gracias por la información.
Besos desde Promesas de Amor, nos leemos.

Responder
    Gabriela Laya:

    Hola Miss Bridgerton: De nada ✌️

    Responder
Nayade:

Hola guapa ^^
Que gran entrada, me ha encantado, gracias por compartirla
Tus post son super útiles
Besos ♥

– – El Mundo de Naya – –

Responder
    Gabriela Laya:

    Hola Nayade: Gracias me alegro saberlo 😊

    Responder
Maria Eugenia ARIAS LOZANO:

No los uso la verdad!!

Responder
    Gabriela Laya:

    Hola Maria Eugenia ARIAS LOZANO: si ya me di cuenta 😂

    Responder
FlordeCereza:

Hola, gracias por la entrada, ya las conocía y las uso mucho cuando maqueto ebooks.

Besos desde Promesas de Amor, nos leemos.

Responder
    Gabriela Laya:

    Hola FlordeCereza: oohh ¿haces ebooks? que interesante 😮

    Responder
Kat:

Hola linda! Tienes razón: cuanto más se juegue con la jerarquía tipográfica más ameno es el contenido porque al estar más organizado es más “fácil” de seguir el contenido del post 🙂 La verdad es que yo no suelo jugar mucho con estas etiquetas, tal vez sea hora de empezar a experimentar! Gracias por recordármelo, Jajaja Un abrazo!

Responder
    Gabriela Laya:

    Hola kat: entiendo ya es cuestión de acostumbrarse 😜

    Responder
Citu:

Te deseo un buen fin de semana

Responder
    Gabriela Laya:

    Hola citu: Gracias 💋

    Responder
Yomi MR:

Holaa, graccias por los consejos, creo que nunca los uso porque no los tengo editados en una apariencia bonita ja, ja, así que mejor uso div o span para decorar si necesito un subtítulo o algo así 😀
¡Besos! :3

Responder
    Gabriela Laya:

    Hola Yomi MR: Interesante tu comentario, lo tendré en cuenta a ver si encuentro decoraciones para los encabezados 🙂

    Responder