Guia SEO Pas 2: On-Page & Meta Tags

Aquest és el Pas 2 de la Guia SEO de 13 Passos. Els meta tags on-page controlen el que els motors de cerca mostren sobre el teu lloc — i si els usuaris fan clic o no.

---

El SEO tècnic (Pas 1) assegura que els motors de cerca poden trobar el teu lloc. L'optimització on-page garanteix que ho entenguin — i ho presentin atractivament als resultats. Cada resultat de cerca que veus a Google es construeix a partir dels meta tags de la pàgina. Si no els controles, Google fa conjectures. I Google fa conjectures incorrectes.

La diferència entre un percentatge de clics del 2% i del 8% sovint és només un títol i una descripció millors. En una pàgina amb 1.000 impressions mensuals, això són 60 visitants addicionals per mes — de franc.

Què Cobreix el SEO On-Page

L'optimització on-page abasta 8 àrees:

1. Títols — L'enllaç blau als resultats de cerca
2. Meta Descripcions — El text gris a sota de l'enllaç
3. Open Graph & Social — Com es veuen les teves pàgines quan es comparteixen
4. Jerarquia de Capçaleres — Estructura de contingut que indica rellevància
5. Dades Estructurades — Resultats enriquits (estrelles, preus, preguntes freqüents)
6. Optimització d'Imatges — Text alternatiu, noms de fitxers i càrrega a demanda
7. Text d'Ancoratge Intern — El que els teus propis enllaços diuen sobre les teves pàgines
8. Marcatge de Notícies i Articles — Google News, Discover i rastrejadors d'IA

1. Títols

El títol és l'element on-page més impactant. És l'enllaç blau clicable als resultats de cerca, el text de la pestanya del navegador i un factor de classificació directe.

Regles per a títols de rendiment alt:

• 50-60 caràcters (Google talla al voltant de ~60)
• Paraula clau principal a prop de l'inici
• Únic a cada pàgina del teu lloc
• Atractiu per a humans, no només per a algoritmes
• Nom de la marca al final (si hi ha espai)

Fórmules que funcionen:

| Tipus de Pàgina | Fórmula | Exemple | |-----------------|---------|---------| | Pàgina d'Inici | [Marca] — [Proposta de Valor] | LANGR — Automatització SEO per a Empreses en Creixement | | Producte | [Producte] — [Benefici] | [Marca] | Pro Plan — Monitorització SEO Diària | LANGR | | Blog | [Tema]: [Promesa] ([Any]) | Títols: La Guia Completa (2026) | | Categoria | [Categoria] — [Context] | [Marca] | Sabates de Córrer — Col·lecció Masculina | Nike |

Errors comuns:

• Mismíssim títol a diverses pàgines (títols duplicats)
• Omplir de paraules clau: "SEO SEO Guia SEO Consells SEO Ajuda"
• Massa curt: "Inici" o "Productes"
• Totalment absent (Google n'ha generat un a partir del teu contingut — normalment malament)

Victòria Ràpida: Exporta tots els teus títols (Screaming Frog, o consulta Search Console). Troba duplicats i pàgines amb títols inferiors a 30 caràcters. Arregla aquestes primer.

2. Meta Descripcions

Les meta descripcions no afecten directament les classificacions, però influeixen dràsticament en la taxa de clics. Són el teu text publicitari als resultats orgànics.

Regles:

• 120-155 caràcters (els mòbils retallen abans)
• Inclou la teva paraula clau principal (Google fa negre els termes coincidents)
• Inclou un crida a l'acció ("Aprèn com", "Comença ara", "Veure preus")
• Únic per pàgina (els duplicats són substituïts pel snippet automàtic de Google)
• Correspondre a la intenció de cerca (informativa, transaccional, de navegació)

Fórmula: [El que ofereix la pàgina] + [benefici clau] + [CTA]

Exemple: "Aprèn els 8 meta tags que impacten directament les classificacions. Consells aplicables amb exemples abans/després. Comença a optimitzar avui."

Quan Google ignora la teva descripció: Google reescriu ~70% de les meta descripcions per ajustar-se millor a la consulta específica. No pots evitar-ho, però una descripció ben redactada s'utilitza més sovint que una dolenta. També apareix en els compartits socials i en les previsualitzacions d'enllaços.

Victòria Ràpida: Escriu descripcions per les teves 20 pàgines de trànsit més altes primer. Prioritza pàgines on Search Console mostra moltes impressions però baixa CTR.

3. Open Graph & Meta Socials

Quan algú comparteix el teu enllaç a Facebook, LinkedIn, Twitter/X, o en una aplicació de missatgeria, els tags Open Graph controlen la targeta de previsió que apareix.

Tags OG essencials:

<meta property="og:title" content="El Títol de la Teva Pàgina" />
<meta property="og:description" content="Descripció atractiva per a social" />
<meta property="og:image" content="https://yoursite.com/images/og-card.jpg" />
<meta property="og:url" content="https://yoursite.com/page" />
<meta property="og:type" content="website" />

Per Twitter/X:

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="El Títol de la Teva Pàgina" />
<meta name="twitter:description" content="Descripció per Twitter" />
<meta name="twitter:image" content="https://yoursite.com/images/twitter-card.jpg" />

Requisits d'Imatge:

• Mínim 1200x630px per a targetes grans
• Mida de fitxer per sota de 8MB
• Utilitza text en imatges amb moderació (regla del 20%)
• Prova amb Facebook Debugger i Twitter Card Validator

Victòria Ràpida: Crea un plantilla d'imatge OG de alta qualitat per a la teva marca. Utilitza-la com a predeterminada, després crea imatges personalitzades per les teves 10 millors pàgines.

4. Jerarquia de Capçaleres

Les capçaleres (H1-H6) donen als motors de cerca un esquema del contingut. Indiquen de què es tracta la teva pàgina i quines seccions són més importants.

Regles:

• Exactament una H1 per pàgina (el teu tema/paraula clau principal)
• H2 per a les seccions majors (aquests sovint es converteixen en respostes del snippet destacat)
• H3 per a subseccions dins de les H2
• Mai saltes nivells (H1 → H3 sense H2)
• Utilitza paraules clau de manera natural en les capçaleres, no forçada
• Col·loca les paraules importants al principi (els escàners llegeixen les primeres 3 paraules)

Impacte SEO:

• Google utilitza el text de les H2/H3 per a snippets destacats i "La gent també pregunta"
• El text de capçalera influeix en la classificació de passatges (Google pot classificar una secció de la teva pàgina de manera independent)
• Els lectors de pantalla i els rastrejadors d'IA utilitzen capçaleres per entendre l'estructura de la pàgina

Esquema d'exemple:

H1: Com Escollir Sabates de Córrer
  H2: Tipus de Peu i Pronació
    H3: Sobrepronació
    H3: Neutre
    H3: Subpronació
  H2: Categories de Sabates
    H3: Correr per Carretera
    H3: Correr per Sender
  H2: Quan Substituir les Teves Sabates

Victòria Ràpida: Comprova les teves pàgines més importants — si alguna té múltiples H1, cap H1, o capçaleres que siguin només "Secció 1", "Secció 2", arregla-les immediatament.

5. Dades Estructurades (marcatge Schema)

Les dades estructurades indiquen als motors de cerca exactament què representa el teu contingut. Permeten resultats enriquits — les llistes millorades amb estrelles, preus, preguntes freqüents, passos a seguir i més.

Tipus de schema amb alt ROI:

| Schema | Resultat Ric | Millor per a | |---------------|---------------|--------------| | FAQ | Q&A expandible directament a SERP | Pàgines de servei, pàgines de producte | | HowTo | Pas a pas amb imatges | Contingut tutorial/guia | | Article | Autor, data, imatge als resultats | Publicacions de blog, notícies | | Product | Preu, valoració, disponibilitat | Comerç electrònic | | LocalBusiness| Mapa, horaris, ressenyes | Negocis físics | | BreadcrumbList| Navegació de ruta a SERP | Totes les pàgines | | Organization| Panell de coneixement | Pàgina d'inici |

Exemple de schema FAQ:

{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [{
    "@type": "Question",
    "name": "Quant de temps triga el SEO?",
    "acceptedAnswer": {
      "@type": "Answer",
      "text": "La majoria dels llocs veuen millores mesurables en un termini de 3-6 mesos..."
    }
  }]
}

Regles:

• Només marca contingut que és realment visible a la pàgina
• No fabriquis ressenyes o valoracions
• Valida amb la Prova de Resultats Rics de Google
• Supervisar a Search Console → Millores

Victòria Ràpida: Afegeix schema FAQ a les teves 5 pàgines de servei/producte més importants. Escriu 3-5 preguntes i respostes genuïnes per a cada una. Això pot duplicar el teu espai a SERP durant la nit.

6. Optimització d'Imatges

Les imatges són sovint el major impediment de rendiment i una oportunitat SEO descuidada. Google Images genera un trànsit significatiu per a molts llocs.

Les 5 essencials:

1. Text alternatiu: Descriu què hi ha a la imatge (per accessibilitat + SEO). Inclou paraules clau quan sigui natural: alt="Sabata de córrer Nike Air Max 2026 en negre", no alt="sabata" o alt=""
2. Noms de fitxers: Renombra abans de carregar. nike-air-max-2026-black.webp no IMG_4382.jpg
3. Format: WebP per a fotografies (30-50% més petit que JPEG). SVG per a icones/logotips. Evita PNG per a fotos.
4. Càrrega a demanda: Afegeix loading="lazy" a les imatges per sota de la "fold". Mai carreguis a demanda la imatge de capçalera.
5. Dimensions: Sempre especifica atributs width i height per prevenir el canvi de disseny (CLS).

Victòria Ràpida: Troba les 10 imatges més grans (PageSpeed Insights les senyala). Converteix-les a WebP i afegeix text alternatiu adequat. Això millora tant el rendiment com la visibilitat en la cerca d'imatges.

7. Text d'Ancoratge Intern

El text clicable en els teus enllaços interns indica als motors de cerca de què tracta la pàgina objectiu. La majoria de llocs malgasten això utilitzant "fés clic aquí" o "llegeix més".

Regles:

• Utilitza text d'ancoratge descriptiu que inclogui paraules clau rellevants
• Variabilitza el text d'ancoratge (no utilitzis exactament el mateix text per a cada enllaç a una pàgina)
• Enllaça des de pàgines d'alta autoritat a pàgines que vols posicionar
• Enllaça contextualment dins del contingut, no només en la navegació

Bo vs dolent:

• Dolent: "Fés clic aquí per a la nostra guia SEO"
• Bo: "Llegeix la nostra guia completa de SEO per a tots 13 passos"
• Dolent: "Aprèn més"
• Bo: "Veure com [les dades estructurades milloren les taxes de clic] (#structured-data)"

Victòria Ràpida: Cerca al teu lloc "fés clic aquí" i "llegeix més". Substitueix-los per text d'ancoratge descriptiu que contingui paraules clau rellevants.

8. Marcatge de Notícies i Articles

Si publiques contingut de blog, notícies o qualsevol contingut actualitzat regularment, el marcatge optimitzat per a notícies desbloqueja Google News, Google Discover i un tractament preferencial per part dels rastrejadors d'IA.

Esquema d'article (necessari per a característiques de notícies):

{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "El Títol del Teu Article",
  "datePublished": "2026-05-07T09:00:00+02:00",
  "dateModified": "2026-05-07T09:00:00+02:00",
  "author": {
    "@type": "Person",
    "name": "Nom de l'Autor",
    "url": "https://yoursite.com/author/name"
  },
  "publisher": {
    "@type": "Organization",
    "name": "La Teva Marca",
    "logo": {
      "@type": "ImageObject",
      "url": "https://yoursite.com/logo.png"
    }
  },
  "image": "https://yoursite.com/article-hero.jpg",
  "mainEntityOfPage": "https://yoursite.com/article-url"
}

Utilitza NewsArticle vs Article:

• NewsArticle — per a contingut de notícies sensibles al temps (esdeveniments, anuncis)
• Article — per a publicacions de blog i guies atemporals
• BlogPosting — per a articles d'opinió i blogs personals

Optimització per a Google News i Discover:

• Imatge de capçalera de alta qualitat (mínim 1200px d'ample, meta max-image-preview:large)
• Data de publicació clarament visible a la pàgina
• Nom de l'autor amb enllaç a la pàgina de l'autor
• Reportatge original o anàlisi única (no reescriptures)
• Meta robots: max-snippet:-1, max-image-preview:large (permet previsualitzacions completes)

Meta robots per a contingut de notícies:

<meta name="robots" content="max-snippet:-1, max-image-preview:large, max-video-preview:-1" />

Això indica a Google que pot utilitzar imatges grans i text complet a les targetes de Discover i els resultats de Notícies.

Per què això importa per a nivells superiors:

• Estratègia de blog: El marcatge d'articles permet que el teu contingut aparegui a Discover (potencialment milers d'impressions per post)
• Generació d'enllaços: El contingut indexat per notícies és citat per altres publicacions, guanyant enllaços de manera natural
• Rastrejadors d'IA: ChatGPT, Perplexity i altres sistemes d'IA citen preferentment fonts amb un marcatge d'article adequat i una clara autorització
• Monitorització de marca: Mencions de notícies de la teva marca (seguits mitjançant escàners com el News Scanner de LANGR) revelen oportunitats de creació d'enllaços i PR

Victòria Ràpida: Afegeix l'esquema d'Article a totes les teves publicacions de blog. Assegura't que cadascuna tingui una data visible, nom de l'autor i una imatge de capçalera d'ample superior a 1200px. Habilita max-image-preview:large en el teu meta robots.

Llista de Verificació de l'Auditoria SEO On-Page

Repassa això per a cada pàgina important:

• [ ] Títol únic, 50-60 caràcters, paraula clau a prop de l'inici
• [ ] Meta descripció única, 120-155 caràcters, inclou CTA
• [ ] Tags Open Graph configurats (títol, descripció, imatge, url)
• [ ] Exactament una H1 que contingui la paraula clau principal
• [ ] Jerarquia de capçaleres lògica (H1 → H2 → H3, sense saltar)
• [ ] Dades estructurades afegides i validades (FAQ, Article, Producte, etc.)
• [ ] Imatges: format WebP, text alternatiu descriptiu, càrrega a demanda per sota de la línia
• [ ] Enllaços interns utilitzen text d'ancoratge descriptiu
• [ ] Esquema d'article a tot el contingut de blog/notícies amb data de publicació + autor
• [ ] Tag meta robot max-image-preview:large a les pàgines de contingut

Errors Comuns en On-Page (Classificats per Impacte)

1. Tags de títol duplicats — Vàries pàgines competint contra elles mateixes
2. Meta descripcions que falten — Permetent que Google endevini (i endevini malament)
3. Sense dades estructurades — Faltant resultats enriquits que tenen els teus competidors
4. Capçaleres plenes de paraules clau — "SEO Consells SEO Guia SEO Ajuda SEO 2026"
5. Sense text alternatiu a les imatges — Invisible per a la cerca + fracàs d'accessibilitat
6. Sense marcatge d'article a les publicacions de blog — Invisible per a Notícies/Discover/IA
7. Text d'ancoratge genèric — "Fés clic aquí" no ensenya res a Google
8. La mateixa imatge OG a tot arreu — Tots els teus compartits es veuen idèntics

Què Vindrà?

Pas 3: Contingut & Estratègia — Què escriure, quan publicar, i com crear contingut que classifiqui en lloc de simplement existir.

---

Aquesta guia és part de la sèrie de LANGR sobre SEO de 13 passos. Fes una auditoria gratuïta per veure on està el teu lloc a través de les 13 disciplines.