Etiqueta H1

Què comprova aquesta auditoria

Analitza l’HTML renderitzat i compta els elements <h1>. Passa quan n’hi ha exactament un; avisa quan n’hi ha zero o més d’un.

Per què importa

L’H1 és el titular de la pàgina. És el senyal on-page més fort de tema, només per darrere del <title>, tant per a Google com per als agents d’IA que intenten extreure el tema principal de la pàgina.

Tres modes de fallada:

• Sense H1: la pàgina no té el seu titular principal. Els motors de cerca recorren al títol, cosa que està bé, però perds una capa de claredat. Els agents d’IA que descarten HTML sovint trien l’H1 com a resposta a “de què va aquesta pàgina”.
• Múltiples H1: el teu tema es divideix. Cada H1 sembla igual d’important, així que Google no pot dir quin és el titular real.
• L’H1 no coincideix amb el contingut: un H1 de “Benvinguts” en una pàgina de preus malgasta el territori de posicionament.

Com solucionar-ho

Fes servir exactament un <h1> per pàgina, col·locat a prop de la part superior, que descrigui el propòsit de la pàgina:

<h1>Com escriure una meta description que posicioni</h1>

Després fes servir <h2> per a seccions principals, <h3> per a subseccions, etc. Consulta jerarquia d’encapçalaments per a les regles.

Ajudes per framework:

• WordPress: el títol del post és automàticament un H1 a la majoria de temes. Si el teu tema renderitza el títol com <h2>, arregla el tema.
• React/Next/Astro: el component de plantilla de pàgina ha de renderitzar <h1>{props.title}</h1> exactament un cop.

Errors comuns:

• Logo del lloc embolicat amb <h1> a cada pàgina. El logo és un logo, no un titular. Fes servir <h1> només per a contingut específic de la pàgina.
• Múltiples H1 d’un CMS que permet als editors inserir encapçalaments. Forma els editors per fer servir H2/H3 dins el cos.

Preguntes freqüents

L’H1 ha de coincidir amb el títol?

No exactament: poden ser diferents. El títol és per als resultats de cerca; l’H1 és per a la pàgina mateixa. Molts llocs fan servir un títol més llarg i amb marca (Tema de la pàgina | Nom del lloc) i un H1 més curt i net (Tema de la pàgina).

I el seccionament HTML5?

HTML5 en teoria permet múltiples H1 si cadascun està dins d’un <section> o <article>. Els navegadors i els lectors de pantalla no ho respecten, així que limita’t a un H1 per pàgina.

L’H1 afecta el posicionament tant com el títol?

No, però és un senyal secundari significatiu. Google extreu l’H1 com a part de la comprensió del tema de la pàgina. Els rastrejadors d’IA li donen molt de pes perquè és el text visible més prominent.