Come generare l’immagine di anteprima per gli articoli di WordPress su Facebook

Come generare l’immagine di anteprima per gli articoli di WordPress su Facebook

Postate un indirizzo del vostro sito su Facebook e non appare l’immagine di anteprima corretta, oppure appare sballata? Molto frustrante, in effetti, ma la soluzione può essere più semplice di quanto si possa credere.

Nel tutorial di oggi affronteremo un interessante tema che, a chiarirlo subito, non presenta un’unica soluzione: per questo quella che scriverò qui non è da considerarsi l’unica possibile, per quanto funzioni teoricamente su qualsiasi theme a poche, semplici condizioni. Queste sono, in definitiva, che sia presente nel theme che state usando la funzione wp_head() (nel 99% dei casi c’è), che non ci siano plugin che facciano conflitto o comunque vadano ad impostare loro l’immagine di anteprima per Facebook (gli hook potrebbero “confondere” WP, in questo caso), e che siate armati di un po’ di pazienza per implementare questa soluzione.

Dovrete modificare il theme, per cui per evitare sovrascritture future (col prossimo aggiornamento del theme) dovrete creare un tema figlio o child theme; fatto questo, andate a modificare il file functions.php, ed aggiungete la seguente porzione di codice (magari all’inizio).

//corregge il problema dell'immagine corrente in Facebook
function the_right_anteprima(){

//valori di default, in mancanza d'altro prende questi
$url          = get_site_url();
$titolo       = "Nome del sito- titolo di default";
$descrizione  = "Descrizione di default del sito";
$image        = "url assoluta del logo del sito o immagine di default"; //esempio "http://www.miosito.it/wp-content/uploads/logo.png";

if ( is_single() ) {
  $post_id     = get_the_ID();
  $url         = get_permalink( $post_id );
  
  $titolo      = get_the_title ( $post_id );

  if ( ""!=trim(get_the_excerpt( $post_id )) ) 
  $descrizione .= " ".get_the_excerpt( $post_id );
  
  $image       = wp_get_attachment_url( get_post_thumbnail_id( $post_id ); //per prendere la thumbnail di default
  //$image       = get( 'nome_campo_foto',1,1,$post_id ); //casomai usiate Magic Fields 2
}
ob_start();
?>'/>
'/>'/>'/>
<!--?PHP ob_end_flush(); } add_action('wp_head', 'the_right_anteprima'); &lt;/pre&gt; &lt;p&gt;Il codice dovrebbe spiegarsi da solo: andate a definire la funzione the_right_anteprima, che in pratica si occuperà di mostrare nell'header delle pagine (mediante la action di default di WordPress wp_head) i tag di FB giusti per mostrare l'anteprima: si tratta di url, tipo, titolo, descrizione ed immagine, e sono bufferizzati mediante la sequenza ob_start() ob_end_flush() che sono due funzioni standard di PHP. Se siamo in una pagina singola, viene caricato il contenuto della pagina stessa, altrimenti va in automatico un blocco dati di default.&lt;/p&gt; &lt;p&gt;Per testare se l'URL del vostro sito funziona e condivide bene le immagini, utilizzate il tool apposito di Facebook &lt;a href="https://developers.facebook.com/tools/debug/" target="_blank"&gt;https://developers.facebook.com/tools/debug/&lt;/a&gt; e fate riferimento per ulteriori informazioni alle (non banalissime) &lt;a href="https://developers.facebook.com/docs/graph-api" target="_blank"&gt;API di OpenGraph&lt;/a&gt;.&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;small&gt;&lt;a rel="nofollow" style="text-decoration: none;" href="http://wpinject.com/" title="Image inserted by the ImageInject WordPress plugin"&gt;Photo&lt;/a&gt; by &lt;a href="http://www.flickr.com/photos/93212162@N08/8527527570" target="_blank"&gt;mkhmarketing&lt;/a&gt; &lt;a rel="nofollow" href="http://creativecommons.org/licenses/by/2.0/" target="_blank" title="Attribution License"&gt;&lt;img src="http://trovalost.it/wp-content/plugins/wp-inject/images/cc.png" ?-->
Ti piace questo articolo?

0 voti

Su Trovalost.it puntiamo sulla qualità dei contenuti da quando siamo nati: la tua sincera valutazione può aiutarci a migliorare ogni giorno.

Ti potrebbero interessare (Guide WordPress):

Cerca altro nel sito

Clicca sul box, e scegli la sezione per vederne i contenuti.

Come generare l’immagine di anteprima per gli articoli di WordPress su Facebook

Postate un indirizzo del vostro sito su Facebook e non …
[ 0 ] 0 utenti hanno votato questa pagina