Categoria: Sviluppo
Anteprima Open Graph
Vedi in anteprima come apparirà la card di condivisione di una pagina
Incolla i tag <head> di una pagina e vedi come il link verrà mostrato come card condivisa, oltre a una checklist dei campi Open Graph e Twitter Card che mancano. Analizzato interamente nel tuo browser — nulla viene inviato o caricato.
Anteprima del link
Checklist
Tutto ciò che c'è in questa pagina viene elaborato nel tuo browser. Niente viene caricato.
A cosa serve
Quando un link viene condiviso sui social media o in un'app di chat, la card di anteprima viene costruita a partire dai meta tag Open Graph e Twitter Card nel <head> della pagina — non dal contenuto della pagina stessa. Tag mancanti o malformati significano un titolo vuoto, un'immagine assente, o nessuna card. Questo strumento legge i tag che incolli e mostra la card come la renderizzerebbe una piattaforma di condivisione, insieme a una checklist di ciò che è presente.
Come si usa
- Copia la sezione <head> della tua pagina, o solo i suoi meta tag.
- Incollala nel campo di input.
- Controlla la card di anteprima renderizzata e la checklist sotto di essa.
Privacy
Questo strumento funziona interamente nel tuo browser. Quello che inserisci non viene mai caricato, salvato o condiviso: chiudendo la scheda sparisce.
Domande frequenti
- Questo strumento recupera la mia pagina live?
- No — incolla tu stesso l'HTML. Nulla di ciò che inserisci viene inviato da qualche parte; i tag vengono analizzati nel tuo browser.
- Perché la mia immagine non appare?
- L'anteprima carica l'URL nel tuo tag og:image direttamente dal tuo browser, quindi apparirà solo se quell'URL è pubblico e raggiungibile. Anche un tag immagine mancante lascia la card vuota.
- Mi servono sia i tag Open Graph sia quelli Twitter Card?
- Open Graph (og:*) copre Facebook, LinkedIn, Slack e la maggior parte delle piattaforme. Twitter/X legge prima i tag twitter:* e ricade su Open Graph, quindi impostare entrambi dà il risultato più coerente.