Anteprima Open Graph e scheda social

Visualizza in anteprima come un link si espande in una scheda social su X, LinkedIn, Slack, Discord e Facebook a partire da titolo, descrizione, URL dell'immagine e URL della pagina.

Caricamento strumento…

Anteprima Open Graph e scheda socialL'Anteprima Open Graph e scheda social mostra come apparirà il tuo link quando viene condiviso sulle piattaforme social. Inserisci un titolo, una descrizione, un URL dell'immagine e un URL della pagina, poi passa tra X, LinkedIn, Slack, Discord e Facebook per vedere un mockup dal vivo della scheda di link di ciascuno. Tutto viene renderizzato nel tuo browser: il tuo testo non viene mai caricato e l'URL dell'immagine viene caricato direttamente dal suo host nell'anteprima, senza passare dai nostri server.

Cos'è Anteprima Open Graph e scheda social?

Questo è uno strumento di anteprima visiva delle schede Open Graph (OG) e social. I meta tag di Open Graph e Twitter Card indicano alle piattaforme quale titolo, riepilogo e immagine mostrare quando qualcuno condivide il tuo link, e questo strumento ricostruisce quella scheda di link così da poterla controllare prima di pubblicare. Marketer, redattori di contenuti e sviluppatori lo usano al lancio di un articolo del blog, di una landing page o di una pagina prodotto per confermare che il titolo non sia troncato, che l'immagine riempia il riquadro e che il dominio si legga correttamente. Scegli una piattaforma con il controllo segmentato per vederne il layout specifico: X, Facebook e LinkedIn rendono una grande immagine a banner con titolo e descrizione sotto, mentre Slack e Discord mostrano una scheda compatta con una barra d'accento, il dominio e una piccola miniatura. La riga del dominio viene dedotta automaticamente dall'URL della pagina. Simula la scheda solo dai valori che inserisci: non esegue lo scraping della tua pagina dal vivo né legge i suoi meta tag esistenti.

Come usare Anteprima Open Graph e scheda social

  1. Inserisci il titolo della pagina che deve apparire come titolo della scheda.
  2. Scrivi la descrizione (la riga di riepilogo mostrata sotto il titolo).
  3. Incolla un URL dell'immagine assoluto (idealmente 1200×630) per caricare l'immagine dell'anteprima.
  4. Inserisci l'URL della pagina: il dominio mostrato sulla scheda ne viene dedotto.
  5. Passa tra X, LinkedIn, Slack, Discord e Facebook per confrontare il layout di ciascuna piattaforma.
  6. Regola titolo e descrizione finché nulla viene troncato e la scheda appare a posto.

Esempi

Scheda di un articolo del blog

Il titolo 'How to Bake Sourdough', una breve descrizione, un'immagine og.png e l'URL https://blog.example.com/sourdough vengono resi come una grande scheda a banner su X con il dominio blog.example.com sopra il titolo.

Espansione su Slack/Discord

Passando a Slack, gli stessi valori appaiono come una scheda compatta con una barra d'accento a sinistra, il dominio, il titolo e una piccola miniatura quadrata a destra.

Immagine mancante

Lascia vuoto l'URL dell'immagine e l'anteprima mostra un riquadro segnaposto nelle proporzioni corrette così da poter comunque valutare spaziatura e disposizione del testo.

Domande frequenti

Quali piattaforme posso visualizzare in anteprima?
Cinque: X (Twitter), LinkedIn, Slack, Discord e Facebook. X, Facebook e LinkedIn vengono disegnati come schede a banner con immagine grande, mentre Slack e Discord usano lo stile di espansione compatto con una barra d'accento e una piccola miniatura. Usa il selettore di piattaforma per passare tra loro all'istante.
Legge i tag Open Graph dalla mia pagina dal vivo?
No. Non esegue lo scraping né recupera la tua pagina e non analizza i suoi meta tag esistenti. Costruisce la scheda unicamente a partire dal titolo, dalla descrizione, dall'URL dell'immagine e dall'URL della pagina che digiti, quindi è un'anteprima ipotetica e non un validatore di una pagina pubblicata.
Da dove proviene l'immagine dell'anteprima?
L'immagine viene caricata direttamente dal tuo browser dall'URL dell'immagine che inserisci: va dall'host dell'immagine stessa al tuo browser, senza passare dai nostri server. Se l'immagine non appare, verifica che l'URL sia assoluto (inizi con https://) e raggiungibile pubblicamente.
Perché il mio titolo o la mia descrizione vengono tagliati nella scheda?
Le piattaforme social troncano titoli e descrizioni lunghi, e l'anteprima lo imita limitando le righe. Se il testo viene tagliato qui, probabilmente verrà tagliato anche alla condivisione, quindi accorcialo finché non rientra.
I miei dati vengono inviati a un server?
No. Il titolo, la descrizione e gli URL che digiti restano nel tuo browser e non vengono mai caricati, registrati o memorizzati da noi. L'unica richiesta esterna è il recupero da parte del tuo browser dell'immagine di anteprima dall'URL che fornisci, che è un normale comportamento del browser.

Strumenti correlati