A l’ordinador i al mòbil
El resultat tal com el pinta Google, amb el nom del lloc, la ruta, el title i la description, retallats per píxels. Així veus on cauen els punts suspensius a cada pantalla.
Eina gratuïta · SEO
Simulador SERP: la teva web a Google i a les xarxes
Llegeix una pàgina o escriu el title i la description a mà. El simulador SERP et mostra el resultat de Google a l’ordinador i al mòbil, la targeta quan es comparteix l’enllaç i el que convé canviar.
O escriu-ho a mà
Gratis · Sense registre · El que escrius no surt del teu navegador
01
Com es fa servir el simulador SERP
- 01
Llegeix una pàgina o escriu-ho
Enganxa l’adreça d’una pàgina publicada i en llegim el title, la description i les etiquetes per a xarxes. O escriu-ho a mà abans de publicar.
- 02
Ajusta-ho fins que hi càpiga
Els comptadors mesuren cada text en píxels, com Google. Canvia les paraules i la vista prèvia s’actualitza a l’instant.
- 03
Revisa la targeta per a xarxes
Mira com queda l’enllaç quan es comparteix a Facebook, X, LinkedIn i WhatsApp, i els avisos de la imatge.
02
Què mostra el simulador SERP de Google
Xarxes
Quan es comparteix l’enllaç
La targeta a Facebook, X, LinkedIn i WhatsApp, amb la imatge, el títol i la descripció que surten de les etiquetes Open Graph i de X. Si en falta alguna, et diem què farà servir cada xarxa en el seu lloc.
Avisos
El que convé canviar
Title o description massa llargs o massa curts, imatge que falta, que és petita o que es retallarà, i noindex si la pàgina no es pot indexar.
03
Quants caràcters ha de tenir el title i la meta description
Google no talla per nombre de caràcters, sinó per amplada. Una «M» ocupa gairebé tres vegades el que ocupa una «i», així que dos títols de 60 caràcters poden cabre-hi o no. Com a referència a l’ordinador:
- Title: uns 580 píxels. Entre 30 i 60 caràcters sol cabre-hi. Per sota de 30, desaprofites espai per explicar la pàgina.
- Meta description: uns 920 píxels, dues línies a l’ordinador, entre 70 i 160 caràcters. Al mòbil hi caben menys paraules per línia.
Com escriure un bon title
- Posa primer el que la gent busca i la marca al final: «Disseny web per a pimes a Barcelona · Estudi Exemple».
- Un title diferent a cada pàgina. Si totes comencen igual, a Google semblen la mateixa.
- Sense repetir paraules per omplir: no ajuda i Google pot canviar el títol.
Per què Google canvia de vegades el title o la description
Google pot mostrar un altre títol si creu que el teu no descriu bé la pàgina: si és molt llarg, si repeteix paraules o si és igual en moltes pàgines. Ho explica a la seva documentació sobre els enllaços de títol. Amb la description passa més sovint: Google tria el fragment de la pàgina que respon millor a cada cerca. Un title clar, únic i que hi càpiga fa que el canviï menys.
04
Per què mesurar en píxels i no en caràcters
Molts simuladors compten caràcters i et donen un número fix (55, 60, 70). T’avisen tard o massa aviat, segons les lletres que facis servir. Aquest mesura cada text amb la font i la mida que fa servir Google a l’ordinador, i retalla per paraula sencera amb «...», com fa el cercador.
A més, llegeix la pàgina real: no has de copiar el title i la description, i veus alhora la vista prèvia a Google i la targeta a quatre xarxes, amb les mides reals de la imatge. El que escrius a mà no surt del teu navegador.
Mira aquesta vista prèvia a qualsevol pàgina mentre navegues, juntament amb la resta del SEO.
Apunta’t a la llista d’espera05
Imatge per a xarxes: mides i memòria cau
Facebook, LinkedIn i WhatsApp
1200 × 630 px
Proporció 1,91:1. Amb menys de 200 px d’amplada, moltes xarxes no la mostren o la posen en miniatura. Fes servir una URL completa, amb https://.
X
Gran 2:1 o quadrada
Amb twitter:card = summary_large_image, la imatge gran (2:1). Amb summary, una miniatura quadrada al costat del text.
Memòria cau
Si canvies la imatge i no s’actualitza
Les xarxes desen la targeta. Demana que la tornin a llegir amb el depurador de compartició de Facebook o el Post Inspector de LinkedIn.
06
Altres eines gratuïtes
WordPress
Detector de temes i plugins de WordPress
Quin tema, quins plugins i quin constructor fa servir una web, amb la versió i la pista que ho delata.
Analitzar una web →IA
Comprovador de llms.txt i crawlers d’IA
Si una web té llms.txt i quins assistents d’IA (ChatGPT, Claude, Gemini, Perplexity…) la poden llegir.
Comprovar una web →Extensió per a Chrome
Inspector SEO per a Chrome: vista prèvia a Google i a les xarxes de qualsevol pàgina
El mateix, i molt més, a la pàgina que tens oberta.
Veure l’extensió →Smart Design Inspector
Això i molt més, a qualsevol web
L’extensió per a Chrome ho fa a la pàgina que tens oberta, sense copiar i enganxar: tecnologia, SEO, fonts, colors i CSS, i veu la pàgina tal com la pinta el teu navegador (aquí només llegim l’HTML que envia el servidor).
Què és un simulador SERP?
Una eina que mostra com sortirà una pàgina als resultats de Google (la SERP): el títol, l’adreça i la descripció, retallats com els retalla Google. Serveix per ajustar el title i la meta description abans de publicar.
Quants caràcters ha de tenir el title?
Entre 30 i 60 caràcters sol funcionar, però Google el talla per amplada: uns 580 píxels a l’ordinador. Aquesta eina mesura els píxels i t’avisa si en passa.
I la meta description?
Entre 70 i 160 caràcters, uns 920 píxels a l’ordinador. Google pot fer servir un altre text de la pàgina si creu que respon millor a la cerca.
Per què Google canvia el meu title?
Pot mostrar un altre títol si el teu és molt llarg, repeteix paraules o és igual en moltes pàgines. Un title clar, únic i que hi càpiga redueix la probabilitat que el canviï.
Per què el meu enllaç surt sense imatge a WhatsApp o LinkedIn?
Normalment perquè falta l’etiqueta og:image, perquè la URL de la imatge és relativa o perquè la imatge és massa petita. Llegeix la teva web a dalt i l’eina et diu quina de les tres és.
He de publicar la pàgina per provar-la?
No. Pots escriure el title, la description i la imatge a mà i veure com quedarien abans de publicar.
És gratis?
Sí, gratis i sense registre. És una mostra de l’extensió Smart Design Inspector, que mostra aquesta vista prèvia a la pàgina que tinguis oberta.
Llista d’espera
Sigues dels primers a provar-lo
Smart Design Inspector està en desenvolupament. Deixa’ns el teu correu i t’avisarem el dia que surti a la Chrome Web Store, amb les 7 funcions Pro gratuïtes en accés anticipat.
Un correu el dia del llançament i pocs més · Baixa amb un clic