Meta tags més importants per al SEO

Què són les meta tags?

Les etiquetes meta són un codi HTML que s'implementen a la web per donar indicacions al motor de cerca i ajudar-lo a interpretar el contingut.

És molt important fer servir bé aquestes etiquetes ja que igual que et poden ajudar a posicionar, poden ser la ruïna del seo per a la teva web.

A continuació et deixo les metatags més importants per marcar la diferència.

Les Meta Tags més importants per al SEO

En aquest article et parlo de les principals meta tag que existeixen al món del SEO.

Quantes n'hi ha? Són moltes? Quina és la més important? M'avances alguna cosa?

Com diu aquest famós entrenador de futbol…

Anirem partit a partit. Metaetiqueta a metaetiqueta.

Al lío!

Meta title

Recordes aquell amic que era l'acusica dels profes?

Sí, el que els portava els encàrrecs per fer la pilota.

Doncs Google fa de profe i l'etiqueta title fa del teu amic.

T'explico.

Aquesta etiqueta és la que té com a missió dir-li als motors de cerca el tema més important que tractarà la pàgina a rastrejar.

Però igual que feia aquell col·lega, el missatge ha de ser una cosa concisa. Per això s'aconsella no passar dels 70 caràcters. Si et passes d'aquest número el resultat a la serp apareixerà tallat, és a dir, no es veurà sencer el que tractes de transmetre.

No oblidis fer servir la paraula clau a l'etiqueta, aquella que vols posicionar. De forma concisa i que ressalti.

Que s'entengui bé de què es tracta d'un cop d'ull.

Un exemple podria ser…

<title>Agencia SEO FullSeo | Posicionamiento Web de calidad</title>

Com pots observar, una frase curteta, s'entén i saps de què tracta a la perfecció la pàgina.

Com els bons acusiques, missatge curt i contundent.

Que quan li digui a Google a l'oïda no hagi de dir-li…

Perdona, no t'he entès.

Meta Description

Al contrari que amb altres meta tags seo, aquesta en concret no la fa servir Google per calcular el rànquing de resultats de cerca.

Peeeeeerò…

Sí que poden ser importants per al nostre ctr (relació que hi ha entre visualitzacions i clics) ja que apareix just sota el meta title a la serp.

I aquest ctr sí que és una cosa que al cercador li agrada. Així que, no li treguis importància a la meta name description.

Molt bé Asier, però descriu-me aquesta meta tag d'una vegada.

Vaig.

Per dir-ho de manera directa, és una etiqueta html i la seva funció és definir o aclarir de què va cadascuna de les nostres url. Per tant, ajuda el cercador a saber millor el contingut que es tractarà.

Exemple visual.

Hi ha aplicacions o eines que t'ajuden a construir una bona meta description seo. Com per exemple semrush o… (afegeix alguna asier).

Anem a per la següent!

Etiquetes Hx: Jerarquia d'encapçalaments

En aquest cas simplement t'aconsello tirar de lògica a l'hora d'estructurar el contingut.

A què em refereixo?

Seguir l'ordre d'h1, h2, h3, h4 és important, ja que un text ben organitzat agrada tant a Google com a l'usuari.

Per tant, tingues present que només aparegui un H1 i les subdivisions que vagin sorgint les posis en ordre. No pot ser que incloguis abans un h4 que un h2.

Fàcil.

A per la canonical!

Etiqueta canonical

Podem dir que canonical és una de les més importants de totes les etiquetes meta.

Per què?

T'ho explico.

Aquesta meta tag té la funció de dir-li a Google quina és la url original en el cas que apareguin urls copiades o semblants. Per així aclarir on volem que posi el focus, la seva atenció.

Ho pots fer d'aquesta manera.

<link rel=»canonical» href=»https://elevam.es/» />

En aquest cas li indiquem que la que volem que miri com a no copiada és elevam.es/

Direm que la url canònica és l'original.

I a la copiada o semblant serà la canonicalitzada.

És clau que la facis servir bé; del contrari pot ser que Google opti per donar l'originalitat a una altra que tu no volies…

I si això passa, més val que truquis a Houston…

Etiqueta ALT

Quan mires un article, una pàgina, una aplicació o qualsevol cosa per internet.

A més del contingut en text… Què sol aparèixer més com a acompanyament o com a element principal?

Pensa una mica…

Va, què diries?

Exacte, imatges.

Doncs aquest element també és important, d'aquí que parlem d'aquesta meta tag com una cosa a tenir en compte. L'etiqueta alt o imatges de metes.

Com et vinc dient, a Google li hem de posar tot senzill. I a l'hora de posicionar a Google imatges farem servir l'etiqueta ALT. El que ajudarà el cercador a saber més sobre la nostra imatge en concret.

Per la qual cosa s'antull clau.

Encara que sigui un text que l'usuari no veu, sí que pot aparèixer quan una imatge no acaba de carregar-se o si es fa servir algun lector de pantalla que et llegeix en veu alta.

Exemple.

<img src=”ejemplo-imagen.jpg” alt=”ESTE ES EL TEXTO ALT” />

I és que no només té aquest pes en or a l'hora de posicionar a Google imatges, sinó que podem jugar amb elles per introduir la keyword sobre la qual estem treballant.

Posant així més èmfasi en ella i que pugui tenir més pes a l'hora de ser buscada per l'usuari.

Com pots observar, cada etiqueta té la seva coseta. No deixis cap perquè creguis que és menor i passes de treballar-la.

Tot compta.

Als robots!

Robots meta tag o Meta robots

Aquesta meta tag pot ser important pel següent.

Perquè amb aquesta etiqueta pots tenir el control de com indexar una pàgina i de com mostrar-la a l'usuari als resultats de cerca.

Normalment es fa servir per enviar indicacions negatives al crawler sobre alguna de les teves pàgines. Ja que del contrari l'aranya les pren com a positives.

Uf, quin embolic has muntat Asier.

M'explico.

Si per exemple vols que indexi una pàgina no has d'afegir etiqueta robots, però en cas contrari sí.

Les principals (que no totes) accions que pot fer amb aquesta etiqueta meta són les següents.

1. Translate - notranslate: Donar l'opció o no de traduir la pàgina en qüestió.
2. noimageindex: Les imatges de la pàgina no serien indexades
3. Index - noindex: Podrem dir als crawlers si volem que indexi o no una pàgina en concret. Usant noindex diríem que NO indexi i per tant que als resultats de cerca no aparegui aquesta opció.
4. Archive - noarchive, El noarchive mana al robot a no emmagatzemar el contingut de la pàgina a la memòria cau interna del propi cercador. El terme archive faria el contrari.
5. Snippet - nosnippet: Perquè el cercador deixi veure només el títol amb la descripció o sense ella.
6. Follow - nofollow: En aquest cas en trobar-se l'aranya i parlar amb ella li diria "segueix rastrejant els enllaços si us plau" o "no segueixis rastrejant, ja és suficient per avui". Usant el follow o nofollow respectivament.

Exemple.

<Meta name = “robots” content = “noindex” />

Acabem amb una altra etiqueta meta i anem a per la companya.

Això no para.

Open Graph, ets la següent!

Open Graph

Trobem al nostre camí la següent etiqueta meta, encara que no estigui directament relacionada amb el SEO, el meu consell és que no la descuidis.

L'open graph transmet a les xarxes socials la informació que poden o han de donar a l'usuari cada vegada que el nostre enllaç sigui compartit.

Esperem que siguin moltes.

Ja saps la importància i el trànsit que podem aconseguir a través de les xarxes; reforçar la nostra marca en elles és un factor que et pot donar moltíssim.

S'implementen de la següent manera:

<meta property=”og:type” content=”website” />

<meta property=”og:title” content=”título de tu página o tu post” />

<meta property=”og:description” content=”descripción del contenido de la página” />

<meta property=”og:image” content=”enlace al archive de la imagen” />

<meta property=”og:url” content=”permalink” />

Segurament coneguis molt poques persones que no estiguin en alguna de les grans xarxes socials. I el teu client ideal no anava a ser menys, per la qual cosa cuidar el contingut que li dones és important.

Ja saps, el poder de les xarxes és alt.

Com quan parlem de la meta refresh direct… Ups, això ja és del següent apartat.

Vine, t'ho explico ja!

Meta refresh redirect

A la vida hi ha moltes coses que millor no fer servir; segur que se't venen algunes al cap.

• El cotxe del papa per anar de festa.
• El portàtil del teu germà sense avisar.
• El trepant a les 2 de la matinada.
• Preservatius de segona mà.
• Meta etiquetes de redireccionament.

Em centro en l'última.

En primer lloc… de què es tracta?

Simplement fa la funció de dir-li al navegador que redirigeixi l'usuari a una altra url diferent passat un temps. Encara que Google ho respecti, no és gaire acceptat.

Per què?

• No és compatible amb qualsevol navegador.
• Pot confondre per moments l'usuari, així com plantejar problemes de seguretat.
• Les pàgines s'analitzen abans que sorgeixi la url de destí, la qual cosa pot trigar una estoneta que no és agradable.

Què pots fer?

• A no ser que sigui molt necessari, no facis servir aquesta etiqueta.
• Al seu lloc, millor fer servir una redirecció 301.

Si realment ho necessites i no et queda més remei, t'explico com ho pots fer.

Enganxa el codi a continuació a la <head> secció de la teva pàgina:

<meta http-equiv = "refresh" content = "5; url =" https://dominio.com/ ">

L'atribut de contingut especifica el temps de retard en segons. L'atribut URL especifica la URL de redireccionament.

Recorda, com aquella vegada que li vas treure el cotxe al teu pare per anar de festa, aquell dia no et quedava una altra. Era o això o res.

Doncs amb aquesta metaetiqueta, igual.

Meta viewport

No et passa això d'estar veient una pàgina o app pel mòbil i al veure-la per pc sembla una mica cutre?

Amb la meta name viewport pots fer-li arribar al navegador com vols que es representi la pàgina en els diferents tamanys que triïs.

Tablet, mòbil, pc…

Amb la viewport meta estem dient a Google, per exemple, que la nostra pàgina és compatible amb mòbils o tauletes. Una cosa que el cercador valora positivament a l'hora de col·locar la teva web més amunt als resultats de cerca.

Sol passar que quan una pàgina en versió pc s'obre en un telèfon sembla una cosa de poca qualitat, fins i tot dificultant la lectura o experiència en ella.

Per tant, hi ha serioses possibilitats que l'usuari abandoni el lloc web més ràpid que el correcamins quan veia el coiot.

Mec mec!

Què pots fer amb aquesta etiqueta meta?

• Fes-la servir de finestra gràfica a totes les pàgines web.
• A no ser que estiguis molt segur del que fas, fes servir l'etiqueta "estàndard"
• Enganxa el codi <head> després a la secció de la seva pàgina web.

<meta name = "viewport" content = "width = device-width, initial-scale = 1.0">

Un detall per tenir en compte:

L'atribut de contingut no s'ha d'establir en width = device-width, initial-scale = 1.0, però sí que és la implementació més comuna i la correcta per a la majoria de les pàgines.

Continuem doncs.

Codificació de caràcters (Meta charset)

En aquest cas parlem de la lletra, de la font.

Si al header (capçalera) de l'arxiu http no deixem marcada la font, ho farem usant html. Deixant de banda petits problemes que puguin sorgir, com que la ñ o els accents no apareguin en el seu correcte ús.

Quina meta tag farem servir?

<meta charset="utf-8"/>

També és interessant aquest apartat en cas que un navegador entri als arxius html des del disc dur i no ho faci o rebi per http.

Continuem amb les instruccions a donar als robots.

Instruccions per als robots de cerca

Les meta tags tenen diferents funcions, però una de les més importants és donar-li instruccions als crawlers (robots o aranyes) per a la indexació de la nostra pàgina.

Com aconseguir-ho?

Amb l'etiqueta meta "robots".

A continuació, t'explico les meta per estipular si una pàgina pot ser indexada i per tant aparèixer als cercadors. Metadades claus per al SEO.

Index

Amb aquesta indicació estem permetent al robot indexar la nostra pàgina html.

No cal que l'afegeixis ja que és la predeterminada. Si no té cap meta tag que li digui el contrari, s'indexarà sense necessitat de posar aquesta.

Quedaria, tal que així:

 <meta name="robots" content="index"/>

Noindex

Compte!

Només usar si pretenem que una pàgina no sigui afegida a l'índex, ja que aquesta meta tag li diu a Google el que no ha de transferir a la seva base de dades.

Quedaria així.

 <meta name="robots" content="noindex"/>

Dades per tenir presents:

• Quan facis servir la paraula "robots" estàs parlant a tots els cercadors,
• Si només volem dirigir-nos a un cercador, ho pots fer amb un atribut opcional com pot ser "googlebot".
• Recorda que "noindex" és perquè no indexi la pàgina en qüestió. La que nosaltres li diem.

Follow

Normalment, els motors de cerca passaran pels enllaços de la pàgina html en qüestió. En cas que no l'hi neguis, és clar.

Això, encara sense ser necessari, pot ser inclòs en una metaetiqueta.

Quedant de la següent manera.

<meta name="robots" content="follow"/>

Nofollow

Perquè un robot de cerca no passi per algunes subpàgines que nosaltres decidim, pots fer servir el "nofollow" de la següent manera.

<meta name="robots" content="nofollow"/>

En aquest cas el robot passarà de llarg pels enllaços, però no ho farà amb el contingut. Que sí que l'emmagatzema a la base de dades.

Tingues en compte el següent.

Els meta tags Index/Noindex i Follow/Nofollow es poden fer servir sols o combinats.

Per exemple.

• En cas que vulguis que una pàgina sigui indexada però que els link passin desapercebuts.
• També podries deixar que faci les dues accions, o cap si així ho prefereixes.

Així:

<meta name="robots" content="index,nofollow" />

<meta name="robots" content="index,follow" />

<meta name="robots" content="noindex,nofollow" />

El nofollow no passa força a la url que apunta però sí que la perdem nosaltres. El linkjuice es perd al no-res. Perquè no perdem nosaltres aquest linkjuice s'haurien d'ofuscar enllaços en comptes de posar-los en nofollow. De fet, cada vegada Google fa menys cas als enllaços nofollow.

Language Meta Tags

Una altra de les meta tag seo de les quals et parlaré és la de llenguatge (hreflang).

Però Asier. És important?

Sí i no.

Quan ho seria?

En cas que la teva web es dirigeixi a mercats diferents i optis per diverses llengües i traduccions.

Quan no?

En cas que l'anterior no es compleixi.

Evitaràs així, en dir-li que la teva web està en diversos idiomes, que el cercador consideri com a contingut duplicat aquestes traduccions.

Una cosa que et portaria a penalització, sí o sí.

Això podem fer-ho d'una manera senzilla per mitjà de plugins per crear una web amb diversos idiomes.

El més popular és XPML de WordPress, el qual t'aconsello.

Geo Meta Tags

Durant un temps s'estava utilitzant aquesta meta tag seo per dir-li a Google que determinés la localització de la web.

Però el 2017 van desmentir que tinguessin en compte això per a això.

Ara, per concretar la teva web en una zona o país ho pots fer mitjançant l'eina de Google Search Console, al seu apartat segmentació internacional.

Identificarà les etiquetes hreflang i llest.

Fàcil i ràpid.

Rating Tag

Quantes vegades al dia veus sota d'alguna web o producte les estrelletes de valoració?

100? 1000? 100000000?

Aquesta etiqueta és l'encarregada de mostrar aquestes estrelletes, les que ens mostra Google als resultats de cerca.

Aquesta és una de les meta etiquetes que més m'agraden i que solc fer servir sempre al meu blog; ajuda molt a destacar el resultat al SERP, la qual cosa millora el ctr.

Ho pots fer a través del següent plugin.

KK Star Rating

Date Tag

Amb la date tag apareixerà als resultats de cerca la data en què va ser creada o pujada la pàgina.

Sí, si tens un ecommerce potser t'interessa menys aquesta etiqueta meta html que un llibre manual per fer punt de creu.

Però si tens un blog sí que et pot ser útil, ja que la data de la publicació és important per a l'usuari.

Si vas crear la teva web amb WordPress t'aconsello "de totes totes" fer servir el plugin yoast seo per a aquesta funció.

Autor (author) i copyright

Concloc aquest article amb un 2x1.

Dues etiquetes meta que pots fer servir, però que no són (per dir-ho d'alguna manera) obligatòries. Amb elles estarem posant qui va ser el dissenyador d'una pàgina i per altra banda el propietari dels drets del codi font d'una pàgina html.

He de dir-te que…

Les etiquetes d'autor són generades de manera automàtica en alguns sistemes de contingut (CMS), nomenant així la persona que va treballar en aquesta pàgina en última instància.

Així, els administradors podran treure fàcilment del directori qui és l'encarregat de gestionar la pàgina.

<meta name="author" content="Nombre del autor" />

<meta name="copyright" content="Propietario del copyright" />

Meta tag comiat

Incloent aquesta etiqueta meta… res, és broma. Hem arribat al final, com diria el porky dels Looney tunes…

Això és to, això és to, això és tot amics.

Espero que et sigui útil tota aquesta informació. No oblidis que si et sorgeix algun petit dubte o t'abelleix comentar alguna cosa et llegeixo i contesto en menys de 48 hores.

Estaré encantat de fer-ho.

Fins la següent!

Implicacions per a GEO: les meta tags també alimenten la IA

El 2026 les meta tags no són només senyals per a Google. Els motors d'IA generativa (ChatGPT amb cerca web, Gemini, Perplexity, Claude) fan servir part d'aquesta informació per construir les seves respostes:

| Meta tag | Com la fa servir la IA generativa | |----------|-------------------------------| | <title> | L'extreu com a títol de la font quan cita | | <meta name="description"> | De vegades es fa servir com a context quan la IA decideix si la pàgina respon a la consulta | | <meta property="og:title"> i og:description | Apareixen en pre-views compartides i, cada vegada més, en agregadors que la IA consulta | | <link rel="canonical"> | Crític perquè la IA no es confongui amb duplicats en citar | | <meta name="robots" content="noindex"> | La majoria de motors generatius el respecten; bloqueja citació | | <meta http-equiv="content-language"> o lang="es" | Ajuda a classificar idioma i mercat |

Recomanacions específiques per a GEO:

1. Title únic, descriptiu i amb entitat clara: la IA fa servir el title per identificar de què va la pàgina. Evita títols genèrics.
2. Description rica, no SEO-stuffed: si l'usuari demana "què diu X sobre tema Y", la IA pot agafar fragments de la description abans que del body si el context és ambigu.
3. Canonical correcte a totes les pàgines: si tens versions AMP, mòbils antigues o duplicats de paràmetres, la IA pot citar la URL no canònica. Resultat: perds Share of Mention atribuït a la teva URL principal.
4. Open Graph complet: cada vegada més motors generatius fan servir OG com a fallback quan schema.org no està present.
5. <link rel="alternate" type="application/rss+xml">: els feeds RSS són font comuna per a agregadors que alimenten models. Si tens blog, exposa el RSS.
6. Mantén <meta name="author"> i combina'l amb schema Person: reforça E-E-A-T i autoria detectable per LLMs.

Tip avançat: si el teu lloc implementa metadades no estàndard (prerender-status-code, revisit-after, etc.), no esperis que la IA les faci servir. Concentra't en el set canònic: title, description, robots, canonical, OG, schema.

Per a una visió completa de com es construeix una capa de dades llesta per a IA, revisa com exposar les teves dades a la IA amb schema, feeds i entitat.

Treballem junts?

Si vols aplicar això a la teva empresa amb un equip que combina SEO tècnic, GEO i captació de pagament mesurats en compte de resultats, demana'ns una auditoria sense compromís. També pots veure casos reals o llegir els baselines GEO públics que publica Elevam Labs cada trimestre.