Què són les capçaleres H1, H2 i H3?

En HTML, les capçaleres es representen amb etiquetes com

,

,

, i així successivament fins a

.

Cadascú compleix una funció jeràrquica:

• H1: El títol principal de la pàgina. Només n’hi haurà un per document.
• H2: Subtemes o seccions dins de l’H1.
• H3: Subapartats dins d’un H2.

Aquest sistema de jerarquia ajuda els navegadors, els motors de cerca i fins i tot els lectors de pantalla a interpretar la importància i la relació entre les parts del contingut.

La regla de l’únic H1 per pàgina: és realment obligatòria?

Encara que HTML5 permet utilitzar múltiples H1, Google segueix recomanant un sol H1 per pàgina per mantenir la claredat semàntica.

Per què? Perquè l’H1 continua sent el primer senyal de context sobre el contingut d’una pàgina. Tenir més dun pot generar confusió per als motors de cerca si no està ben estructurat.

Millor pràctica: Fes servir un sol H1, col·loca’l a l’inici i assegura’t que contingui la paraula clau principal.

SEO on-page: com afecten les capçaleres al posicionament?

Les capçaleres ajuden Google a comprendre de què tracta el vostre contingut. Això facilita el rastreig (crawling) i millora les possibilitats que la teva pàgina aparegui en els fragments destacats o “featured snippets”.

A més:

• Milloren la escanejabilitat del contingut (els usuaris llegeixen per seccions).
• Incrementen la retenció de lectors, cosa que redueix el bounce rate.
• Reforcen la coherència temàtica si les paraules clau estan ben distribuïdes en els H2 i H3.

Encapçalaments i accessibilitat web: un aliat essencial

Per a persones que utilitzen lectors de pantalla, les capçaleres funcionen com una mena de índex de navegació ràpida.

Per això és fonamental:

• Mantenir l’ordre jeràrquic correcte (no saltar de H1 a H4, per exemple).
• Utilitzar capçaleres semàntiques, no només per canviar la mida del text.
• No abusar de les capçaleres només per estil visual.

Això també impacta positivament en la conformitat amb les Pautes WCAG (Web Content Accessibility Guidelines), i per tant amb el compliment de la normativa espanyola (RD 1112/2018) .

Exemple d’estructura correcta de capçaleres en un article

Imagina un article sobre “Com optimitzar imatges per a SEO”:

• Com Optimitzar Imatges per a SEO

  • Per què és important optimitzar imatges?

  • Formats recomanats per a SEO

    • JPEG vs PNG: quina escollir?

    • Formats moderns: WebP i AVIF

  • Com anomenar fitxers i utilitzar atributs ALT

Aquesta estructura ajuda tant usuaris humans com bots a entendre la jerarquia i l’enfocament del contingut.

Errors comuns en utilitzar H1, H2 i H3

• Usar diversos H1 sense lògica semàntica.
• Saltar nivells jeràrquics (ex. passar de H1 a H4).
• No utilitzeu capçaleres en absolut.
• Repetir títols genèrics com ara “Introducció” sense aportar context.
• Usar-los només per disseny, sense valor semàntic.

👉 Consell: Cada capçalera ha d’aportar informació útil i estar alineat amb la intenció de cerca.

Eines per auditar encapçalats i millorar el teu SEO

1. Screaming Frog SEO Spider: Detecta encapçalats duplicats, absents o mal estructurats.
2. Ahrefs Site Audit: Avalua la jerarquia i semàntica de les capçaleres.
3. Yoast SEO (WordPress): Suggereix millores directament al teu editor.
4. Web Developer Toolbar (Chrome/Firefox): Mostra visualment la jerarquia de capçaleres.
5. Wave (Web Accessibility Evaluation Tool): Útil per comprovar si les capçaleres compleixen accessibilitat.

Conclusió: estructura bé, posiciona millor

Les capçaleres H1, H2 i H3 no són un simple adorn visual. Són la columna vertebral del vostre contingut. Usar-los correctament no només millora el SEO, sinó també lexperiència de lusuari, laccessibilitat i la comprensió semàntica per part de les IAs.

Així que la propera vegada que escriguis un article, no pensis només en el disseny. Pensa en la lògica, en l’ordre, i en qui llegirà (o processarà) el teu contingut. Això també és estratègia.