WordPress: Soluzione immagine di anteprima facebook e condivisione sbagliata

6

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*(["\" ])(.*?)#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.


Choose your Reaction!
  • ottimo, bell articolo speriamo di risolvere

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

    Rispondi
  • 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

    Rispondi
    • 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.

      Rispondi
  • 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

    Rispondi
Lascia un commento

La tua email non verrà resa pubblica.

Categorie del Blog
Membri attivi di recente
Foto del profilo di Elisabetta
Foto del profilo di Andrea
Foto del profilo di Giorgia
Foto del profilo di Zara Griffin
Foto del profilo di Annalisa
Foto del profilo di Stefano
Foto del profilo di Stregatto
Foto del profilo di Marica
Foto del profilo di Lina Toscano
Foto del profilo di UrumiKanzaki
Foto del profilo di Theshadow88
Foto del profilo di favola
Foto del profilo di Paola
Foto del profilo di Michela
Foto del profilo di Crumina