Enganxes l'adreça del teu web en un xat i esperes un segon a veure què surt. De vegades apareix una foto bonica amb el nom del negoci, i de vegades un requadre buit amb l'adreça en gris. Aquella diferència es diu vista prèvia en compartir i no és cosa del WhatsApp: la decideixes tu des del teu web, encara que segurament ningú no t'ho hagi explicat.
El que veu el teu client quan li passes l'enllaç
Pensa quantes vegades al mes algú comparteix la teva adreça: tu mateix per WhatsApp, un client que et recomana en un grup del barri, algú que l'enganxa en un correu. A cadascuna d'aquelles vegades, el primer que es veu no és el teu web: és aquell requadre.
I amb un requadre buit passa el mateix que amb un aparador tapat: no diu que siguis dolent, diu que no hi ha ningú pendent.
Què és la vista prèvia en compartir i d'on treu les dades
Quan enganxes un enllaç, l'aplicació entra a la pàgina, llegeix unes etiquetes amagades al codi i hi munta la targeta. Aquelles etiquetes segueixen un estàndard que es diu Open Graph, que va néixer a Facebook i avui fa servir gairebé tothom: ho tens documentat a la pàgina del protocol Open Graph.
Les quatre línies que ho decideixen tot
- og:title. El titular de la targeta. Curt, amb el nom del negoci.
- og:description. Una frase que expliqui de què va aquella pàgina.
- og:image. La foto. És el que més es mira i el que més falta.
- og:url. L'adreça bona de la pàgina, perquè no es dupliquin.
Quatre línies al codi. Posar-les és qüestió de minuts; el problema és que gairebé cap web no les porta bé.
Vols saber què et costaria a tu?
Responem el mateix dia. Sense compromís i sense discursos.
Per què de vegades surt en blanc
Les causes es repeteixen molt i gairebé sempre són una d'aquestes quatre: que no hi ha etiqueta d'imatge i l'aplicació no en troba cap que li serveixi; que la imatge està posada amb una adreça relativa i des de fora no es pot carregar; que pesa tant que l'aplicació es cansa d'esperar; o que la pàgina no deixa entrar el robot que l'ha de llegir.
La quarta és la més traïdora, perquè el web funciona perfectament al navegador i tot i així la vista prèvia no apareix.
La imatge: mides, pes i el que es veu retallat
Aquí hi ha el 80 % del resultat. Una foto mal mesurada es retalla per on no toca i el que queda és mitja cara o mig logotip.
El que funciona a la pràctica
- 1200 per 630 píxels. És la mida que respecten gairebé totes les aplicacions.
- Per sota dels 300 KB. Si pesa megues, hi ha llocs que ni la carreguen.
- L'important al centre. Les vores es retallen segons l'aplicació.
- Res de text petit. Al mòbil aquella targeta fa quatre dits.
Quines fotos fer servir i quines no, amb el detall de formats i mides, ho tens a fotos per al teu web. I si el teu web va lent, la culpa sol ser de les mateixes imatges: per què el teu web va lent al mòbil.
El títol de la targeta no és el que surt a Google
Són dues coses diferents i convé no barrejar-les. El títol que apareix als resultats del cercador té les seves pròpies regles i la seva pròpia llargada; el de la targeta del xat és més curt i es llegeix d'una altra manera, més a prop d'un missatge que d'un anunci.
Del primer en parlem a títol i meta descripció. Del segon, això que estàs llegint.
Una imatge per pàgina, no una per a tot el web
L'error més comú després de no tenir-ne cap: posar la mateixa foto de portada a les quaranta pàgines. Si algú comparteix la teva pàgina d'un servei concret, la targeta hauria d'ensenyar aquell servei, no el logotip.
Això va de la mà de tenir les pàgines ben separades, que és de què va l'estructura d'una pàgina web.
El favicon, el detall que ningú no mira
És la iconeta de la pestanya del navegador, i també surt al costat del teu resultat al mòbil i en alguns xats. Quan falta, apareix una icona genèrica de document que canta bastant. Google explica què cal perquè l'agafi bé a la seva documentació sobre el favicon als resultats de cerca.
Costa deu minuts i es nota més del que sembla.
Per què el WhatsApp continua ensenyant la imatge de fa un mes
Perquè en guarda una còpia. La primera vegada que algú comparteix el teu enllaç, l'aplicació llegeix la pàgina i es queda amb el que hi va trobar; a partir d'aquí, encara que canviïs la foto, continua ensenyant la vella durant un temps.
Com forçar que s'actualitzi
Per al que és de Meta, hi ha el depurador de contingut compartit que descriu la seva guia per a administradors web: li dónes l'adreça, la torna a llegir i a partir d'aquí ja surt la nova. Al WhatsApp no hi ha cap botó equivalent, així que el que funciona és compartir l'enllaç amb un paràmetre afegit al final la primera vegada després del canvi.
Si al cap d'uns dies continua sortint l'antiga, gairebé sempre és que l'etiqueta no es va arribar a canviar on tocava.
El que no convé posar en aquella imatge
- Un cartell ple de text. A aquella mida no s'hi llegeix res.
- El logotip sol, sobre fons blanc. És el que menys crida l'atenció.
- Una foto de banc d'imatges que s'ha vist mil vegades.
- Una captura de pantalla del teu propi web. Es veu borrosa i no diu res.
El que sí que funciona
Una foto teva, del teu equip, del teu local o d'una feina acabada. Com més s'assembli al que el client es trobarà quan arribi, millor. I si tens una foto on es veu la façana, aquella val doble, perquè qui obre l'enllaç moltes vegades està decidint si s'hi acosta.
I si el teu web és en diversos idiomes
Cada versió necessita les seves pròpies etiquetes, amb el títol i la descripció en el seu idioma. Sona obvi i falla molt: la pàgina en català ensenyant la targeta en castellà és de les coses que més vegades veiem en revisar un web bilingüe. Com es munta això sense duplicar la feina ho tens a web en català i castellà.
L'enllaç que comparteixes no sempre és el que et penses
Si copies l'adreça des de la barra del navegador després d'haver arribat per un anunci, de vegades t'emportes enganxat un munt de text estrany al final. Funcionar, funciona, però es veu lleig i en alguns casos fa que la targeta es llegeixi diferent.
Val la pena tenir a mà l'adreça neta de les tres o quatre pàgines que més comparteixes.
T'ho diem en una conversa de deu minuts
Responem el mateix dia. Sense compromís i sense discursos.
Quan canvies de web, això es trenca
És de les coses que més s'obliden en una migració: el web nou surt sense les etiquetes i, de sobte, tots els enllaços que la gent ja tenia guardats comencen a ensenyar un requadre buit. Entra a la mateixa llista de comprovacions que la resta: migrar el web sense perdre posicions.
A les xarxes socials passa el mateix, però pitjor
En un xat la targeta és petita; en una publicació ocupa mitja pantalla. Si enganxes l'enllaç del teu web en una xarxa i surt el requadre gris, aquell és l'aspecte del teu negoci davant de tota la gent que hi passi.
Com encaixa això amb la resta del que publiques és a xarxes socials per a negocis locals, i si el canal principal és el WhatsApp, a WhatsApp Business per al teu negoci.
La prova dels tres xats
No cal cap eina per saber com estàs.
Els tres llocs on s'ha de mirar
- Un xat amb tu mateix al WhatsApp, enganxant la portada i dues pàgines de servei.
- Un correu a la teva pròpia adreça, que alguns gestors també munten la targeta.
- Una publicació en esborrany a la xarxa que facis servir, sense arribar a publicar-la.
Si als tres surt la imatge correcta i el títol correcte, està bé. Si en algun surt el requadre gris, ja saps per on començar.
Què fer si el teu web el va fer una altra persona
És un encàrrec petit i molt concret, així que es pot demanar tal qual: «vull les etiquetes Open Graph a totes les pàgines, amb una imatge de 1200 per 630 per secció». Qui porti el teu web ho entendrà a la primera, i si no ho entén, ja saps alguna cosa més.
El que revisem nosaltres
Als webs que portem, això entra al manteniment: que cada pàgina tingui les seves quatre etiquetes, que la imatge existeixi i pesi poc, que el favicon hi sigui i que en canviar alguna cosa es comprovi en un xat abans de donar la feina per acabada. Què més inclou aquell manteniment és a manteniment web: què inclou.
Què costa tenir bé la vista prèvia en compartir
Si el teu web el portem nosaltres, res a part: va dins de la quota. Als nostres preus, Tu Landing són 100 € al mes i Tu Web 200 €, més IVA i sense permanència, amb domini, allotjament, correu i manteniment inclosos; els plans de presència són de 400, 750 i 1.500 € al mes.
I si el porta un altre, tampoc no hauria de ser un projecte: és mitja tarda de feina ben aprofitada.
Des de Sant Antoni de Calonge, amb negocis de Girona i Barcelona
Si vols sortir de dubtes, fes la prova del xat amb tu mateix i envia'ns la captura pel formulari de contacte o per WhatsApp. Et diem en una estona si és cosa de quatre línies o hi ha alguna cosa més de fons.
Explica'ns què necessites i et donem un preu
Responem el mateix dia. Sense compromís i sense discursos.