Ottimizzazione per social network
Nati originariamente per mettere in contatto gli utenti, i social network stanno assumendo sempre più rilevanza nella distribuzione di contenuti. Non è un caso che le notizie e le 
informazioni saltano da un utente all’altro con un sistema di condivisione veloce e , per certi versi, incontrollabile. Sicuramente tra questi network, Facebook è il più usato e conosciuto al mondo. Ogni giorno migliaia e migliaia di notizie, pagine web, idee (e perchè no? anche “buffonate”) vengono condivise tra gli utenti.
Facebook è diventato anche un veicolo per promuovere le pagine web . Il meccanismo della condivisione è appetibile alle aziende quanto ai bloggher e l’esigenza di capire come funziona tale meccanismo è un aspetto che non può più essere sottovalutato. Condividere bene una pagina, ovvero mpostare correttamente il titolo e la descrizione da condividere, può incoraggiare o meno l’utente a visionare il link e a sua volta a condividerlo con gli altri.
Ho pensato di analizzare il sistema di condivisione e di mettere questo studio a disposizione di tutti. Iniziamo col dire che quando si condivide un link ad una pagina web, facebook ci segnala 4 oggetti associati alla pagina: una piccola immagine, un titolo, l’url e la descrizione.
L’immagine viene estratta dalla sezione head, in particolare dal tag :
<link rel="image_src" href="URL immagine" />
In assenza di questo tag, Facebook permette all’utente di selezionare, a scelta, una delle immagini presenti nella pagina web tra quelle disponibili con il classico tag <img> . Per evitare problemi di estrazione delle immagini è preferibile usare sempre url assoluti e non relativi.
Al titolo sono riservati al massimo 102 caratteri e alla descrizione 204. I titoli e le descrizioni di dimensioni superiori vengono troncati. Anche in questo caso, come per i motori di ricerca, i meta tag sono gli strumenti indiscussi dell’ottimizzazione. L’estrazione delle informazioni avviene seguendo questo schema (in pseudo codice):
if(exist(meta tag title))
TITOLO = meta tag title;
else
{
if(exit(tag title))
TITOLO = tag title;
else
TITOLO = URL della pagina;
}
if(exist(meta tag description))
DESCRIZIONE = meta tag description;
else
DESCRIZIONE = estratto dalla pagina web;
Rimane però da precisare che l’utente esperto può comunque modificare il titolo e la descrizione estratti in automatico e in fase di condivisione, facendo doppio click su di essi. Questa possibilità però viene sistematicamente ignorata dagli utenti che non hanno interesse a perdere tempo e a modificare ciò che condividono ( a meno che si tratti di esperti SEO che lo fanno di mestiere), ma semplicemente si limitano a cliccare sui classici pulsanti di bookmark già predisposti nella pagina stessa. Quindi è buona prassi ottimizzare a priori questi campi, e tenerli già pronti per la condivisione.
Add to Google
11 Commenti
interessante l’articolo, sicuramente è una tecnica che è appetibile per chi si occupa più di marketing e si vuole assicurare che i contenuti condivisi del proprio sito escano sempre con un certo tipo di messaggio.
Però ho notato che ormai i bottoni di condivisione prefatti fanno già egregiamente questo lavoro di estrarre i testi e le immagini corrette, ho è una mia sensazione sbagliata?
Si, infatti credo che Giancarlo si sia limitato ad analizzare come si comporta il condividi di Facebook, ovvero dove va a reperire le informazioni. Sapendo questo sta a noi ottimizzarle al meglio anche in previsione della condivisione sui social network. Interessante articolo.
Bhe per rispondere alla tua domanda….fai una cosa…clicca sul bottone che questa stessa pagina ti offre per condividere l’articolo su facebook.
ottima ricerca… mi stavo giusto chiedendo come funzionasse la cosa…
ho subito inserito questo ottimo post nella mia fan page di FB!
Bella descrizione, mi trova d’accordo. Da tempo inserisco il logo di una pagina in formato IMG e non con altre tecniche ( per esempio di image replacement ) per via del fatto che, condividendo su facebook qualcosa e non trovando l’immagine principale in formato IMG, la condivisione forse ha meno efficacia ( il primo impatto visivo per capire di che tratta ).
Infatti questa cosa l’ho consigliata anche ad Andrea ( che ha vinto il contest youdesign qui su IWD ) nel secondo layout in XHTML / CSS gratuito che gli ho fornito, proprio perchè la pagina prevedeva una forte componente di condivisione social ( tra cui ovviamente facebook ).
Ottimo post! inserito sulla mia pagina facebook. aiuterà molti ad ottimizzare il proprio sito per la condivisione
Salve! Per quanto riguarda il mio blog in wp ho notato che taglia il titolo in meno di 102 caratteri… Forse e’ un problema dei tasti di condivisione? Come e’ possibile fare in modo che vengano selezionati tutti i 102?
@Giuoia: Se mi dai l’indirizzo del tuo blog…cerco di capire il perchè. Può darsi che mi sono sbagliato…così come può darsi che individuo l’inghippo
Ciao! Stavo giusto cercando info… Uso il plugin “all in one seo” che ha lavorato correttamente su google, per quanto riguarda invece la condivisione su facebook ha un pessimo risultato, come se non leggesse i meta tag. Hai consigli in merito? Intanto grazie!
Probabilmente tu hai condiviso il link come : http://www.empaticamente.it
Ora…cosa succede….quando fai questa operazione su un browser? Il server (apache) automaticamente ti reindirizza alla pagina di default index.php , mentre facebook non legge la pagina (è una questione di come è implementato facebook!!!) La soluzione è questa: basta che tu condividi il link come http://www.empaticamente.it/index.php (o la pagina in questione che vuoi condividere) e vedrai che l’algoritmo che io ho indicato funziona perfettamente. Il titolo e la descrizione verranno estratti dai metatag!
Esattissimo, GRAZIE MILLE!!