Apri Studio anteprima grafico

Apri lo strumento Anteprima grafico

Caricamento area di lavoro...

Come visualizzare l'anteprima dei tag OG da qualsiasi URL

Incolla un URL https assoluto, esegui Recupera metadati, quindi esamina il titolo, la descrizione, l'immagine e l'URL di destinazione uniti. Espandi la diagnostica per confermare i codici di stato, l'URL finale dopo i reindirizzamenti e il tipo di contenuto.

Come vengono scelti Open Graph, Twitter Card e meta tag di fallback

Per le anteprime in stile Facebook e LinkedIn preferiamo i tag Open Graph, quindi ricorriamo al tag titolo, alla meta descrizione, all'URL canonico e alla prima immagine del corpo adatta quando manca og:image. Per l'anteprima in stile X/Twitter preferiamo twitter:title, twitter:description e twitter:image quando presenti, altrimenti ricorriamo a Open Graph e poi agli stessi fallback generici.

Problemi comuni relativi ai metadati e come risolverli

L'assenza di og:image è il problema più comune relativo alla qualità della condivisione: aggiungi un URL di immagine quadrato o orizzontale. Sono frequenti anche tag duplicati o in conflitto, URL di immagini relative senza una base corretta e titoli lunghi che vengono troncati. Utilizza l'editor per testare le correzioni prima della pubblicazione.

Come esportare meta tag HTML o JSON

Dopo un recupero riuscito (o dopo aver compilato manualmente i campi obbligatori), utilizza Copia HTML o Copia JSON oppure scarica i file .html e .json. I valori vengono sottoposti a escape nello snippet HTML e il JSON include lo stato dell'origine per ogni campo supportato.

Recupera i metadati di Open Graph e Twitter Card da un URL pubblico, visualizza in anteprima le schede in stile Facebook, X/Twitter e LinkedIn, sovrascrivi i campi localmente ed esporta meta tag HTML o JSON.

Domande frequenti

Perché le anteprime differiscono tra Facebook, X e LinkedIn?

Ogni piattaforma legge i tag in un ordine leggermente diverso, applica le proprie regole di ritaglio e potrebbe memorizzare nella cache versioni precedenti della tua pagina. Questo studio mostra modelli locali coerenti dai metadati uniti in modo da poter convalidare la struttura e copiare, rendering di rete non perfetti al pixel.

Questo strumento modifica il mio sito web live?

No. L'HTML recuperato viene analizzato solo per la richiesta corrente. Le modifiche e le esportazioni rimangono nel tuo browser (con parametri di query URL facoltativi per sostituzioni condivisibili). Non viene riscritto nulla sul tuo sito.

Cosa succede se la mia pagina blocca i recuperi automatici?

Alcuni siti restituiscono 403/401 a client non browser. Questo MVP supporta solo HTML recuperabile pubblicamente senza autenticazione. Prova un URL di staging o rilassa temporaneamente le regole del bot se controlli il server.