Sergio Koller
Mar 06, 2020 | 20 min de lectura

Las etiquetas de encabezado HTML (también conocidas como «HTML Header Tags«), más comúnmente conocidas como etiquetas <h1>, <h2>, <h3>, <h4>, <h5> y <h6>, ayudan a que las personas y los motores de búsqueda comprendan rápidamente sobre lo que trata una página. Además, también pueden influir indirectamente en el ranking de tus páginas en las SERP.

Y debido a que su importancia en la optimización en motores de búsqueda y la experiencia de usuario es tan importante, es vital saber exactamente qué son, por qué son importantes, además de cómo usarlas adecuadamente para obtener mayores beneficios.

Así que, si estás confundido sobre el tema, este artículo tiene como objetivo responder a las preguntas más comunes sobre las etiquetas de encabezado HTML.

¿Qué es una etiqueta de encabezado?

Las etiquetas de encabezado definen el encabezado principal de una página (<h1>), así como los subencabezados (<h2> – <h6>) de varias secciones del contenido.

Desde la perspectiva de las personas y los motores de búsqueda, estas etiquetas se utilizan como un resumen del texto que brinda a los lectores y rastreadores la esencia del contenido al transmitir de manera concisa su mensaje principal.

El Consorcio World Wide Web define seis niveles de encabezados en HTML, siendo <h1> el más importante y <h6> el menos importante:

Déjame mostrarte exactamente lo que quiero decir.

En SE Ranking, publicamos nuestro contenido usando WordPress. Pero independientemente de si creas contenido en Google Docs, WordPress u otro servicio, las opciones de encabezados siempre están disponibles:

Ahora, si miramos más de cerca a uno de los artículos publicados anteriormente, verás que he resaltado los dos primeros encabezados:

Claro que, podrías pensar que simplemente aumenté la fuente, resalté el texto o cambié su color. Aunque puede ser el caso, es un poco más complicado de lo que crees.

Cuando echamos un vistazo al código fuente de la página, podemos ver que estos encabezados están marcados con las etiquetas <h1> y <h2> respectivamente:

¡Ahí lo tienes! Ahora que hemos hablado sobre lo que son las etiquetas de encabezado HTML, centrémonos en el «por qué».

¿Por qué necesitas usar encabezados?

Las etiquetas de encabezado proporcionan a las páginas web dos grandes beneficios: claridad y jerarquía.

A su vez, esto hace que sea más fácil para los motores de búsqueda comprender el tema principal y la estructura de una página, Bing lo confirmó mientras que Google no ha sido tan transparente, y permite a las personas echar un vistazo rápido al contenido para averiguar si es lo que ellos están buscando.

Pero estas no son las únicas razones por las que deberías usar encabezados. De hecho, las ventajas de usarlos se pueden dividir en varias categorías. Echemos un vistazo más de cerca a cada una.

En los encabezados tienes la oportunidad de colocar palabras clave

Para que el tema de las páginas web sea más claro tanto para las personas como para los motores de búsqueda, utiliza los términos de búsqueda que usan tus clientes para encontrarte en línea y así aumentar tus posibilidades de aparecer en la búsqueda.

Por esta razón, yo incluí las palabras «SEO» y «etiquetas de encabezado HTML» en el encabezado principal de este artículo, y también te sugiero que añadas la consulta de búsqueda objetivo, o sus sinónimos, a las etiquetas <h1> de tu contenido y también a otras etiquetas de encabezado.

Pero ten en cuenta que rellenar tus etiquetas con palabras clave es cosa del pasado, intenta crear contenido que sea natural y orgánico para el usuario ya que Google lo notará.

Una jerarquía lógica te ayudará a llegar al Featured Snippet

Para convertirte en un candidato al Google Snippet, ya debes estar posicionado en la primera página de Google (no es gran cosa) y optimizar tu código HTML, para que Google pueda entender tu página y mostrar una parte de tu contenido en dicho fragmento.

Por ejemplo, «las mejores máquinas de afeitar para hombres» es un tipo de pregunta que se coloca mejor en una lista de un artículo de blog. Dichas páginas generalmente están estructuradas con una etiqueta <h1> seguida de una lista de elementos que llevan una etiqueta <h2>. O puedes tener una etiqueta <h2> seguida de la etiqueta <h1>, y solo entonces tener una lista de elementos marcados con la etiqueta <h3>.

Esto deja muy claro a Google sobre lo que realmente trata la página. Claro, puedes usar una lista de viñetas, pero para un SEO exitoso, se recomienda usar etiquetas de encabezado, especialmente si estás escribiendo piezas más largas de contenido.

Las etiquetas de encabezado mejoran la experiencia de usuario

Las etiquetas de encabezado mejoran la legibilidad de tu contenido y facilitan a las personas su asimilación. Como resultado, pueden mejorar el ranking de tu página, ya que Google se enfoca en lo que los usuarios quieren y lo están obteniendo.

Dado que el 43% de las personas dice que examina el contenido para ver si contiene la información que está buscando, es esencial proporcionarles algunas señales, como los encabezados. Además, los encabezados pueden ayudar a los lectores a realizar un seguimiento de dónde están en caso de que olviden hacia dónde iban. Esto puede hacer que las personas permanezcan en tu página por períodos de tiempo más largos, y que sea reconocido por Google, ya que reconoce lo que es bueno para el lector.

Ahora, aquí es donde tener etiquetas de encabezado ordenadas, honestas y bien redactadas puede comunicar claramente la estructura del contenido a los lectores y, con suerte, atraerlos a seguir leyendo o incluso realizar alguna acción.

Entonces, hazte esta pregunta: ¿Alguien leería tu contenido si solo publicas algo que parece un muro de texto sólido?

Claro que no. Abandonarían tu página apenas hayan ingresado.

Las etiquetas de encabezado mejoran el acceso

La estructura de los encabezados HTML también es crucial para la accesibilidad del usuario. Tradicionalmente pensamos que ayuda a las personas con discapacidad visual a leer contenido digital, pero también beneficia a los usuarios que usan móviles, así como a las personas con conexiones lentas a Internet.

Ahora, dado que las etiquetas de encabezado están escritas en HTML, la tecnología de asistencia del lector de pantalla puede interpretar la estructura de cualquier página web y leerla en voz alta para los usuarios con discapacidad, como se muestra a continuación:

Mientras escuchan los encabezados del contenido, pueden decidir si la página ofrece lo que necesitan. Además, los lectores de pantalla proporcionan accesos directos que permiten a los usuarios moverse fácilmente entre encabezados, facilitando su navegación. Por esta razón, es clave observar la jerarquía de los encabezados: siempre comenzar con <h1>, luego usar <h2> y así sucesivamente. De lo contrario, los usuarios del lector de pantalla se confundirán e irán de un lado a otro para encontrar el siguiente encabezado lógico, o incluso abandonarán la página por completo.

Ten en cuenta que, como regla general, si es bueno para la accesibilidad del usuario, probablemente también es bueno para la optimización en motores de búsqueda (¿Estoy empezando a sonar como un disco rayado? 🙂 ). Esto me lleva a la última ventaja.

Las etiquetas de encabezado ayudan al SEO

En 2009, el ex Googler Matt Cutts declaró que «Siempre que posicionamos cosas, usamos cosas en el título, cosas en la URL, incluso cosas que están muy resaltadas, como etiquetas <h2> y cosas así».

Sin embargo, durante una sesión reciente de Google Webmaster Hangout, John Mueller confirmó que Google usa etiquetas H para comprender mejor la estructura del texto en una página, pero que tu sitio puede funcionar perfectamente sin ninguna etiqueta h1 o con cinco etiquetas h1. Además, un estudio reciente de Moz confirmó que el uso de etiquetas H1 en lugar de H2 no tuvo una diferencia estadísticamente significativa.

Lo que podemos deducir de esta información es que la presencia de etiquetas de encabezado HTML puede afectar en cierta medida los rankings SERP de una página.

Es decir, tener una estructura clara y adecuada de la página puede ayudar a Google a comprender cuándo es relevante mostrar una página en respuesta a la consulta de un buscador, además hace que la página sea elegible para muchas características especiales en la búsqueda, como resultados decorados, calificación de comentarios y más.

Ahora, aunque se acepta comúnmente que las etiquetas de encabezado no tienen un impacto directo significativo en el SEO, el uso de etiquetas de encabezado HTML ayuda a producir contenido de calidad y comprensible. Y, como se mencionó en las secciones anteriores, cuanto mejor sea el texto desde la perspectiva del usuario, mejor será para el SEO.

¿Y no es ese el objetivo final?

Las prácticas recomendadas para el uso de etiquetas de encabezado

Ahora que sabemos el «qué» y el «por qué» de las etiquetas de encabezado, veamos el «cómo».

Hasta ahora, hemos establecido que los motores de búsqueda tienen como objetivo facilitar que las personas busquen y encuentren el contenido correcto en línea. Esto significa que para tener la posibilidad de poseer un ranking de SEO alto, no puedes permitirte no optimizar tus etiquetas de encabezado HTML.

Estas son algunas de las mejores prácticas SEO para crear encabezados HTML efectivos en tu contenido.

Enfócate en la etiqueta <h1>

Desde el principio, quiero decir que, aunque puedes posicionarte orgánicamente sin usar etiquetas H, sería un desperdicio no usarlas ya que dará como resultado un perfil de SEO incompleto.

Bien, dado que la etiqueta de encabezado <h1> tiene la intención de describir claramente el contenido que tiene una página, estae debe ser:

  • Directamente relacionado a ella;
  • Escrito concisa, natural y orgánicamente;
  • Único en todo el sitio;
  • Evitar las imágenes porque los motores de búsqueda tienen dificultades para comprenderlas;
  • Usado una vez por página, aunque John Mueller afirma lo contrario:

Si bien tener más de una etiqueta <h1> no es oficialmente un problema, hay dos formas en que Google puede abordar este escenario. El gigante de búsqueda dará:

  • Más peso para la primera etiqueta <h1> (Por cierto, Bing confirmó que sí);
  • Igual peso a cada etiqueta <h1> en una página, lo que resulta en un valor general reducido.

Teniendo en cuenta el hecho de que HTML5 permite que las páginas tengan más de una etiqueta de encabezado <h1>, pero los navegadores de Internet decidieron no adoptar esta recomendación y, por lo tanto, se suspendió el soporte; te aconsejo que te limites a usar una sola etiqueta <h1> para fines de SEO.

Adicionalmente, debe tenerse en cuenta que es muy común ver a los creadores de contenido simplemente repetir la etiqueta del título donde debería estar la etiqueta <h1>, lo cual es una gran oportunidad desperdiciada. Por lo tanto, asegúrate de tener ambas en su lugar y de que sean diferentes, ya que el objetivo de la etiqueta del título es atraer a las personas a hacer clic en la página desde las SERP, mientras que la etiqueta <h1> actúa como el título principal para la página cuando el lector llega a ella.

Uso adecuado de las etiquetas <h2> – <h6>

El uso de etiquetas de encabezado <h2> – <h6> depende únicamente de la complejidad del contenido.

Es común usar las etiquetas <h2> y <h3>, mientras que <h4> rara vez se usa, sin mencionar las etiquetas <h5> y <h6>. Claro, tiene sentido usarlos en textos largos con estructuras complicadas, como documentos técnicos y legales, pero estos últimos a menudo se convierten en archivos PDF y no se usan en páginas HTML.

De todos modos, estas son las mejores prácticas para el uso adecuado de las etiquetas de encabezado <h2> – <h6>:

  • Utiliza tantas etiquetas de encabezado <h2> como sea necesario para marcar las diferentes secciones de contenido de una página. Es común tener una etiqueta <h2> cada 200-500 palabras para dejar que el texto respire;
  • Haz que sean naturales y relevantes para el tema;
  • No muestres toda la información en las etiquetas de encabezado, sino que úsalos para despertar el interés del lector, de modo que tengan curiosidad de leer la siguiente sección del contenido;
  • Mantén la jerarquía del encabezado y no te saltes los niveles
  • No solo uses CSS para hacer que los encabezados destaquen;
  • Optimiza todos los encabezados HTML para los featured snippets casi como si fueran una colección de preguntas frecuentes;
  • Actualiza las etiquetas H cada vez que actualices el contenido para que sea más fácil para los motores de búsqueda notar los cambios.

Sin embargo, quiero enfatizar que, si bien las etiquetas de encabezado <h2> – <h6> son excelentes para ayudar a organizar el contenido de formato largo, como tablas de contenido, estudios de casos y libros electrónicos, incluir palabras clave en ellos no es obligatorio en lo absoluto, y aquí te explico por qué.

Desde que Google lanzó el algoritmo de búsqueda Hummingbird, los rastreadores han logrado comprender el significado semántico general de un texto y la intención del usuario.

Como resultado, el valor de una página para los internautas ahora no solo se mide por las palabras clave utilizadas (el keyword stuffing nunca fue algo bueno). En cambio, se examinan en su totalidad varios elementos en la página, como palabras clave, encabezados, imágenes y estructura. Además de eso, Google también considera sinónimos, definiciones contextuales y el uso del lenguaje.

En conclusión, podemos decir que el ranking SERP de una página ahora depende en gran medida de una combinación de la relevancia del contenido, la calidad, la estructura y la experiencia de usuario. La buena noticia es que esto permite a los creadores de contenido producir textos naturales y orgánicos que no tienen que ver con insertar palabras clave siempre que sea posible.

Comprobar tus encabezados

Supongamos que has revisado todas las etiquetas H que tienes en tu sitio y las has optimizado (por lo general, lleva mucho tiempo hacerlo manualmente). ¿Cómo puedes comprobar para asegurarte de que todo el trabajo que realizaste no fue en vano?

Inspeccionar un elemento HTML

Cuando uses los navegadores Google Chrome o Safari, haz clic con el botón derecho en un elemento y elige «Inspeccionar» e «Inspeccionar elemento» respectivamente.

Google Chrome

Safari

Esto abrirá un panel que te permitirá ver información HTML y CSS para el elemento seleccionado. Solo mira si tiene una etiqueta <h *> en cualquiera de sus alrededores.

Google Chrome

Safari

Analizar el Código Fuente

Cuando uses los navegadores Google Chrome y Safari, haz clic con el botón derecho en una página HTML y selecciona «Ver código fuente de la página» o «Mostrar código fuente de la página» respectivamente.

Google Chrome

Safari

En la ventana o panel que se abre, usa CTRL + F y ⌘ Cmd + F respectivamente para ingresar la etiqueta H que estás buscando. Si no está allí, ya sabes lo que hay que hacer, de vuelta al principio.

Comprobando encabezados en WordPress

Con la mayoría de los sitios web que existen hoy en día usando WordPress, es probable que también lo estés empleando para tus temas de publicación.

Por lo tanto, para asegurarte de que tus etiquetas de encabezado estén en su lugar como es debido, solo tienes que hacer clic en el menú de tres puntos en la esquina superior derecha y cambiar del Editor visual al Editor de código para ver el código HTML de la página, como se muestra a continuación:

Ejecutar una auditoría SEO profunda

Volver a comprobar las etiquetas de encabezado de tu sitio manualmente parece una tarea imposible e interminable, especialmente si tu sitio web ya tiene un tiempo y aún más si contiene un blog activo. Afortunadamente, hay una serie de herramientas que pueden realizar esta tarea automáticamente.

En SE Ranking, hemos desarrollado dos herramientas que se especializan en escanear y analizar todo tu sitio web o una página web en particular: Auditoría Web y Comprobador de SEO On-Page.

Echemos un vistazo a lo que cada una de ellas puede hacer para ayudarte a optimizar tus etiquetas de encabezado HTML.

AUDITORÍA WEB

Además de poder localizar y determinar rápidamente los errores del sitio web, la herramienta Auditoría Web también genera una lista de sugerencias que pueden ayudar a los desarrolladores, creadores de contenido y diseñadores web a hacer su trabajo con precisión.

Puedes aprovechar la prueba gratuita para probar todas sus funciones. (Por cierto, ¿notaste que la sección Auditoría Web está marcada con la etiqueta <h4> debido a la compleja estructura?)

Ahora, a medida que te desplazas por el informe de auditoría, verás un desglose detallado de todo lo que está bien y mal en tu sitio web, incluidas las etiquetas de encabezado.

Descubre si tu sitio tiene páginas con o sin una etiqueta de encabezado <h1> o <h2>, y revisa su estado. También puedes hacer clic en el ícono de enlace que está junto al resultado para obtener una lista de páginas con el mismo problema.

Además de eso, puedes monitorear casos extremos de uso de etiquetas de encabezado. Dado que el límite predeterminado establecido en la longitud de las etiquetas <h1> y <h2> es de 60 caracteres, puedes cambiarlo fácilmente si obtienes buenos resultados, ya sea con encabezados más largos o más cortos. De esa forma, la auditoría no lo verá como un error si tus etiquetas superan o no el límite de 60 caracteres.

Después, una vez que abordes todos los problemas vigentes, ve a la pestaña Páginas rastreadas para analizar tus encabezados únicamente con respecto a su significado y legibilidad, sin distracciones, ya sea directamente en la plataforma o exportando un archivo XLS, como se muestra a continuación:

Aún tendrás que implementar los cambios manualmente, pero encontrarlos ya no será una tarea exhaustiva. Y la mejor parte es que una vez que optimices tus etiquetas de encabezado con la Auditoría Web, será mucho más fácil encontrar y optimizar nuevos problemas la segunda vez.

Comprobador SEO On-Page

Una función extra cada vez más útil para la herramienta de Auditoría Web es el Comprobador SEO On-Page de SE Ranking. Como su nombre lo indica, puede auditar una página web específica de acuerdo a la consulta de búsqueda objetivo y proporcionar información detallada a través de un análisis exhaustivo.

Además de proporcionar datos más detallados sobre los mismos parámetros que la herramienta de Auditoría Web, el Comprobador SEO On-Page tiene secciones separadas dedicadas a la densidad de palabras clave, popularidad en las redes sociales y, por supuesto, las etiquetas de encabezado HTML.

Por lo tanto, si acabas de publicar una nueva pieza de contenido o una nueva página, puedes analizarla y podrás analizar hasta 2,000 páginas más de forma gratuita cada mes utilizando el Comprobador SEO On-Page. Así, podrás descansar en paz, sabiendo que no perderás una gran oportunidad de pulir tu página para mejorar el éxito del SEO.

Conclusiones

El uso adecuado de las etiquetas de encabezado HTML ayuda a mejorar la experiencia de tus lectores, mejora la legibilidad y accesibilidad de tu contenido, incluso puede tener un impacto en tu SEO. Por lo tanto, asegúrate de añadir etiquetas de encabezado HTML a tu contenido. Como puedes ver en nuestro blog, las usamos todo el tiempo. Sin embargo, recuerda seguir las prácticas recomendadas para obtener máximos resultados.

Si planeas hacer todo el trabajo manualmente (sinceramente te sugiero que no lo hagas), usa herramientas especializadas para evitar pasar horas en tareas que pueden realizarse de forma automática.

Espero que este artículo sea un punto de referencia para implementar etiquetas de encabezado y seguir las mejores prácticas SEO. ¡Déjame saber si olvidé algo o si tuviste una experiencia diferente con las etiquetas de encabezado!

Post Views: 433
Deja un comentario

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

MÁS ARTÍCULOS
INSIGHTS DE SEO
Cómo el título de la página y las etiquetas de description ayudan al SEO
Jun 24, 2020 18 min de lectura

Al igual que una tarjeta de presentación, los títulos de las páginas y las meta descripciones almacenan datos sobre el contenido de tus páginas y, cuando es el momento adecuado, comparten esa información con los motores de búsqueda y los internautas. Y si deseas complacerlos a ambos, simplemente no puedeі ignorar las metaetiquetas. Echemos un vistazo a por qué los metadatos son importantes en SEO y cómo usarlos correctamente.

Sergio Koller
INSIGHTS DE SEO
Por qué el SEO es crucial para las Startups
Jun 17, 2020 18 min de lectura

Si estás en una startup significa que sueñas en grande y trabajas duro para crear un producto increíble, pero nadie lo sabe todavía. Por eso existe el SEO. Sigue siendo una fuente importante de tráfico que también es económico. Aprende qué otros beneficios puede aportar el SEO a tu inicio y cómo comenzar con tu viaje de SEO.

Sergio Koller
INSIGHTS DE SEO
Descubre con qué palabras clave estás posicionando tu sitio web
Jun 10, 2020 16 min de lectura

Cualquier persona que trabaje con un sitio web, desde agencias que prestan servicios a clientes hasta profesionales de SEO, han formulado una gran pregunta: ¿Qué palabras clave posiciono? En esta publicación de blog, veremos cómo puedes averiguar qué palabras clave clasifica tu sitio y planificar tu próximo movimiento con la ayuda de Google Analytics, Google Search Console y SE Ranking.

Sergio Koller