Tutti conoscono facebook e sappiamo che è facilissimo condividere un link, basta incollarlo nella barra degli stati ed il gioco e fatto. Ma come impostare un’anteprima accattivante che non segua il caso ma la vostra volontà? Vedremo come ottimizzare un sito per aumentare le proprie visite.

Vediamolo in tre passi:

• Aggiungi il tasto “Condividi su facebook” sul tuo sito
• Assicurati che Facebook possa vedere il titolo e la descrizione dell’articolo
• Ottimizza il codice per i file multimediali

1. Aggiungi il tasto “Condividi su facebook” sul tuo sito

Ci sono quattro tipologie di tasti condivisione: icona, un link, icona con il link e il tasto “condividi”. Il codice di tutti questi è reperibile qua e si deve metterlo nella parte del sito che attira più l’attenzione.

2. Assicurati che Facebook possa vedere il titolo e la descrizione dell’articolo

Per assicurarti che l’anteprima sia sempre correttamente visualizzata, dovresti aggiungere i tag mostrati qui sotto nel codice html della pagina. Per esempio il codice di una news potrebbe essere come questo:

<meta name=”title” content=”Webatomico è un blog geniale” />
<meta name=”description” content=”Webatomico è un sito creato nel 2009 da un gruppo di fannulloni” />
<link rel=”image_src” href=”http://www.webatomico.com/cavalcanti/limmaginechevorrei.jpg” />

Come mostrato, il titolo contiene l’anteprima del titolo, la descrizione contiene l’anteprima del sommario e image_src contiene l’anteprima dell’immagine. Assicuratevi che nessun contenuto dei campi abbia alcun markup html dato che ne sarà privato.

Titolo e descrizione sono indispensabili per ogni anteprima, quindi assicurati di averli inclusi. Il tag “<link rel=”image_src” href=”http://www.webatomico.com/cavalcanti/limmaginechevorrei.jpg” />” non è invece indispensabile: se non lo mettiamo lo spider di facebook andrà a cercare tutte le immagini della pagine e vi verrà chiesto quale caricare.

3. Ottimizza il codice per i file multimediali

l modo migliore per connettere video e file multimediali al link di condivisione è fare in modo che l’URL nel link indirizzi a una pagina html contenente i tag <meta>/<link> descritti sopra (title, description, image_src) e altri tag <meta>/<link> aggiuntivi:

Audio

<meta name=”title” content=”page_title” />
<meta name=”description” content=”audio_description” />
<link rel=”image_src” href=”audio_image_src url (eg. album art)” />
<link rel=”audio_src” href=”audio_src url” />
<meta name=”audio_type” content=”Content-Type header field” />

In aggiunta, ci sono dei tag facoltativi:

<meta name=”audio_title” content=”audio_title (eg. song name)” />
<meta name=”audio_artist” content=”audio_artist_name” />
<meta name=”audio_album” content=”audio_album_name” />

Video

<meta name=”title” content=”video_title” />
<meta name=”description” content=”video_description” />
<link rel=”image_src” href=”video_screenshot_image_src url” />
<link rel=”video_src” href=”video_src url”/>*
<meta name=”video_height” content=”video_height” />
<meta name=”video_width” content=”video_width” />
<meta name=”video_type” content=”Content-Type header field” />

Video (esempio)

Ecco un esempio di video Flash inserito nella pagina:

<embed src=”http://www.example.com/player.swf” flashvars=”video_id=123456789″ width=”300″ height=”200″ type=”application/x-shockwave-flash” />

Per questo video, i tag meta appropriati dovrebbero essere simili a questi:

<link rel=”video_src” href=”http://www.example.com/player.swf?video_id=123456789″/>
<meta name=”video_height” content=”200″ />
<meta name=”video_width” content=”300″ />
<meta name=”video_type” content=”application/x-shockwave-flash” />

Puoi usare questi tag video per altri contenuti multimediali se questi descrivono correttamente quello che vuoi far condividere. Assicurati di usare il tag che indica il tipo di contenuto multimediale descritto sopra nel caso in cui quello che vuoi condividere non sia un video.

Per rendere i tuoi video incorporabili in Facebook, invia una richiesta usando il modulo che trovi qui: http://www.facebook.com/developers/developer_help.php. Questa richiesta deve includere i nomi dei domini dei valori che userai per l’URL sorgente del video (nel tag link video_src qui sopra). Devi farlo per essere certo che il tuo video venga riprodotto correttamente.