Come usare Anteprima Open Graph e meta tag
- 1
Incolla un link
Inserisci l'indirizzo di una pagina pubblica e clicca su Anteprima del link per leggere titolo, descrizione, tag Open Graph e tag della card X.
- 2
Controlla le card
Confronta il risultato di Google con le card di Facebook, X, LinkedIn, Slack, Discord e in stile iMessage, e leggi l'elenco dei tag mancanti o poco efficaci.
- 3
Modifica i tag
Clicca su Modifica questi tag, oppure apri Scrivi i tag, per cambiare titolo, descrizione e immagine e vedere ogni anteprima aggiornarsi mentre scrivi.
- 4
Copia nella tua pagina
Copia i meta tag generati nell'head della tua pagina, pubblicala e ricontrolla l'URL online.
Limiti e Pro
Gratis: 20 anteprime di URL al minuto, pagine fino a 3 MB di HTML con timeout di 12 secondi, 7 anteprime di piattaforme per link e modifica dei tag illimitata.
Informazioni su Anteprima Open Graph e meta tag
Questo anteprima dei meta tag mostra l'aspetto di un link prima che tu lo condivida. Legge i tag da cui nascono le anteprime dei link: il titolo HTML e la meta description, i tag Open Graph come og:title, og:description, og:image e og:site_name, i tag della card X come twitter:card e il colore del tema che Discord usa per la striscia dell'embed. Poi disegna sette anteprime: un risultato di ricerca Google, i post con link di Facebook e LinkedIn, una card X in formato immagine grande o riepilogo, un'anteprima di Slack, un embed di Discord e un fumetto in stile iMessage.
Quando manca un campo, le anteprime ripiegano come fanno la maggior parte delle piattaforme, per esempio da og:title al titolo della pagina, e la fonte viene indicata negli avvisi. Anche l'immagine viene controllata: dimensioni in pixel e tipo sono letti dall'intestazione del file, così scopri se è sotto il minimo di 200 × 200 di Facebook, troppo grande per il limite di 5 MB di X, un SVG non supportato o con proporzioni sbagliate per una card grande 2:1.
La scheda Scrivi i tag funziona senza scaricare nulla e produce un blocco di meta tag pronto all'uso. Le anteprime sono approssimazioni: le piattaforme cambiano grafica, tengono le card in cache per giorni e alcune mostrano testi diversi agli utenti che hanno effettuato l'accesso. Per aggiornare una card già condivisa, usa il debugger della piattaforma dopo la pubblicazione.
Privacy
In Controlla un URL l'indirizzo viene inviato al nostro server, che scarica quella pagina una sola volta e i primi byte della sua og:image per leggere i tag e la dimensione dell'immagine; non viene salvato né registrato nulla. Le immagini dell'anteprima vengono poi caricate nel tuo browser direttamente dal sito che le ospita. Scrivi i tag funziona solo nel tuo browser.
Funzionalità
Sette anteprime
Le card di Google, Facebook, X, LinkedIn, Slack, Discord e in stile iMessage affiancate.
Controlli su og:image
Dimensioni in pixel, tipo e peso del file letti dall'immagine stessa, con i minimi di ogni piattaforma.
Generatore di tag
Scrivi titolo, descrizione e immagine e copia un blocco completo di tag Open Graph e card X.