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.
Anteprima Open Graph e scheda social — L'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
- Inserisci il titolo della pagina che deve apparire come titolo della scheda.
- Scrivi la descrizione (la riga di riepilogo mostrata sotto il titolo).
- Incolla un URL dell'immagine assoluto (idealmente 1200×630) per caricare l'immagine dell'anteprima.
- Inserisci l'URL della pagina: il dominio mostrato sulla scheda ne viene dedotto.
- Passa tra X, LinkedIn, Slack, Discord e Facebook per confrontare il layout di ciascuna piattaforma.
- 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
Generatore di tag hreflang
Genera i tag link hreflang per una pagina multilingue a partire da un elenco di coppie lingua-URL, con un x-default opzionale e un tag autoreferenziale.
Generatore di JSON-LD
Genera dati strutturati JSON-LD validi per gli schemi Article, Product, FAQPage, HowTo, LocalBusiness, Event, Recipe, BreadcrumbList e Organization da un semplice modulo.
Verificatore di densità delle parole chiave
Analizza qualsiasi testo per contare la frequenza delle parole e la densità delle parole chiave come frasi di 1, 2 o 3 parole, con un avviso di sovraottimizzazione.
Generatore di meta tag
Genera meta tag SEO, Open Graph e Twitter Card per la tua pagina a partire da titolo, descrizione, URL canonico, immagine, nome del sito e tipo di card.