
John Mueller de Google discutió los elementos de encabezado con un miembro de la comunidad de SEO donde confirmó la utilidad de usar una estructura jerárquica cuando se usan elementos de encabezado.
Contenido del Articulo
Antecedentes de lo que dijo Mueller
elementos de encabezado
– se supone que se utilizan para indicar el tema de una sección de una página web.
Además, los elementos de encabezado tienen un orden de rango, con el
ser el rango más alto de importancia y el ser el nivel más bajo de importancia.
El propósito del elemento de encabezado es identificar de qué trata una sección de contenido.
La especificación HTML permite el uso de múltiples elementos
. Entonces, técnicamente, usar más de una es absolutamente válido.
La sección 4.3.11 de la especificación HTML oficial establece:
Los elementos h1–h6 tienen un nivel de encabezado, que viene dado por el número en el nombre del elemento.
Si un documento tiene uno o más encabezados, al menos un encabezado dentro del borde debe tener el nivel de encabezado 1″.
Sin embargo, usar más de
no se considera la mejor práctica.
La página de referencia para desarrolladores de Mozilla sobre el uso de encabezados recomienda:
“Elementos HTML
hasta
representan seis niveles de encabezados de sección. El
es el nivel más alto de unidad y el
es el más bajo.
…Evite usar varios elementos
en una página
Si bien el uso de múltiples elementos
en una página está permitido por el estándar HTML (siempre y cuando no estén anidados), esto no se considera una buena práctica. Una página generalmente debe tener un solo elemento
que describe el contenido de la página (similar al elemento
del documento).
John Mueller ha dicho anteriormente que no importa si un sitio web usa uno
o cinco encabezados
El punto de su declaración es que el nivel del encabezado no es tan importante como la forma en que se usan, y la mejor práctica es usar encabezados para indicar de qué se trata una sección de contenido.
Lo que Mueller dijo en Twitter
Un miembro de la comunidad de SEO bromeaba y le dijo amablemente a Mueller que estaba usando más de un H1.
Escribió en Twitter:
John Mu: “Su sitio se clasificará perfectamente sin etiquetas H1 o con cinco etiquetas H1”
Mi: pic.twitter.com/LEj59KfRBD
— Deji luminoso (@deji_luminous) 2 de febrero de 2023
SEO siguió compartiendo cómo prefería usar las mejores prácticas para encabezar elementos usando solo uno
para indicar de qué trata la página, y luego usar el resto de los encabezados en orden de clasificación, dando a la página web una estructura jerárquica.
Una estructura jerárquica comunica secciones de una página web y cualquier subsección dentro de cada sección.
Él tuiteó:
“Soy muy tradicional con los elementos de cabecera. (¡HTML 4 de por vida! jajaja)
Recomendaría usar solo un elemento H1 en una página.
Pacientemente vuelvo a las páginas para implementar la jerarquía de encabezados por diversión”.
Juan Mueller tuiteó su aprobación en respuesta:
“Creo que es una gran idea y una gran práctica.
La jerarquía de encabezados no solo es útil para Google, también es importante para la accesibilidad.
(Google todavía tiene que lidiar con todas las cosas raras que la gente pone en la web, pero tener cuidado con tu trabajo siempre tiene sentido)”.
Estructura de página jerárquica
En los primeros días del SEO, el
contó como un factor de clasificación importante, que era más importante que uno .
Entonces, en aquel entonces, uno siempre ponía las palabras clave más importantes en el
para señalar a Google que la página era relevante para esa palabra clave.
H1 tenía más poder de clasificación, por lo que era necesario usarlo
para ayudar a clasificar.
El algoritmo de Google utilizó palabras clave como una forma de “adivinar” qué era una página web.
Las palabras clave en el texto de anclaje, las palabras clave en la etiqueta del título y las palabras clave en el
ayudaron a Google a adivinar para qué era relevante una página.
Pero en estos días, Google no tiene que adivinar.
Es capaz de comprender de qué tratan las secciones de una página web y, en consecuencia, de qué trata toda la página web.
A pesar de estos avances, muchos SEO todavía creen que usar un
es una especie de factor de ranking mágico.
Los encabezados ya no son relevantes para la palabra clave para la que desea clasificar.
El papel de los elementos de encabezado ahora es decirles a los motores de búsqueda de qué se trata un contenido.
Cada sección de una pieza de contenido generalmente trata sobre algo específico.
Las etiquetas de encabezado facilitan que los motores de búsqueda sepan de qué se trata una página.
Y esto les ayuda a clasificar la página para el tema.
Y de acuerdo con la especificación HTML oficial, esta es técnicamente la forma correcta de usar elementos de encabezado.
Finalmente, Mueller mencionó la calidad del elemento de encabezado como una forma de comunicar mejor las razones de accesibilidad, como para las personas que usan lectores de pantalla.
La especificación HTML oficial dice:
“Los encabezados descriptivos son especialmente útiles para usuarios que tienen discapacidades que dificultan la lectura y para personas con memoria a corto plazo limitada.
Estas personas se benefician cuando los títulos de las secciones permiten predecir lo que contiene cada sección”.
Entonces, gracias a John Mueller por señalar los beneficios de usar encabezados jerárquicos, cómo la estructura jerárquica es útil para Google y para la accesibilidad.
Imagen destacada de Shutterstock/Asier Romero
var s_trigger_pixel_load = false; function s_trigger_pixel(){ if( !s_trigger_pixel_load ){ striggerEvent( 'load2' ); console.log('s_trigger_pix'); } s_trigger_pixel_load = true; } window.addEventListener( 'cmpready', s_trigger_pixel, false);
window.addEventListener( 'load2', function() {
if( sopp != 'yes' && !ss_u ){
!function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window,document,'script', 'https://connect.facebook.net/en_US/fbevents.js');
if( typeof sopp !== "undefined" && sopp === 'yes' ){ fbq('dataProcessingOptions', ['LDU'], 1, 1000); }else{ fbq('dataProcessingOptions', []); }
fbq('init', '1321385257908563');
fbq('track', 'PageView');
fbq('trackSingle', '1321385257908563', 'ViewContent', { content_name: 'google-headings-with-hierarchical-structure-an-awesome-idea', content_category: 'news seo' }); } });