Controllore Meta Tag Open Graph

Controlla i meta tag Open Graph e Twitter Card per qualsiasi pagina HTML. Estrae og:title/og:description/og:image più i tag Twitter, evidenzia valori mancanti o non validi e genera report condivisibili in JSON/PDF. Progettato per debug SEO e anteprime social con supporto reindirizzamenti e output in testo semplice.

Loading…

Informazioni Controllore Meta Open Graph

Incolla un URL per verificare cosa le piattaforme social possono leggere dalla tua pagina: tag Open Graph (og:*) e metadati Twitter Card. Questo strumento ti aiuta a individuare titoli/descrizioni mancanti, URL og:image non funzionanti o non pubblici, problemi di reindirizzamento e trappole comuni nelle anteprime—così i tuoi link appariranno correttamente su X/Twitter, Facebook, LinkedIn, Slack, Discord e altro.

Funzionalità

  • Estrai meta Open Graph: og:title, og:description, og:image e relative proprietà OG quando presenti.
  • Estrai tag Twitter Card (twitter:card, twitter:title, twitter:description, twitter:image) quando presenti.
  • Segui i reindirizzamenti per ispezionare la destinazione canonica finale (comune per HTTP→HTTPS, www, rotte localizzate).
  • Modalità di validazione solo HTML per concentrarsi sui meta tag (non su risorse non HTML).
  • Rilevazioni + scheda punteggio e filtro "solo problemi" per una rapida pulizia.
  • Output in testo semplice facile da copiare, confrontare e condividere.
  • Copia i risultati per ticket e documentazione.
  • Esporta JSON per automazione e auditing.
  • Esporta report PDF per consegne client e audit SEO.

🧭 Come usare for open-graph-meta-checker

1

Incolla l'URL della pagina

Inserisci l'URL della pagina di cui vuoi vedere l'anteprima (es. una landing page, un post del blog, una pagina prodotto). Questo strumento è pensato per pagine HTML, non per immagini o API.

2

Segui i reindirizzamenti se il tuo sito reindirizza

Mantieni "Segui Reindirizzamenti" abilitato così lo strumento controlla la destinazione finale che i crawler social probabilmente raggiungeranno.

3

Rivedi i valori OG e Twitter

Controlla i campi titolo, descrizione e immagine. Cerca valori vuoti, segnaposto, duplicati o incongruenze tra i tag OG e Twitter.

4

Correggi problemi comuni nelle anteprime

Assicurati che og:image sia un URL assoluto, accessibile pubblicamente e punti alla risorsa corretta. Conferma che titoli/descrizioni siano concisi e unici per pagina.

5

Esporta e condividi un report

Scarica JSON per automazione o PDF per report SEO/client. Usa la vista testo semplice per incollare rapidamente i valori nei ticket.

Specifiche tecniche

Modello di richiesta e parsing

Questo strumento recupera la pagina di destinazione (HTML) ed estrae i meta tag Open Graph e Twitter Card dagli elementi meta del documento. Supporta il seguire i reindirizzamenti per ispezionare la destinazione effettiva.

ImpostazioneComportamentoPredefinito
Solo HTMLSi concentra su pagine HTML ed estrazione di meta datiAbilitato (in base alle capacità dello strumento)
Segui ReindirizzamentiSegue i reindirizzamenti per ispezionare l'URL finaleAbilitato
Reindirizzamenti MassimiLimite di reindirizzamenti per prevenire loop10
TimeoutLimite di timeout della richiesta15000 ms
User-AgentIdentifica l'agente utente della richiestaEncode64Bot/1.0 (+https://encode64.com)
Reti privateBlocca l'accesso a intervalli di rete privati per sicurezzaDisabilitato (reti private non consentite)

Set di meta tag consigliato (baseline)

Una solida baseline include sia i campi Open Graph che Twitter Card in modo che le anteprime vengano visualizzate in modo coerente su tutte le piattaforme.

PiattaformaTag minimiNote
Open Graphog:title, og:description, og:imageAggiungi og:url e og:type quando applicabile
Twitter Cardtwitter:card, twitter:title, twitter:description, twitter:imagetwitter:card è comunemente summary o summary_large_image
Anche se la tua pagina appare correttamente in un browser, i crawler vedono solo ciò che è nella risposta HTML che recuperano. L'inserimento di meta tag solo lato client potrebbe non essere rilevato in modo affidabile.

Insidie di og:image da tenere d'occhio

I fallimenti più comuni nelle anteprime derivano dall'URL dell'immagine: deve essere raggiungibile, assoluto e compatibile con le regole di recupero dei crawler.

ProblemaSintomoSoluzione
URL immagine relativoL'anteprima non mostra alcuna immagineUsa un URL assoluto per og:image e twitter:image
Bloccato da autenticazione / robot / firewallAnteprima mancante o incoerenteGarantire accesso pubblico per i crawler; consentire user agent social se si applicano filtri
URL dell'immagine con reindirizzamentoAlcune piattaforme non riescono a recuperarlaPreferire un URL immagine diretto e stabile (senza reindirizzamenti)
Tipo di contenuto erratoImmagine non riconosciutaFornire il Content-Type corretto (es. image/png, image/jpeg)

Riga di comando

Puoi validare i tag OG/Twitter dal terminale recuperando l'HTML e cercando i meta tag. Utile per controlli CI e debug di problemi SSR.

macOS / Linux

Recupera HTML ed elenca i meta tag OG/Twitter

curl -Ls https://example.com/page | grep -i -E "<meta[^>]+(property=\"og:|name=\"twitter:)"

Mostra i meta tag che influenzano le anteprime social. Usa -L per seguire i reindirizzamenti.

Controlla l'URL finale dopo i reindirizzamenti

curl -ILs https://example.com/page | awk '/^HTTP\//{print} /^location:/I{print}'

Stampa le righe di stato della catena di reindirizzamento e gli header Location.

Windows (PowerShell)

Scarica HTML e cerca tag OG/Twitter

$html = (Invoke-WebRequest https://example.com/page).Content; $html -split "`n" | Select-String -Pattern "<meta" | Select-String -Pattern "og:|twitter:"

Metodo rapido per confermare che i tag esistano nell'HTML consegnato.

Se la tua app è fortemente SPA, assicurati che i tag OG/Twitter vengano renderizzati lato server (SSR/SSG) per affidabilità. I crawler potrebbero non eseguire il tuo JavaScript client come fanno i browser.

Casi d'uso

Correggi anteprime social danneggiate

Quando un link viene condiviso con titolo errato, senza immagine o testo obsoleto, questo strumento ti aiuta a individuare rapidamente i meta campi mancanti o errati.

  • Valida og:title e twitter:title
  • Conferma che og:image sia raggiungibile e assoluto
  • Rileva descrizioni vuote o segnaposto

QA per pagine dinamiche e SSR

Assicurati che il tuo framework generi tag OG/Twitter nella risposta HTML per ogni route (specialmente con Next.js, Nuxt, SvelteKit, ecc.).

  • Conferma che i meta per pagina siano presenti nell'HTML
  • Intercetta generazione meta solo client
  • Valida reindirizzamenti verso locali canonici

SEO e flussi di lavoro di pubblicazione contenuti

Standardizza le anteprime su un sito: titoli/descrizioni coerenti, tipo OG corretto e immagini stabili migliorano il CTR quando i link vengono condivisi.

  • Verifica i template per campi OG mancanti
  • Esporta PDF/JSON per checklist editoriali
  • Rileva meta duplicati su più pagine

Reporting e audit per clienti

Genera un report pulito ed esportabile per documentare lo stato delle anteprime social e le correzioni consigliate.

  • Report PDF per gli stakeholder
  • Report JSON per tracciare le modifiche nel tempo

❓ Frequently Asked Questions

❓Qual è la differenza tra Open Graph e Twitter Cards?

Open Graph (og:*) è utilizzato da molte piattaforme (Facebook, LinkedIn, Slack/Discord, ecc.). Twitter Cards (twitter:*) sono utilizzate da X/Twitter. Molti siti pubblicano entrambi per una copertura ottimale.

❓Perché la mia anteprima mostra un'immagine o un titolo vecchio?

Le piattaforme memorizzano in cache le anteprime. Dopo aver corretto i tag, spesso è necessario ripetere lo scraping utilizzando gli strumenti di debug della piattaforma e potrebbe essere necessario attendere l'aggiornamento della cache.

❓Perché la mia og:image non viene visualizzata?

Cause comuni: l'URL è relativo, bloccato (auth/WAF/robots), reindirizza troppo, tipo di contenuto errato o non raggiungibile pubblicamente. Usa questo strumento per verificare il valore estratto e poi testa direttamente l'URL dell'immagine.

❓Ho bisogno sia di og:title che di twitter:title?

È consigliato. Alcune piattaforme si basano su OG, altre sui tag di Twitter. Avere entrambi riduce le incongruenze.

❓Posso testare una pagina protetta da login?

I crawler social generalmente non possono accedere a contenuti autenticati, quindi le anteprime non funzioneranno in modo affidabile. Preferisci pagine di anteprima pubbliche o endpoint OG pubblici per contenuti condivisibili.

❓È sicuro incollare URL qui?

Lo strumento effettua richieste lato server all'URL fornito e blocca le destinazioni di rete privata. Evita di inserire segreti (token) nelle stringhe di query.

Pro Tips

Best Practice

Usa URL assoluti per og:image e twitter:image e mantienili stabili (evita reindirizzamenti) per ridurre i fallimenti dei crawler.

Performance Tip

Genera immagini OG in modo deterministico (modello + parametri) così puoi aggiornare il branding mantenendo gli URL stabili per pagina.

Best Practice

Per app Next.js/SSR, verifica i tag nella risposta HTML iniziale (Visualizza sorgente), non solo nel DOM dopo l'idratazione.

Best Practice

Mantieni i titoli concisi e unici per pagina; titoli troppo lunghi potrebbero essere troncati nelle anteprime e ridurre il CTR.

CI Tip

Esporta report JSON e aggiungili alla tua checklist di rilascio per individuare regressioni nei modelli meta.

Additional Resources

Protocollo Open Graph
Documentation
Documentazione Twitter Cards (X)
Documentation
Tag meta per anteprime social (MDN: <meta>)
Documentation
Google Search Central: controlla gli snippet (tag meta)
Documentation

Other Tools