Adăugarea unei imagini predefinite pentru articolele trimise pe Facebook

După ultima discuţie pe tema butoanelor de SHARE pe reţelele de socializare, foarte mulţi bloggeri au început să utilizeze astfel de widgeturi, iar acum o să mergem puţin mai departe şi o să vorbim despre stilizarea unui articol trimis pe Facebook.

Din păcate mă adresez doar bloggerilor ce au acces la fişierele temei. Asta e, poate o să vă conving în felul ăsta că nu e ok să ai blogul oferit de un serviciu ce îţi interzice accesul la fisierele esenţiale pentru o bună optimizare.

Dacă o să apeşi butonul de trimitere pe Facebook a acestui articol, o să vezi că ai acolo o imagine cu numele meu şi un icon reprezentativ. Bineînţeles, această imagine va fi acolo pentru orice alt articol publicat pe acest blog, pe care decizi să îl trimiţi în reţeaua de socializare mai sus menţionată.

Cum se face?

În primul rând e nevoie de tagurile meta standard, taguri ce ar trebui să existe în orice temă de blog (undeva în HEAD), indiferent că foloseşte, sau nu, un widget de trimitere a articolelor pe Facebook.

<meta name="title" content="titlul blogului tau" />
<meta name="description" content="descrierea blogului tau" />

Dacă foloseşti Wordpress, la “titlul blogului tău” adaugă :

<?php wp_title('') ;  ?>

Pentru a seta o imagine standard, pentru toate articolele trimise de vizitatorii tăi pe Facebook, pe lângă tagurile de mai sus adaugă şi următoarea sintaxă, tot în zona de HEAD a temei folosite (dacă nu setăm o imagine standard, widgetul va alege primele imagini pe care le găseşte in zona de BODY a blogului, imagini ce nu sunt întotdeauna reprezentative pentru blogul tău)

<link rel="image_src" href="adresa imaginii" / >

Recomand ca dimensiunile acestei imagini să nu depăşească 100×100px, pentru că redimensionarea automată nu e foarte ok.

Rezultatul final

Exemplu de stilizare a articolului trimis pe Facebook

Comentarii (2)

SZABO ANYTA says:

February 9, 2010 at 11:12 am

SUPER

Reply

KronosBlog says:

February 9, 2010 at 3:20 pm

Mersi Alexandru! Chiar folositor!

Reply