Encapçalaments HTML al SEO
Actualitzat: 24 / 07 / 2025

Què és un encapçalament en HTML i per què importa en el SEO?

consultor seo barcelona
Leo Ramos
Consultor SEO
SectorParlem de

D’un títol principal fins als apartats més específics, els headings són el mapa semàntic que guia usuaris i cercadors pel teu contingut.

Els encapçalaments (o headings) són les etiquetes html que organitzen el contingut d’una pàgina mitjançant una estructura jeràrquica (des de H1 fins a H6) de manera que el contingut estigui organitzat en apartats i tingui una millor llegibilitat tant per part dels usuaris com per part dels crawlers de Google.

També és important per al SEO, ja que els bots de Google analitzen la pàgina per després indexar-la i posicionar-la en el seu cercador, i aquests encapçalaments formen part del contingut, una part rellevant.

Podríem veure-ho com si estiguéssim llegint un llibre:

Imagina que un llibre comença amb un títol principal a la coberta (el nostre h1), que ens indica de què tracta tota l’obra. A continuació, l’autor el divideix en capítols (equivalents als h2), on cadascun tracta un subtema concret. Dins d’aquests capítols, potser trobem seccions o subcapítols (els nostres h3), que al seu torn es poden subdividir en apartats més petits (h4, h5, h6), segons la necessitat de detallar conceptes específics.

Bones pràctiques SEO amb encapçalaments

És important seguir unes pràctiques estàndard amb els headings perquè no perjudiquin la nostra pàgina i així poder aprofitar tots els avantatges que ens ofereixen, tant per al SEO com per a la llegibilitat de l’usuari que visiti la nostra pàgina.

No tenir-los fora del main content

Tots els h1–h6 han d’estar al bloc principal de contingut. Així evites que Google interpreti títols de menús, barres laterals o peus de pàgina com a part de la jerarquia semàntica. Ubicant correctament el teu encapçalament en HTML, assegures que els bots de Google reconeguin quin text és realment rellevant per indexar.

No vincular-los a estils

Els headings no s’han d’utilitzar com a element de disseny. En lloc d’aplicar estils inline (per exemple, h2 style="color:red"), crea classes CSS separades:

h2 class=""titulo-seo"">Bones pràctiques d’encapçalaments SEO /h2

.titulo-seo { font-size: 1.5rem; color: #333; }

Així, mantens el contingut semàntic net i accessible, i reforces la coherència dels teus encapçalaments SEO sense risc que un canvi d’estil trenqui l’estructura del document.

Ordenar-los amb seqüència correlativa

Segueix sempre una progressió lògica:

  • h1 per al títol principal
  • h2 per a capítols o seccions
  • h3 per a subcapítols, i així successivament fins a

Evita salts de nivell (per exemple, passar de h2 directament a h4), ja que dificulta el rastreig de la jerarquia. Una estructura neta d’H1, H2, H3 exemples millora la llegibilitat i la usabilitat del teu lloc, a més de facilitar la feina dels crawlers.

Afegeix paraules clau, però sense fer keyword stuffing

Integra variacions de la teva paraula clau principal dins dels headings, però fes-ho de manera fluida. Per exemple:

  • h1 Guia d’encapçalaments HTML per a SEO on-page /h1
  • h2 Què és un encapçalament en HTML i com millora el teu posicionament? /h2
  • h3 Exemples pràctics de H1, H2 i H3 /h3

Una redacció natural en els teus headings contribueix a una millor experiència d’usuari i evita penalitzacions per sobreoptimització.

La importància dels headings en el SEO per a IA

Els sistemes d’IA utilitzen els headings per entendre l’estructura i el context d’un text. Cada h1–h6 funciona com una “etiqueta” semàntica que guia el model de llenguatge en la interpretació dels temes i la seva jerarquia. Un ús clar i correlatiu dels headings ajuda la IA a segmentar la informació correctament i a oferir respostes més precises.

Quan una IA genera snippets o respostes directes (per exemple, “resposta curta” a Google), sol extreure contingut de seccions clarament marcades. Un h2 ben formulat com a pregunta (“Què és un encapçalament en HTML?”) facilita que la IA destaqui immediatament la resposta rellevant sota aquest títol.

A més de la seva funció semàntica, els headings continuen sent senyals de rellevància on-page: la IA assigna més pes al text inclòs en h1 i h2. Combinar això amb una redacció natural i paraules clau ben integrades (sense keyword stuffing) reforça l’autoritat de la teva pàgina sobre temes concrets.

Eina per visualitzar els encapçalaments

Per auditar ràpida i visualment la jerarquia dels teus encapçalaments SEO, pots usar l’extensió SEO Meta in 1 Click. Només cal:

  1. Instal·lar l’extensió des de la botiga oficial o de la botiga d’extensions de Google.
  2. Navegar fins a la pàgina que vols analitzar.
  3. Fer clic a la icona de SEO Meta in 1 Click.
  4. Accedir a l’apartat “Headers”

Veureu un arbre interactiu amb tots els h1 – h6, en l’ordre que apareixen al DOM.
encapçalaments seo

Així identifiquem d’un cop d’ull salts de nivell, headings fora del main content o etiquetes repetides.

Exemples en l’ús de H1, H2, H3

exemples d’ús h1,h2,h3

  • h1: defineix el tema global (la paraula clau principal).
  • h2: agrupa idees o capítols (subtemes rellevants).
  • h3: subdivideix cada capítol per oferir un detall addicional.

Amb aquests exemples d’h1, h2 i h3, mantens el contingut llegible i optimitzat per a crawlers i usuaris.

Preguntes freqüents sobre headings

Quants H1 per pàgina? Es permet més d’un?

Un error molt comú en SEO és usar múltiples etiquetes en una mateixa pàgina o, al contrari, no incloure’n cap. Segons les directrius de Google, cada pàgina ha de tenir un únic h1 que funcioni com a títol principal. Seguint l’analogia del llibre: t’has trobat mai amb un llibre que tingui més d’un títol a la portada?

Quants H2 pot tenir una pàgina?

A diferència dels H1, un H2 es pot utilitzar tantes vegades com el text ho requereixi. La clau és que cadascun representi un subtema clar i justificat, sense sobrecarregar el lector.

consultor seo barcelona
Sobre l'autor/a
Leo Ramos — Consultor SEO
Consultor SEO a l'Agència SEO a Barcelona La Teva Web. M'apassiona el SEO per a Ecommerce, l'Intel·ligència Artificial i l'innovació en CMS com Shopify.

Notícies relacionades

Tens un projecte en ment? En volem saber més!