Anteprima di condivisione

Come si usa

1. Inserisci l'indirizzo di una pagina, come example.com/blog/launch, e premi Controlla. Non hai una pagina sottomano? Prova uno degli esempi.
2. Guarda la scheda che ogni app costruisce: X, Facebook, LinkedIn, Slack, Discord, WhatsApp e iMessage. Un punto verde significa che la scheda è a posto; uno giallo o rosso dice sotto la scheda cosa non va.
3. Apri Mostra correzioni e tag per vedere ogni tag controllato uno per uno. I tag mancanti sono pronti da incollare nel tuo <head>: copiali, compila i valori, pubblica la modifica e controlla di nuovo.

L'indirizzo del controllo è nella barra degli indirizzi del browser, così puoi mandarlo a chi si occupa della pagina.

Come funzionano le anteprime dei link

Quando incolli un link in un post o in una chat, il crawler dell'app scarica la pagina una volta e legge i tag nel suo <head>. Non esegue JavaScript, non accede e non accetta i banner dei cookie, quindi i tag aggiunti da uno script dopo il caricamento della pagina sono invisibili per lui. Lo strumento scarica la pagina allo stesso modo: una richiesta, niente JavaScript, e reindirizzamenti seguiti come li segue un crawler.

Ogni app legge gli stessi pochi tag, con i propri ripieghi:

• Open Graph (og:title, og:description, og:image, og:url, og:site_name) è ciò che leggono Facebook, LinkedIn, Slack, Discord, WhatsApp e iMessage.
• X legge prima twitter:card, twitter:title, twitter:description e twitter:image, e in mancanza usa i tag Open Graph. Senza twitter:card mostra una piccola scheda di riepilogo, anche quando c'è un'immagine.
• Quando manca og:title, la maggior parte delle app usa il <title>. Quando manca og:description, alcune usano la meta description e altre non mostrano alcun testo.
• Discord colora il bordo della sua scheda con theme-color.

Le anteprime qui seguono queste regole. Ogni app cambia anche il proprio design di tanto in tanto, quindi considerale vicine al vero, non esatte.

L'immagine di anteprima

Un'immagine funziona ovunque: 1200 × 630 pixel (1,91:1), PNG o JPEG, a un indirizzo https:// completo.

• Sotto i 600 pixel di larghezza, Facebook e LinkedIn mostrano una piccola miniatura invece di una scheda grande. Sotto 200 × 200, Facebook non mostra l'immagine.
• X accetta immagini fino a 5 MB e Facebook fino a 8 MB. WhatsApp spesso omette le immagini oltre circa 600 KB, quindi un JPEG ben compresso è la scelta sicura.
• Nessuna delle grandi app supporta SVG.
• Un indirizzo relativo come /og.png non funziona con tutti i crawler. Scrivi l'URL completo.
• I ritagli quadrati sono comuni (WhatsApp, iMessage per i link piccoli), quindi tieni la parte importante dell'immagine vicino al centro.

Lo strumento scarica anche l'immagine, la misura dall'intestazione del file e la mostra nelle anteprime.

Perché un'anteprima sembra ancora vecchia

Le app memorizzano nella cache ciò che hanno scaricato, da pochi minuti a circa una settimana. Dopo che hai corretto i tag, lo strumento mostra subito la nuova versione, ma un link già condiviso mantiene la vecchia anteprima finché l'app non lo scarica di nuovo. Lo Sharing Debugger di Facebook e il Post Inspector di LinkedIn riscaricano una pagina su richiesta. In Slack, un link pubblicato di nuovo dopo un po' ottiene una nuova anteprima. Aggiungere una query string, come ?v=2, fa sì che qualsiasi app lo tratti come un link nuovo.

Domande frequenti

Perché la mia anteprima non ha l'immagine?

Le cause tipiche, in ordine: non c'è un tag og:image, l'indirizzo dell'immagine è relativo o risponde con un errore, l'immagine è troppo piccola o troppo grande, oppure il tag viene aggiunto da JavaScript dopo il caricamento della pagina. La riga sotto ogni scheda indica la causa che si applica.

Di quali tag ho bisogno come minimo?

og:title, og:description, og:image con un'immagine 1200 × 630, og:url e twitter:card impostato su summary_large_image. Il Generatore di meta tag li scrive per te.

Può controllare pagine che richiedono l'accesso?

No. I crawler non accedono, quindi una pagina dietro un login non ha anteprima da nessuna parte. Lo strumento vede ciò che vedono loro, e scarica solo indirizzi pubblici: le reti private e interne vengono rifiutate.

Lo strumento conserva le pagine che scarica?

No. Scarica la pagina e le sue immagini quando premi Controlla e ti invia ciò che ha trovato. Il risultato viene conservato per due minuti, così un secondo controllo dello stesso indirizzo è immediato, poi viene eliminato. Legge fino a 2 MB di HTML e 8 MB per immagine, e rinuncia dopo 8 secondi.

Perché dice che la mia pagina risponde 403 se nel mio browser si apre bene?

Alcuni siti e firewall bloccano le richieste che non provengono da un browser, o quelle dei grandi crawler che conoscono. Se lo strumento riceve un 403, potrebbero riceverlo anche Facebook o LinkedIn: controlla le impostazioni sui bot del tuo firewall.

C'è un limite?

Venti controlli al minuto da uno stesso indirizzo. Ogni sito viene anche scaricato al massimo 60 volte al minuto tra tutti quelli che usano lo strumento, così non può essere usato per sommergere un sito di richieste. I risultati vengono conservati per due minuti, quindi lo stesso indirizzo controllato poco dopo torna subito; premere di nuovo Controlla sulla pagina che stai guardando la scarica sempre da capo.