Cambiare l’anteprima di un post da condividere su facebook

Facebook e gli altri social network sono di fondamentale importanza per un blog perchè permettono la rapida diffusione degli articoli e degli ultimi aggiornamenti… Quindi è bene puntare molto sul fattore social e adattare gli articoli alle loro esigenze.
Per sfruttare al meglio la condivisione di un articolo, oltre a puntare sul contenuto del titolo e della descrizione, l’elemento fondamentale secondo me è l’immagine di anteprima! Infatti ti sarà sicuramente capitato di aver cliccato su un post solo perchè eri attratto dall’immagine e non dal contenuto, un po’ quello che succede per le pubblicità, il fattore visivo è fondamentale! Ricorda che siamo un po’ tutti pigri, chi ha voglia di leggere tutto il testo quando c’è una bella immagine rappresentativa?
Se quando condividi un post su facebook l’immagine di anteprima non centra niente con le immagini presenti nel post, avrai meno possibilità che l’articolo sia visionato, un vero peccato.
Guarda ad esempio un post che ho fatto io sulla dieta per aumentare la massa muscolare come veniva visualizzato quando si cliccava sul pulsante “Mi piace” prima che intervenissi apportando le modifiche che ti illustrerò sotto:
Come puoi vedere, l’immagine non è per niente attinente all’articolo, cosa ti potrebbe invogliare a cliccare su questo post? NIENTE! Male, molto male…
Non mi resta nient’altro da fare che cambiare l’anteprima del’articolo.

Per dire al browser dell’utente quale immagine visualizzare come anteprima, si usa un tag html particolare:

<link rel="image_src" href="http://www.miosito.it/anteprima.jpg" />

Ovviamente devi sostituire l’url http://www.miosito.it/anteprima.jpg con quello dell’immagine che vuoi utilizzare come anteprima, e questo va fatto per ogni post. Rilassati, non dovrai mica farlo a mano tutte le volte!
Utilizziamo il codice messo a disposizione da BigThink, che aggiunge in automatico nell’header di ogni articolo il tag html di sopra (prima funzione), e poi imposta come immagine di anteprima la prima immagine che trova nell’articolo (seconda funzione), davvero utile!
Vai nel tuo pannello amministrazione di wordpress, poi su Aspetto > Editor > functions.php , salva il contenuto del file (sarebbe meglio fare una copia di sicurezza direttamente via ftp) e poi aggiungi in fondo il codice di questo file.

Ottimo lavoro! Ora prova a condividere un post su facebook e ammira soddisfatto il nuovo risultato.

Guarda come è cambiata l’anteprima del mio articolo dopo queste semplici ed efficaci modifiche:
Direi che è tutta un’altra cosa ora! Ripeto la domanda, cosa ti potrebbe invogliare a cliccare su questo post? Bhè, sicuramente il sogno di avere un fisico del genere

Un metodo molto più semplice ed efficace, è installare il plugin WordPress SEO by Yoast che creerà in automatico il codice necessario per mostrare l’anteprima corretta.

La cosa bella di questa modifica? L’anteprima funziona anche su altri social rilevanti, come Google+, e cosa molto più importante, funziona anche quando l’utente clicca su Mi piace, sul suo profilo verrà visualizzato l’articolo come se fosse stato condiviso!

http://www.miosito.it/anteprima.jpg