Què són les targetes de vista prèvia social i per què importen
Quan comparteixes una URL a LinkedIn, WhatsApp, Facebook o Slack, la plataforma no mostra només l'enllaç: construeix una targeta amb imatge, títol i descripció. Aquesta miniatura condiciona si algú fa clic o la ignora.
Les targetes es generen a partir de metadades com Open Graph (og:title, og:description, og:image) i, a X/Twitter, les etiquetes Twitter Card. Si la teva web no les defineix bé, la xarxa tria un text qualsevol de la pàgina o una imatge retallada que no representa la teva proposta.
En una web d'empresa, on cada visita pot convertir-se en consulta, una vista prèvia pobra és un filtre silenciós: perds clics abans que el visitant arribi a la teva pàgina d'inici o a la de serveis.
On es nota més (i què perds si fallen)
WhatsApp i Telegram. En converses B2B, enviar l'enllaç d'un cas d'èxit o d'una landing sense imatge redueix la credibilitat.
LinkedIn. Si publiques articles del blog corporatiu, la imatge og:image és el primer ganxo visual al feed.
Email i newsletters. Alguns clients de correu també llegeixen Open Graph.
Els tres metadades que no pots deixar a l'atzar
og:title / twitter:title. Ha de coincidir amb la intenció de la pàgina. Si ja treballes meta títols per a Google, adapta el to al canal social.
og:description. Una o dues frases que expliquin el benefici.
og:image. Imatge horitzontal (1200×630 px recomanat), llegible en miniatura.
Afegeix og:url amb la URL canònica i og:locale si tens versió multilingüe.
Com implementar-ho a la teva web sense embolicar-la
Defineix valors per defecte i sobreescriu-los a inici, serveis, blog i landings. A les entrades de blog, usa titular, extracte i imatge destacada. Valida amb Facebook Sharing Debugger i LinkedIn Post Inspector abans de campanyes importants. Alinea amb dades estructurades.
Errors habituals en webs d'empresa
Imatge massa petita o vertical; mateixa targeta per a totes les URL; caché agressiva després d'un redisseny; text il·legible dins de la imatge. El titular llarg va a og:title, no dins del JPEG.
Checklist ràpid abans de compartir una URL
1. La URL canònica respon 200?
2. og:title i og:description descriuen aquesta pàgina?
3. og:image mesura almenys 1200×630?
4. Es llegeix bé en mòbil?
5. Has provat l'enllaç a WhatsApp i LinkedIn?
Alinea la vista prèvia amb el teu copywriting i els CTA de la landing.
Conclusió: el teu enllaç és un anunci de 300×157 píxels
Abans d'invertir en anuncis o enviar un enllaç a un client, mira la targeta que veurà. Ajustar Open Graph costa poc: més clics qualificats i més coherència entre xarxes socials i la teva web.
Vols revisar com es veuen avui les teves pàgines clau? Escriu-nos i t'ajudem a auditar metadades, imatges i conversions.