VINX Programació Web, Barcelona
669 344 302   vinx@vinx.info

Divendres, 28 de Gener de 2011

Compartir urls en Facebook: definir la imatge usada com a miniatura

Aprèn a controlar el thumbnail mostrat en Facebook

No entraré en els detalls sobre com integrar en una web els botons "m'agrada" o "compartir" de Facebook ja que ja existeix abundant informació a la xarxa, sí compartiré alguna cosa que en el seu moment em va portar les seves hores de cerques i proves: com sabreu en publicar un enllaç en Facebook, aquest reconeix el títol i la descripció de la pàgina, i encara que ens deixi modificar-los és un altre bon motiu per optimitzar uns títols significatius i unes descripcions personalitzades per cada url. El motiu principal per fer-ho per descomptat segueix sent de cara als cercadors.

El que no tothom potser sàpiga en canvi és com personalitzar la imatge que Facebook proposarà com a miniatura, i això es fa afegint el metatag "image_src" en l'encapçalat de les nostres pàgines:

<link href="http://www.domini.com/ruta/imatge.jpg" rel="image_src" />

Per descomptat serà tasca nostra personalitzar la miniatura en funció del contingut de cada pàgina de la nostra web.

I ara un altre truc associat: quan proveu aquest codi, feu un canvi en la imatge i torneu a compartir la url, notareu amb sorpresa que Facebook seguirà mostrant l'anterior imatge. Això és a causa que el portal "cachea" les urls, la qual cosa no està malament per augmentar la velocitat de càrrega, però podria produir més d'un mal de cap en alguns webmasters.
Solució: visiteu l'aplicació Depurador de Facebook, teclegeu la url i l'aplicació us mostrarà tota la informació sobre ella, a part d'esborrar la caché i d'antuvi podreu tornar a provar una altra miniatura per a la mateixa pàgina.

Actualització agost 2013: una nova necessitat de Facebook per mostrar la imatge, és que aquesta tingui unes mides de com a mínim 200 x 200 píxels.

 

« Veure tots els articles

Deixa'ns la teva opinió:






Comparteix-ho


De què es parla en aquesta web?

Fem servir cookies pròpies i de tercers per analitzar els teus hàbits de navegació. Si continues navegant considerem que acceptes el seu ús. OK | més detalls