Introducció
Les etiquetes de capçalera (header tags) i l'estructura de contingut són elements fonamentals del SEO On-Page. Aquestes etiquetes ajuden a organitzar el contingut d'una pàgina web de manera jeràrquica, facilitant la comprensió tant per als usuaris com per als motors de cerca. En aquest tema, aprendrem què són les etiquetes de capçalera, com utilitzar-les correctament i com estructurar el contingut per millorar la seva visibilitat i rendiment en els motors de cerca.
Què són les etiquetes de capçalera?
Les etiquetes de capçalera són elements HTML que s'utilitzen per definir els títols i subtítols dins d'una pàgina web. Hi ha sis nivells d'etiquetes de capçalera, des de <h1>
fins a <h6>
, on <h1>
és la més important i <h6>
la menys important.
Nivells d'etiquetes de capçalera
<h1>
: Utilitzada per al títol principal de la pàgina. Només hauria d'haver-hi una etiqueta<h1>
per pàgina.<h2>
: Utilitzada per als subtítols principals que divideixen el contingut en seccions.<h3>
: Utilitzada per als subtítols dins de les seccions definides per<h2>
.<h4>
: Utilitzada per als subtítols dins de les seccions definides per<h3>
.<h5>
: Utilitzada per als subtítols dins de les seccions definides per<h4>
.<h6>
: Utilitzada per als subtítols dins de les seccions definides per<h5>
.
Exemple d'ús d'etiquetes de capçalera
<!DOCTYPE html> <html lang="ca"> <head> <meta charset="UTF-8"> <title>Exemple d'Etiquetes de Capçalera</title> </head> <body> <h1>Títol Principal de la Pàgina</h1> <p>Aquest és un paràgraf introductori.</p> <h2>Secció 1: Introducció</h2> <p>Contingut de la secció 1.</p> <h3>Subsecció 1.1: Detalls</h3> <p>Contingut de la subsecció 1.1.</p> <h2>Secció 2: Desenvolupament</h2> <p>Contingut de la secció 2.</p> <h3>Subsecció 2.1: Aspectes Tècnics</h3> <p>Contingut de la subsecció 2.1.</p> <h4>Subsecció 2.1.1: Detalls Tècnics</h4> <p>Contingut de la subsecció 2.1.1.</p> </body> </html>
Importància de les etiquetes de capçalera en SEO
- Millora de l'accessibilitat: Les etiquetes de capçalera ajuden els usuaris a navegar pel contingut de manera més fàcil i comprensible.
- Optimització per a motors de cerca: Els motors de cerca utilitzen les etiquetes de capçalera per comprendre l'estructura i el tema principal de la pàgina.
- Millora de l'experiència d'usuari: Una bona estructura de contingut fa que els usuaris trobin la informació que busquen més ràpidament, millorant la seva experiència.
Bones pràctiques per a l'ús d'etiquetes de capçalera
- Utilitza una sola etiqueta
<h1>
per pàgina: Aquesta etiqueta ha de reflectir el tema principal de la pàgina. - Segueix una jerarquia lògica: Utilitza les etiquetes de capçalera en ordre descendent (
<h1>
,<h2>
,<h3>
, etc.) per mantenir una estructura clara. - Inclou paraules clau rellevants: Les etiquetes de capçalera són un bon lloc per incloure paraules clau rellevants, però sense abusar-ne.
- No utilitzis etiquetes de capçalera només per estil: Les etiquetes de capçalera tenen una funció semàntica, no només estètica. Utilitza CSS per estilitzar el text si és necessari.
Exercici Pràctic
Instruccions
- Crea una pàgina HTML amb el següent contingut:
- Un títol principal que descrigui el tema de la pàgina.
- Tres seccions principals amb els seus respectius subtítols.
- Dins de cada secció, afegeix almenys una subsecció amb el seu subtítol corresponent.
Solució
<!DOCTYPE html> <html lang="ca"> <head> <meta charset="UTF-8"> <title>Exemple de Pàgina amb Etiquetes de Capçalera</title> </head> <body> <h1>Guia Completa de Jardineria</h1> <p>Benvinguts a la nostra guia completa de jardineria. Aquí trobareu tot el que necessiteu saber per mantenir el vostre jardí en perfecte estat.</p> <h2>Secció 1: Preparació del Terreny</h2> <p>Abans de plantar, és important preparar el terreny adequadament.</p> <h3>Subsecció 1.1: Neteja del Terreny</h3> <p>El primer pas és netejar el terreny de males herbes i pedres.</p> <h2>Secció 2: Plantació</h2> <p>Un cop el terreny està preparat, és hora de plantar.</p> <h3>Subsecció 2.1: Selecció de Plantes</h3> <p>Trieu les plantes que millor s'adaptin al vostre clima i tipus de sòl.</p> <h2>Secció 3: Manteniment</h2> <p>El manteniment regular és clau per a un jardí saludable.</p> <h3>Subsecció 3.1: Reg</h3> <p>Assegureu-vos de regar les plantes adequadament segons les seves necessitats.</p> </body> </html>
Conclusió
Les etiquetes de capçalera i una bona estructura de contingut són essencials per a l'optimització SEO On-Page. Utilitzar aquestes etiquetes de manera correcta no només millora la visibilitat en els motors de cerca, sinó que també facilita la navegació i comprensió del contingut per part dels usuaris. Practicar aquestes tècniques ajudarà a crear pàgines web més efectives i accessibles.
Curs de SEO (Optimització per a Motors de Cerca)
Mòdul 1: Introducció al SEO
- Què és el SEO?
- Per què és important el SEO
- Com funcionen els motors de cerca
- Terminologia bàsica del SEO
Mòdul 2: Recerca de Paraules Clau
- Introducció a la recerca de paraules clau
- Eines per a la recerca de paraules clau
- Trobar les paraules clau adequades
- Analitzar la competència de paraules clau
Mòdul 3: SEO On-Page
- Etiquetes de títol i descripcions meta
- Etiquetes de capçalera i estructura de contingut
- URLs amigables per al SEO
- Enllaços interns
- Optimització d'imatges
Mòdul 4: SEO Tècnic
- Optimització de la velocitat del lloc web
- Optimització per a mòbils
- Sitemaps XML
- Robots.txt
- Dades estructurades i marcatge de l'esquema
Mòdul 5: SEO Off-Page
- Estratègies de construcció d'enllaços
- Blogging com a convidat
- Xarxes socials i SEO
- Gestió de la reputació en línia
Mòdul 6: SEO Local
Mòdul 7: Analítica i Informes de SEO
- Google Analytics per al SEO
- Google Search Console
- Mètriques i KPIs del SEO
- Creació d'informes de SEO
Mòdul 8: Estratègies Avançades de SEO
- Tècniques avançades de recerca de paraules clau
- Màrqueting de continguts i SEO
- Optimització per a la cerca per veu
- SEO internacional
- SEO per a comerç electrònic