
John Mueller de Google va discutir els elements d’encapçalament amb un membre de la comunitat de SEO on va afirmar la utilitat d’utilitzar l’estructura jeràrquica quan s’utilitzava elements d’encapçalament.
Context del que va dir Mueller
Els elements d’encapçalament
– s’han d’utilitzar per indicar de què tracta una secció d’una pàgina web.
A més, els elements d’encapçalament tenen un ordre de classificació, sent el
el rang d’importància més alt i el el nivell d’importància més baix.
El propòsit de l’element d’encapçalament és etiquetar de què tracta una secció de contingut.
Les especificacions HTML permeten l’ús de múltiples elements
. Per tant, tècnicament, utilitzar més d’un és perfectament vàlid.
Secció 4.3.11 de l’oficial HTML especificacións estats:
“Els elements h1–h6 tenen un nivell d’encapçalament, que ve donat pel nombre del nom de l’element.
Si un document té un o més encapçalaments, almenys un únic encapçalament dins de l’esquema hauria de tenir un nivell d’encapçalament 1″.
No obstant això, utilitzar més que a
no es considera una bona pràctica.
El Mozilla pàgina de referència del desenvolupador sobre l’ús dels encapçalaments recomana:
“Els elements HTML
a
representen sis nivells d’encapçalaments de secció.
és el nivell de secció més alt i
és el més baix.
…Eviteu utilitzar diversos elements
en una pàgina
Tot i que l’estàndard HTML permet utilitzar diversos elements
en una pàgina (sempre que no estiguin imbricats), això no es considera una pràctica recomanada. En general, una pàgina hauria de tenir un únic element
que descrigui el contingut de la pàgina (similar a l’element
del document).
John Mueller ja ha dit anteriorment que no importa si una pàgina web utilitza un encapçalament
o cinc.
El punt de la seva afirmació és que el nivell de l’encapçalament no és tan important com com s’utilitzen, i la millor pràctica és l’ús d’encapçalaments per indicar de què tracta una secció de contingut.
El que va dir Mueller a Twitter
Un membre de la comunitat de SEO estava fent broma i va dir suaument a Mueller sobre l’ús de més d’un H1.
Va tuitejar:
John Mu: “El vostre lloc es classificarà perfectament sense etiquetes H1 o amb cinc etiquetes H1”,
Jo: pic.twitter.com/LEj59KfRBD
— Deji Luminous (@deji_luminous) 2 de febrer de 2023
El SEO va seguir compartint com preferia utilitzar les millors pràctiques per als elements d’encapçalament utilitzant només un
, per indicar de què tracta la pàgina i després utilitzant la resta d’encapçalaments per ordre de classificació, donar a una pàgina web una estructura jeràrquica. .
Una estructura jeràrquica comunica seccions d’una pàgina web i qualsevol subsecció dins de cada secció.
Ell va piular:
“Sóc massa tradicional amb els elements de capçalera. (HTML 4 per a la vida! lol)
Encara recomanaria utilitzar només un element H1 a una pàgina.
Torno a les pàgines amb paciència per implementar la jerarquia de capçalera per diversió”.
Joan Mueller va tuitejar la seva aprovació en resposta:
“Crec que és una idea fantàstica i una gran pràctica.
La jerarquia de capçaleres no només és útil per a Google, també és important per a l’accessibilitat.
(Google encara ha de fer front a totes les coses estranyes que la gent vomi al web, però ser reflexiu en el vostre treball sempre té sentit.)
Estructura jeràrquica de la pàgina
En els primers dies del SEO,
solia comptar com un factor de classificació important, un que era més important que un.
Aleshores, sempre es posava les paraules clau més importants a
per indicar a Google que la pàgina era rellevant per a aquesta paraula clau.
L’H1 solia tenir més poder de classificació, per la qual cosa era essencial utilitzar l’
per ajudar a la classificació.
L’algoritme de Google utilitzava paraules clau com a forma d’“endevinar” de què tractava una pàgina web.
Les paraules clau del text d’ancoratge, les paraules clau de l’etiqueta del títol i les paraules clau del
van ajudar Google a endevinar per a què era rellevant una pàgina.
Però avui dia, Google no ha d’endevinar.
És capaç d’entendre de què tracten les seccions d’una pàgina web i, en conseqüència, de què tracta tota la pàgina web.
Malgrat aquests avenços, molts SEO encara creuen que utilitzar un
és una mena de factor màgic de classificació.
Els encapçalaments ja no es refereixen a cridar quina paraula clau voleu classificar.
El paper dels elements d’encapçalament consisteix ara a dir als motors de cerca de què tracta una secció de contingut.
Cada secció d’un contingut tracta generalment d’alguna cosa específica.
Les etiquetes d’encapçalament faciliten als motors de cerca saber de què tracta una pàgina.
I això els ajuda a classificar la pàgina del tema.
I d’acord amb les especificacions HTML oficials, aquesta és tècnicament la manera adequada d’utilitzar els elements d’encapçalament.
Finalment, Mueller va esmentar la qualitat de l’element d’encapçalament com una manera de comunicar-se millor per motius d’accessibilitat, com per a les persones que utilitzen lectors de pantalla.
L’oficial Les especificacions HTML diuen:
“Els encapçalaments descriptius són especialment útils per als usuaris amb discapacitats que fan que la lectura sigui lenta i per a persones amb memòria a curt termini limitada.
Aquestes persones es beneficien quan els títols de les seccions permeten predir què conté cada secció”.
Per tant, gràcies John Mueller per cridar l’atenció sobre els avantatges d’utilitzar encapçalaments amb una estructura jeràrquica, per cridar l’atenció sobre com l’estructura jeràrquica és útil per a Google i per a l’accessibilitat.
Imatge 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'});}});