One of the common frustrations for WordPress users is when the image doesn’t appear correctly when sharing a post on social media. This issue can affect how your content is displayed and perceived by your audience, potentially reducing engagement. Fortunately, there are several ways to troubleshoot and resolve this problem. In this post, we’ll walk you through the steps to ensure that your images appear correctly when sharing posts in WordPress.
Cause comuni di immagini mancanti
Prima di addentrarci nelle soluzioni, è importante capire i motivi più comuni per cui un'immagine potrebbe non apparire quando si condivide un post:
- Tag Open Graph mancanti o errati: Le piattaforme dei social media si basano sui tag Open Graph (OG) per determinare quale immagine, titolo e descrizione visualizzare. Se questi tag sono mancanti o non corretti, l'immagine potrebbe non essere visualizzata.
- Nessun set di immagini in evidenza: Se il tuo post non ha un set di immagini in evidenza, piattaforme come Facebook potrebbero non sapere quale immagine utilizzare.
- Problemi di dimensione dell'immagine: Alcune piattaforme di social media hanno requisiti specifici per le dimensioni delle immagini. Se l'immagine è troppo piccola o non soddisfa i requisiti minimi di dimensione, potrebbe non essere visualizzata.
- Problemi di memorizzazione nella cache: Se il tuo sito utilizza la memorizzazione nella cache e hai aggiornato di recente l'immagine in evidenza o il contenuto del post, la vecchia versione potrebbe essere ancora memorizzata nella cache, causando la visualizzazione dell'immagine sbagliata.
- Conflitti con plugin o temi: A volte, altri plugin o il tema stesso potrebbero interferire con il modo in cui vengono visualizzate le immagini o con il modo in cui vengono generati i tag Open Graph.
Soluzioni passo dopo passo
Ecco come risolvere il problema delle immagini che non vengono visualizzate quando si condivide un post su WordPress:
1. Assicurarsi che i tag Open Graph siano presenti
I tag Open Graph sono essenziali per controllare come i tuoi contenuti vengono visualizzati sulle piattaforme dei social media. Senza di essi, le piattaforme potrebbero avere difficoltà a identificare l'immagine corretta.
- Utilizzare un plugin SEO: Plugin come SEO di Yoast O SEO tutto in uno aggiungi automaticamente i tag Open Graph ai tuoi post. Assicurati che questi plugin siano configurati correttamente per includere l'immagine in evidenza nei tag OG.
2. Imposta un'immagine in evidenza per ogni post
Un'immagine in evidenza è spesso l'immagine predefinita utilizzata dalle piattaforme dei social media quando si condividono i propri contenuti. Ecco come assicurarsi che sia impostata:
- Imposta l'immagine in evidenza: When creating or editing a post, ensure that a featured image is set in the sidebar under the “Featured Image” section.
- Immagine di fallback: Se ti dimentichi spesso di impostare un'immagine in evidenza, potresti prendere in considerazione l'utilizzo di un plugin che assegni automaticamente un'immagine di fallback se non ne hai impostata nessuna.
3. Aggiungere il codice al tuo tema
Now that you understand the importance of Open Graph tags, let’s add the necessary code to your theme’s funzioni.php file. If you’re using a child theme, add the code to the child theme’s funzioni.php per garantire che le modifiche non vengano sovrascritte durante futuri aggiornamenti del tema principale.
- Accedi alla dashboard di WordPress e vai a Aspetto > Editor tema.
- Selezionare il
funzioni.phpfile del tuo tema o tema figlio. - Aggiungere il seguente codice PHP alla fine del file:
- funzione add_opengraph_tags() {
se (is_single() || is_page()) {
globale $post;
se (has_post_thumbnail($post->ID)) {
$img_src = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), ‘full’);
} altro {
// URL immagine predefinita se il post non ha un'immagine in evidenza
$img_src = array(‘https://www.example.com/default-image.jpg’);
}// Titolo del post
$title = ottieni_il_titolo();
// Descrizione del post
$description = get_the_excerpt();echo ‘’;
echo ‘’;
echo ‘’;
echo ‘’;
echo ‘’;
}
}
add_action(‘wp_head’, ‘add_opengraph_tags’);
Spiegazione del codice:
aggiungi_tag_opengraph(): Questa funzione controlla se la pagina corrente è un post o una pagina e, in caso affermativo, genera i tag Open Graph appropriati.- Immagine in evidenza:
has_post_thumbnail($post->ID): Controlla se il post ha un'immagine in evidenza.wp_get_attachment_image_src(): Recupera l'URL completo dell'immagine in evidenza. Se il post non ha un'immagine in evidenza, viene utilizzata un'immagine predefinita.
- Titolo e descrizione:
ottieni_il_titolo()Eottieni_l'estratto(): Recupera il titolo e la descrizione del post, che vengono utilizzati per ilog:titoloEog:descrizionerispettivamente i tag.
- URL canonico e tipo di contenuto:
ottieni_permalink(): Recupera l'URL del post corrente per ilog:urletichetta.og:tipo: Set to “article” to indicate that the content is an article.
4. Cancellare le cache
Se hai apportato modifiche al tuo post o alla tua immagine ma la vecchia immagine continua a essere visualizzata, potrebbe essere dovuto alla memorizzazione nella cache.
- Cancella la cache del tuo sito: Se utilizzi un plugin di memorizzazione nella cache, cancella la cache dopo aver apportato modifiche per garantire che agli utenti venga fornita la versione aggiornata.
- Utilizzare il debugger di condivisione di Facebook: Facebook memorizza nella cache i tag OG per un URL. Utilizzare Debugger di condivisione di Facebook per aggiornare la cache di Facebook per il tuo post.
5. Controllare i conflitti tra plugin o temi
A volte, altri plugin o il tuo tema potrebbero interferire con il modo in cui vengono gestite le immagini. Ecco come risolvere i problemi:
- Disabilita i plugin in conflitto: Disattiva temporaneamente tutti i plugin che potrebbero interferire con la gestione delle immagini o con la SEO, come ad esempio più plugin SEO, e verifica se il problema persiste.
- Passa a un tema predefinito: Passa temporaneamente a un tema WordPress predefinito (come Twenty Twenty-One) per vedere se il problema è correlato al tema. Se l'immagine appare correttamente con il tema predefinito, il problema potrebbe essere con il tema attuale.
Assicurarsi che venga visualizzata l'immagine corretta quando si condivide un post sui social media è fondamentale per massimizzare l'engagement e dare un aspetto professionale ai propri contenuti. Seguendo i passaggi descritti in questo articolo, ovvero verificando i tag Open Graph, impostando un'immagine in evidenza, assicurandosi delle dimensioni corrette delle immagini, cancellando le cache e risolvendo potenziali conflitti, è possibile risolvere questo problema comune di WordPress.
Se continui a riscontrare problemi, prendi in considerazione la possibilità di consultare un Sviluppatore WordPress che può aiutarti a diagnosticare e risolvere problemi più complessi. Con la giusta configurazione, i tuoi post saranno sempre fantastici quando saranno condivisi sui social media!
Foto di Luca