Verifica Open Graph
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
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
Copia la sezione head
Seleziona da `<head>` a `</head>`. Il body non serve, anche se incollare l'intera pagina non crea problemi.
-
3
Incollalo nello strumento
Ogni tag `<meta>` viene analizzato mentre scrivi. Non viene richiesta alcuna URL: viene esaminato solo il markup che incolli.
-
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
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:titlesenza nulla dopo si nota facilmente. - Percorso di immagine relativo.
og:imagedeve essere un URL assoluto; un percorso come/img/card.jpginterrompe lo scraping. - Discrepanza in og:url. Quando
og:urldifferisce 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
Controllore della lunghezza della meta descrizione
Misura una meta description in caratteri e pixel stimati, confronta riferimenti editoriali e osserva simulazioni desktop e mobile.
Estrattore di Link Esterni
Incolla HTML grezzo, imposta facoltativamente un URL di base e ottieni un elenco pulito e senza duplicati di ogni link esterno http/https del codice per audit dei link e revisioni SEO.
Verifica degli header di sicurezza HTTP
Incolla gli header di risposta HTTP e controlla HSTS, CSP, protezione dai frame, MIME, referrer e criteri cross-origin localmente.
Generatore di Tag Canonici
Genera un tag link rel=canonical valido per qualsiasi URL. Include la validazione dell'URL e gli errori comuni da evitare.
Simulatore SERP di Google
Controlla un'anteprima approssimativa in stile Google con limiti di caratteri per mobile e desktop. La bozza resta in questa sessione del browser.
Estrazione dei link interni
Estrai tutti i link interni da un URL o HTML incollato con testo di ancoraggio, attributi rel e stato nofollow per audit SEO.
Strumento disponibile in altre lingue
- Trình kiểm tra Open Graph [VI]
- Open Graph-kontroll [SV]
- Open Graph Checker [DE]
- Verificador de Open Graph [ES]
- ตัวตรวจสอบ Open Graph [TH]
- فاحص Open Graph [AR]
- Open Graph 체커 [KO]
- Vérificateur Open Graph [FR]
- Pemeriksa Open Graph [ID]
- Open Graph Checker [NL]
- Walidator Open Graph [PL]
- Open Graph チェッカー [JA]
- Validador de Open Graph [PT]
- Open Graph Checker [EN]
- Проверка тегов Open Graph [RU]
- Open Graph Denetleyici [TR]
- Open Graph 检查器 [ZH]