Condivisione del post su Facebook con miniatura giusta e snippet personalizzato.

Come personalizzare la miniatura e il testo visibile nella condivisione di una pagina su Facebook.

Ci sono vari modi per condividere un post su Facebook usando oggetti interni alla pagina che si sta visualizzando come i bottoni Mi Piace o Consiglia oppure esterni al post come estensioni del browser tipo Shareaholic che è disponibile per Chrome e per Firefox. Facebook ha reso disponibili per gli webmaster dei metatag per arricchire la condivisione oltre che con il titolo della pagina anche con lo snippet e una miniatura delle immagini che sono state rilevate.

Consideriamo il caso particolare di un post in cui non ci siano immagini o che queste non vengano rilevate da Facebook. Quando proviamo a fare la condivisione nell'Anteprima si visualizzerà come miniatura l'Intestazione del blog o addirittura una icona presente nel modello. 

Nello screenshot precedente si vede per esempio una anteprima di condivisione che come miniatura ha selezionato l'avatar del Profilo su Blogger senza altre possibilità di scelta. In questi casi particolari si può risolvere senza modificare il modello ma operando semplicemente nell'HTML del post. Conviene soprassedere provvisoriamente alla condivisione, andare su Bacheca > Post > Modifica e quindi selezionare HTML invece di Scrivi come nel seguente screenshot

Incolliamo questo semplice codice subito prima quello dei contenuti del post

<link href="URL_IMMAGINE" rel="image_src"></link>

dove al posto di URL_IMMAGINE sarà inserito l'indirizzo della immagine che vogliamo visualizzare nella condivisione. Successivamente si va su Aggiorna per rendere la modifica effettiva. L'articolo non varierà per nulla il suo aspetto. Apriamo adesso il tool Facebook Debugger che serve per azzerare i dati precedenti e per rilevare quelli nuovi dopo che si è fatto l'aggiornamento. Si incolla l'URL della pagina e si clicca su Debug 

Il tool mostrerà i metatag rilevati da Facebook. Particolarmente interessante è la Share Preview

che è l'anteprima della condivisione. Tra le miniature presenti sarà stata aggiunta anche quella della foto cha abbiamo inserito nel post e che potrà essere selezionata in fase di condivisione.

Questo metodo può essere usato tutte le volte che durante la condivisione su Facebook non possiamo scegliere tra nessuna miniatura che ci convince. Potremo aggiornare il post con il codice che indica a Facebook quale miniatura rilevare, usare il Facebook Debugger per controllare la correttezza della rilevazione quindi procedere nuovamente alla condivisione del post su Facebook. 

COME VISUALIZZARE UN PARTICOLARE SNIPPET

Se non visualizzate l'incipit del post o una descrizione dello stesso e si tratta di un post di Blogger significa che non avete abilitato le Preferenze di Ricerca. Andate quindi su Impostazioni > Preferenze di ricerca > Metatag > Descrizione > Modifica e attivate questa opzione

A questi punto quando aprite l'Editor del post, sulla sua sinistra, sarà visibile la sezione Descrizione della ricerca per inserire un riassunto di quello che è l'argomento dell'articolo

Si va su Completato e si Aggiorna il post. Non resta che andare su Facebook Debugger per incollare l'URL del post e effettuare il debug della pagina. Controllate adesso la Share Preview 

Oltre al titolo e alla miniatura sarà visibile anche lo snippet che avete inserito in Descrizione della ricerca. Nella condivisione su Facebook saranno quindi mostrasti la miniatura e il testo che avete scelti per rendere il link più attrattivo per gli amici che lo leggeranno.