Tutti gli strumenti

Controllo Open Graph e anteprima dei link

Inserisci un URL e vedi la card che viene disegnata quando qualcuno lo condivide, accanto a ogni tag trovato e a tutto ciò che non va.

Incolla qualsiasi pagina pubblica. Se ometti lo schema daremo per scontato https.

Incolla un URL pubblico. Scarichiamo la pagina dal nostro server, leggiamo i suoi tag Open Graph, Twitter card e meta standard e disegniamo la card che ogni piattaforma costruisce con essi.

Il nostro server scarica la pagina che indichi. L'immagine dell'anteprima viene caricata dal tuo browser direttamente dal sito controllato, quindi nessuna immagine passa da noi.

Da cosa è costruita un'anteprima di link

Un'anteprima di link è costruita da meta tag nell'head della pagina. Facebook ha scritto il protocollo Open Graph e tutto il resto lo ha adottato, quindi og:title, og:description, og:image e og:url fanno quasi tutto il lavoro. X legge gli stessi tag e aggiunge i propri: twitter:card decide se l'immagine occupa tutta la larghezza o resta una miniatura, e twitter:title, twitter:description e twitter:image sostituiscono quelli Open Graph quando sono impostati. Ciò che una pagina omette ricade su altro, prima sull'altro spazio dei nomi e poi sull'elemento title e sulla meta description, ed è per questo che anche una pagina senza alcun tag ottiene comunque una card.

Perché un'anteprima resta sbagliata dopo la correzione

Le piattaforme mettono in cache ciò che leggono. Facebook, LinkedIn e X tengono ciascuna la propria copia di una pagina già scansionata, spesso per giorni, quindi una card sbagliata alla prima condivisione resta sbagliata molto dopo che i tag sono stati corretti. Ognuna ha un debugger che rilegge su richiesta, ed è l'unico modo di svuotare una copia. Questa pagina non mette mai in cache: se i tag qui si leggono bene e la card fuori è ancora sbagliata, è una copia in cache e non il tuo markup.

Domande sulle anteprime dei link

Dal nostro server. Un browser non può leggere i tag di una pagina su un altro dominio, quindi la richiesta deve avvenire lato server. Solo l'immagine dell'anteprima viene caricata dal tuo browser, direttamente dal sito controllato.

Ogni piattaforma conserva la propria copia di ciò che ha letto, di solito per giorni. Facebook ha uno sharing debugger che rilegge un URL su richiesta, LinkedIn ha un post inspector e X rilegge quando il suo crawler ripassa. Questa pagina non mette nulla in cache, quindi è il modo più rapido di confermare che i tag siano giusti prima di andare a svuotare la copia di qualcun altro.

No. X ricade sui tag og: per titolo, descrizione e immagine quando quelli twitter: mancano. L'unico che vale la pena mettere è twitter:card, perché è quello che chiede il layout con l'immagine grande invece di quella piccola.

1200 per 630 pixel è la risposta sicura, perché riempie la cornice da 1,91 a 1 che ogni piattaforma disegna. Un'immagine quadrata va bene per una card X piccola. Qui non controlliamo le dimensioni, perché significherebbe scaricare l'immagine stessa, e questo strumento non lo fa mai.

Vedere la pagina come l'ha vista chi ha segnalato

Session Replay conserva la pagina, la console e le chiamate di rete accanto alla segnalazione, così chi guarda dopo ha già tutto davanti quando una condivisione viene male.

Installa estensioneCome funziona