Guide DigitalBanzai

Open Graph

Guida pratica per capire cosa osserva lo scanner nei tag Open Graph e come mantenere anteprime e condivisioni più coerenti senza promesse di visibilità.

English version
Severity
Moderate
Tempo stimato
15-45 min
Livello tecnico
Beginner / Intermediate
Si applica a
WordPressStatic HTMLCMS / E-commerceSEO PluginsSocial SharingContent Editors

Cos'è

I tag Open Graph sono metadati HTML inseriti nella sezione <head> della pagina. Servono a dichiarare titolo, descrizione, immagine, URL e tipo preferiti per le anteprime generate quando un link viene condiviso su piattaforme social, app di messaggistica, strumenti di collaborazione o altri sistemi di preview.

I tag principali usati più spesso appaiono in questo modo:

<meta property="og:title" content="Titolo della pagina di esempio">
<meta property="og:description" content="Breve riassunto del contenuto della pagina.">
<meta property="og:image" content="https://example.com/immagine.jpg">
<meta property="og:url" content="https://example.com/pagina/">
<meta property="og:type" content="website">

Ogni tag descrive una proprietà specifica. Insieme aiutano i sistemi esterni a costruire un'anteprima più coerente della pagina condivisa.

Perché è importante

Open Graph può aiutare a rendere le anteprime più coerenti, riducendo il rischio che piattaforme esterne mostrino frammenti casuali del testo o immagini poco rappresentative prese automaticamente dalla pagina.

Questi metadati possono essere utili per:

  • Controllo dell'anteprima: aiutano a dichiarare quale testo e quale immagine dovrebbero rappresentare la pagina fuori dal sito;
  • Coerenza dell'anteprima: aiutano a mantenere allineati anteprima condivisa, title tag, meta description e altri segnali della pagina;
  • Condivisione dei contenuti: possono rendere più leggibile il link quando la pagina viene condivisa manualmente.

Open Graph non garantisce visibilità, click, ranking, traffico o indicizzazione. Le piattaforme esterne possono ignorare questi dati, modificarli, ritagliarne alcune parti, memorizzarli in cache o aggiornare le anteprime con ritardo. La mancanza di Open Graph non è automaticamente un problema grave, soprattutto per pagine condivise di rado. Un Open Graph incoerente, però, può essere più fuorviante di un Open Graph assente.

Come viene controllato

lo scanner analizza la sezione <head> della pagina per individuare i metadati Open Graph e mapparne i valori dichiarati.

Il controllo attuale verifica:

  • se i tag principali più usati, come og:title, og:description, og:image, og:url e og:type, sono presenti;
  • se i valori dichiarati sono vuoti;
  • se gli URL in og:url e og:image appaiono formalmente validi;
  • se l'immagine dichiarata usa HTTP invece di HTTPS;
  • se l'URL dichiarato in og:url appare coerente con la pagina analizzata;
  • se esistono tag duplicati o conflittuali dello stesso tipo.

lo scanner osserva i metadati dichiarati dalla pagina. Non decide come una piattaforma esterna mostrerà davvero l'anteprima finale.

Possibili risultati

Ogni finding va letto come un segnale di revisione, non come una penalizzazione automatica.

Tag Open Graph mancanti

Nella pagina non è stato rilevato alcun metadato Open Graph. Questo non è sempre un problema grave, ma può valere la pena intervenire sulle pagine che vengono condivise più spesso.

Tag Open Graph vuoti

I tag esistono nel codice, ma il valore dichiarato nel campo content è vuoto.

og:title mancante

Manca il titolo dichiarato per l'anteprima condivisa.

og:description mancante

Manca la descrizione dichiarata per l'anteprima.

og:image mancante

La pagina non dichiara un'immagine Open Graph dedicata.

og:url mancante

Manca l'URL dichiarato della pagina per la condivisione.

og:type mancante

Non è stato trovato il tipo di risorsa dichiarato tramite og:type.

URL immagine o pagina non valido

L'URL inserito in og:image o og:url contiene errori di struttura o sintassi.

Immagine Open Graph non HTTPS

L'immagine dichiarata in og:image usa HTTP invece di HTTPS, una scelta che può creare anteprime meno affidabili su alcuni sistemi.

Incoerenza tra Open Graph e metadati SEO

Titolo o descrizione per l'anteprima differiscono in modo marcato da title tag o meta description, suggerendo una possibile svista o una scelta da rivedere.

URL Open Graph incoerente

Il valore di og:url punta a un indirizzo diverso da quello atteso per la pagina analizzata.

Tag duplicati

La pagina contiene più tag Open Graph dello stesso tipo con valori diversi, situazione che può rendere la lettura meno chiara per i sistemi esterni.

  1. Valuta dove serve davvero: dai priorità alle pagine condivise più spesso su social, chat e strumenti collaborativi.
  2. Compila i tag principali: inserisci titolo, descrizione, immagine, URL e tipo con valori chiari e coerenti.
  3. Usa un'immagine valida e in HTTPS: evita file non raggiungibili, troppo casuali o dichiarati con protocolli non sicuri.
  4. Mantieni coerenza con gli altri metadati: allinea Open Graph con title tag, meta description e struttura della pagina quando ha senso farlo.
  5. Tieni conto della cache esterna: gli aggiornamenti potrebbero non apparire subito su tutte le piattaforme; i tool di debug possono aiutare, ma non garantiscono un refresh immediato ovunque.
  6. Intervieni con gradualità: parti dai template o dalle pagine più esposte alla condivisione pubblica.

Come risolvere

Sito statico o HTML

Se gestisci direttamente i file HTML, inserisci i meta tag dentro la sezione <head> e usa URL assoluti completi di protocollo:

<meta property="og:title" content="Titolo della pagina di esempio">
<meta property="og:description" content="Breve riassunto del contenuto della pagina.">
<meta property="og:image" content="https://example.com/immagine.jpg">
<meta property="og:url" content="https://example.com/pagina/">
<meta property="og:type" content="website">

WordPress / SEO plugin

Molti plugin SEO o social generano questi tag automaticamente a partire da titolo, descrizione e immagine in evidenza.

  • Apri la pagina o l'articolo nell'editor.
  • Cerca la scheda del plugin dedicata a social, condivisione o anteprima.
  • Se necessario, inserisci un titolo, una descrizione o un'immagine specifici per la condivisione.
  • Dopo il salvataggio, svuota le cache del sito se sono presenti.

CMS / E-commerce

Nei CMS dinamici o negli e-commerce, Open Graph viene spesso costruito dai template.

  • Controlla che og:image usi la variabile corretta, ad esempio l'immagine principale del prodotto o del contenuto.
  • Verifica che og:description e og:title non ereditino testi troppo generici o ripetuti.
  • Controlla che pagine archivio, filtri o categorie non riusino la stessa immagine della home senza motivo.

Come appare nel report

Nel report, il controllo Open Graph mostra i metadati rilevati, i valori testuali dichiarati e gli eventuali link associati a titolo, descrizione, immagine, URL e tipo.

il report aiuta a confrontare questi dati con gli altri metadati della pagina per segnalare differenze o omissioni rilevanti. Non giudica l'efficacia commerciale dell'anteprima, ma offre un quadro tecnico chiaro per valutarne la coerenza.

Quando eseguire una nuova scansione

Esegui una nuova scansione dopo aver configurato plugin social, aggiornato immagini in evidenza o modificato i template del CMS. In questo modo puoi verificare se i tag sono presenti nel codice e se gli URL dichiarati risultano validi e coerenti.