WordPress: Soluzione immagine di anteprima facebook e condivisione sbagliata

Care lettrici e cari lettori da anni, o meglio, da quando il social share è diventato parte integrante della vita di un blogger, ci affligge la dispettosa “anteprima di condivisione facebook“.

Utilizzando wordpress ho inserito un classico plugin che immete in alto dell’articolo i classici bottoncini, mi piace, google plus, twitter… Prima, utilizzando un altro template sembrava che le anteprime di condivisione funzionassero (non so come, non chiedetemelo) ora da quando ho cambiato, un dramma..!

Spulciando su internet ho visto che molti si sono lamentati dello stesso problema, alcuni disperati e piangenti, invocavano persino l’aiuto di un qualche dio programmatore che si aggirasse casualmente da quelle parti… macchè!

Ho visto molti darsi da fare, e qualcuno ha trovato rimedi “casarecci”,  ma bisognava fare giri fantastigordiosi, anche se riusciti in parte, ma che hanno anche provocato problemi di sanità mentale ai meno esperti.

Ok ora senza perderci in altre bazzecole, vi svelo come ho risolto.

Risolvere problema anteprima immagine facebook su wordpress

Prendendo spunto da destra e sinistra, ho riunito tutte le soluzioni che ho trovato navigando e ne farò di seguito “la guida della rivelazione misticofabulosa” che tutti aspettavano.

Parte 1) –  Copiare e inserire nel file fuctions.php il seguente file ( tra i tag <?php e ?>).  Dove la prima funzione inserisce nell’head del post corrente il tag con l’immagine, mentre la seconda funzione è quella che va a cercare nel testo la prima immagine che trova. In questo modo, condividendo il post su Facebook, verrà impostata come anteprima in automatico la prima immagine presente nel nostro articolo.

CODICE:

function set_default_image(){
    global $post;
    $image = str_img_src($post->post_content);
    if($image != ""){
        echo '' . "\n";
    }
}
add_action('wp_head', 'set_default_image');

function str_img_src($html) {
    if (strpos($html, '<img ')="" !="=" false)="" {="" $imgsrc_regex="#<\s*img [^\/>]*src\s*=\s*(["\" ])(.*?)\1#im';="" preg_match($imgsrc_regex,="" $html,="" $matches);="" unset($imgsrc_regex);="" unset($html);="" if="" (is_array($matches)="" &&="" !empty($matches))="" return="" $matches[2];="" }="" else="" false;="" <="" pre="">

parte 2) –  A questo punto facendo delle prove noterete che sembra non funzionare, infatti i molti che si lamentatavano del codice, era dato dalla cache di facebook che non era aggiornata e manteneva le vecchie immagini come anteprima. Come ovviare al problema! Semplicemente tramite un mezzo che ci fornisce facebook, il signor “ DEBUGGER” che va a fixare ( cancella e aggiorna cache) le foto, e scorrendo la pagina noterette i dettagli e gli aggiornamenti fatti.

Tutto poi sembra funzionare, almeno nel 90% dei casi in cui ho provato, il problema sarà solamente un fatto di riaggiornare i link uno per uno (  un lavoraccio ç_ç), ma almeno le future condivisioni avranno la loro immagine, e lo share renderà i vostri articoli più competitivi e attrarrano più utenza, visto che l’immagine sarà attinente.

Spero di aver alleviato le agonie di qualcuno, buon sexy share a tutti da Hynco 😀

edit* qualcuno mi ha riferito di aver risolto anche per l’anteprima di google plus, ora funzionante ^_^

aggiornamento*

RSS Image Feed
Questo plugin può aiutarci a risolvere il problema esso infatti va a catturare la prima immagine che trova nell articolo, in ogni caso per i post più vecchi bisognerà utilizzare il debugger di fb.

Potrebbero interessarti anche...

6 Risposte

  1. mark ha detto:

    ottimo, bell articolo speriamo di risolvere

  2. morena ha detto:

    grazie anche io stavo impazzendo ma non riuscivo a capire come risolvere.

  3. Gabriele Stella ha detto:

    Ottimo, grazie mille ho risolto!

  4. Fabio ha detto:

    Ragazzi adesso ho io questo problema che noia, fino a ieri tutto bene, oggi alcuni link non mi danno nulla, ne foto ne descrizione, lo scraper sembra non trovare proprio nulla eppure ho tutti i tag OPEN GRAPH messi da SEO YOAST 🙁 spero sia un problema momentaneo

    • Maiuri ha detto:

      Ti rimanda all errore 503?
      Se è così stai tranquillo è un problema momentaneo dei server di FB, io ho dovuto aspettare 2 settimane circa, poi tutti gli articoli creati in quel arco li puoi sistemare tramite il debugger di facebook.

  5. Guido ha detto:

    Ciao, ho letto il tuo articolo, adesso io ho un problema, non riesco a mettere nei meta tag l’immagine di una galleria che risulta come “Allegato”. In questo caso tra i meta tag, non trovo il link a quell’immagine, tu sai come posso fare a risolvere questo problema?
    Grazie mille
    Guido :bye

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *