Verifica Open Graph

Avanti

Incolla l’HTML della tua pagina (basta il <head>) e questo strumento analizza ogni tag meta og: e twitter: che trova, poi segnala quali dei sei tag essenziali sono presenti, quali mancano e il valore esatto di ciascuno. Poiché legge il markup che incolli invece di richiedere una URL online, funziona anche su server di staging, localhost e pagine dietro un login, dove nessuno scraper online può arrivare.

Come lo strumento legge i tuoi tag

  1. 1

    Apri il codice sorgente della pagina

    Premi Ctrl+U (Cmd+Option+U su macOS) per vedere l'HTML grezzo che i crawler social ricevono davvero.

  2. 2

    Copia la sezione head

    Seleziona da `<head>` a `</head>`. Il body non serve, anche se incollare l'intera pagina non crea problemi.

  3. 3

    Incollalo nello strumento

    Ogni tag `<meta>` viene analizzato mentre scrivi. Non viene richiesta alcuna URL: viene esaminato solo il markup che incolli.

  4. 4

    Leggi la lista di controllo

    Sei controlli diventano verdi o rossi: og:title, og:description, og:type, og:url, og:image e twitter:card.

  5. 5

    Rivedi i valori trovati

    Ogni tag og: e twitter: viene elencato con il suo contenuto, così refusi, valori vuoti e percorsi di immagine relativi saltano all'occhio.

I tag Open Graph che lo strumento cerca

Tag Scopo Nella lista di controllo?
og:title Titolo della scheda Sì, obbligatorio
og:description Sottotitolo della scheda Sì, obbligatorio
og:type website, article, video, ecc. Sì, obbligatorio
og:url URL canonico Sì, obbligatorio
og:image URL dell’immagine di anteprima Sì, obbligatorio
og:site_name Riga del marchio sopra il titolo Elencato se presente
og:locale it_IT, en_US, ecc. Elencato se presente

Qualsiasi altro tag og: nel tuo markup viene elencato anch’esso, anche se non fa parte della lista di controllo.

Tag Twitter Card

X (Twitter) ripiega su Open Graph quando i suoi tag mancano, quindi solo twitter:card è nella lista di controllo. Il resto viene elencato ogni volta che lo strumento lo trova.

Tag Scopo
twitter:card summary, summary_large_image, ecc.
twitter:site @account che pubblica
twitter:creator @account dell’autore
twitter:title Sovrascrive og:title
twitter:description Sovrascrive og:description
twitter:image Sovrascrive og:image

Specifiche dell’immagine che funzionano ovunque

Lo strumento conferma che og:image è dichiarato, ma non scarica mai il file, quindi verifica questi punti a mano:

  • Dimensioni: 1200 x 630 px (Facebook, LinkedIn, grandi schede Twitter).
  • Rapporto d’aspetto: 1.91:1 per summary_large_image.
  • Dimensione del file: sotto i 5 MB, idealmente sotto 1 MB perché il crawler non vada in timeout.
  • Formato: JPG o PNG. WebP e AVIF hanno ancora un supporto discontinuo.
  • URL assoluto: sempre l’indirizzo completo https://..., mai un percorso relativo al protocollo o alla radice.

Problemi comuni che il report rivela

  • Nessun og:image. L’errore più comune in assoluto. Senza un’immagine la scheda si riduce a un link blu senza stile.
  • Un tag presente ma vuoto. Lo strumento stampa ogni valore, così un og:title senza nulla dopo si nota facilmente.
  • Percorso di immagine relativo. og:image deve essere un URL assoluto; un percorso come /img/card.jpg interrompe lo scraping.
  • Discrepanza in og:url. Quando og:url differisce dal canonico reale, le piattaforme possono rifiutare di fare scraping della pagina.
  • Tag iniettati da JavaScript. Non compaiono mai nel view-source, quindi nemmeno qui, e la maggior parte dei crawler non li vedrà.
  • Una scheda obsoleta su Facebook. Non è un problema di markup: Facebook mette in cache i suoi scraping. Forza un aggiornamento dal suo Sharing Debugger.

Domande frequenti

Perché incollare il markup mostra esattamente ciò che un crawler social vede nella risposta grezza, e funziona su pagine che nessun crawler può raggiungere: server di staging, localhost, intranet e tutto ciò che è dietro un login. Apri la tua pagina, premi Ctrl+U, copia il sorgente e incollalo qui.

Non necessariamente. X ripiega sui tag Open Graph quando quelli twitter: mancano, ecco perché solo twitter:card è nella lista di controllo. Aggiungi il resto solo quando vuoi un titolo, una descrizione o un’immagine diversi su X rispetto a tutte le altre piattaforme.

L’inspector mostra il DOM dopo l’esecuzione di JavaScript, mentre i crawler social leggono la risposta HTML grezza. Usa il view-source (Ctrl+U), non l’inspector, e incolla quello. Se il tag esiste solo nel DOM, aggiungi il rendering lato server o un servizio di prerender perché i crawler possano vederlo.

1200 x 630 px, JPG o PNG. È la dimensione consigliata per le grandi schede di Facebook e LinkedIn, è accettata da X e si adatta in modo pulito su Slack, Discord e altre app che espandono i link. Lo strumento conferma che og:image è dichiarato, ma non apre il file, quindi controlla tu stesso le dimensioni.

Facebook mette in cache i risultati dello scraping fino a 30 giorni. Incolla l’URL nello Sharing Debugger su developers.facebook.com/tools/debug e rifai lo scraping per invalidare la cache.

Strumenti correlati

Strumento disponibile in altre lingue