Comparteixs un enllaç de la teva web a LinkedIn, WhatsApp o per correu i la previsualització mostra un retall incoherent, un títol genèric o una imatge que no té res a veure amb la pàgina. El visitant dubta, no fa clic i perds trànsit abans que carregui el disseny. Gairebé sempre fallen les etiquetes Open Graph i metadades socials del <head>.
Amb campanyes de novembre i temporada alta, cada enllaç compartit compta. Quines etiquetes necessites, com provar-les i quins errors convé corregir ja a producció.
Què controlen Open Graph i les meta socials
Quan enganxes una URL, la xarxa o l'app de missatgeria no «llegeix» la web com un navegador: descarrega metadades mínimes. Open Graph (Facebook, LinkedIn, WhatsApp sovint) i twitter:card defineixen títol, descripció i imatge.
Si falten, la plataforma improvisa amb el primer <h1>, un paràgraf qualsevol o la primera imatge gran. El resultat sol ser lleig, truncat o fora de marca.
Etiquetes imprescindibles a cada plantilla
- og:title i og:description pensats per compartir.
- og:image HTTPS absolut, ~1200×630 px.
- og:url alineada amb la canònica.
- og:type (
websiteoarticle). - twitter:card
summary_large_imagesi vols imatge gran a X.
Imatge social: l'error que més clics costa
- Rutes relatives que fallen als crawlers.
- Logotips minúsculs o captures il·legibles.
- Mateixa imatge a totes les pàgines.
- No actualitzar og:image quan canvia l'oferta.
Imatge per URL important, com al marcador Schema.org.
Com provar abans de llançar una campanya
- Depurador de Meta i validador de LinkedIn.
- Comparteix l'URL en un xat privat de WhatsApp o Slack.
- Canònica i
og:urlcoherents en webs multilingües.
SEO, galetes i analítica
La meta description de Google no substitueix Open Graph. Després del banner de galetes, el remarketing ha de respectar el consentiment.
Open Graph vs meta description
No copiïs el mateix text per defecte: Google demana claredat; les xarxes, un ganxo honest en poques línies.
WhatsApp, Telegram i correu
La og:image ha de respondre 200 sense autenticació, pes raonable i SSL vàlid. Revisa dominis antics després de migracions.
Landings de campanya
Una og:image per oferta; reverteix el missatge quan acabi la promoció.
Implementació tècnica
Centralitza títol, descripció, imatge absoluta i canònica. Evita dues fonts amb og:image duplicada.
Mesura l'impacte
Compara CTR social (UTM) i rebot durant dues setmanes després del canvi.
Checklist ràpid
- Etiquetes coherents per plantilla.
- Imatges HTTPS ~1200 px.
- article al blog i Schema BlogPosting si pots.
- Torna a provar després de cada desplegament.
Següent pas
Si la previsualització no reflecteix la proposta en dos segons, prioritza Open Graph abans d'invertir més en anuncis. Demana pressupost.
