Generatore Open Graph

Tutti gli strumenti

Genera tag Open Graph e Twitter Card affinché le tue pagine risultino perfette quando condivise, con un'anteprima della scheda social in tempo reale. Gratis e funziona nel tuo browser.

Tutto funziona nel tuo browser. Nulla di ciò che digiti viene caricato da nessuna parte.

Tag
Dimensione consigliata: 1200 × 630 px.
Twitter / X
Anteprima Facebook / LinkedIn
Ancora nessuna immagine
Anteprima Twitter / X
Meta tag generati

Informazioni su Generatore Open Graph

Il Generatore Open Graph crea i meta tag og: e twitter: che controllano come un link si presenta quando viene condiviso su Facebook, LinkedIn, X e altre piattaforme. Imposta il tipo di contenuto (sito web, articolo, prodotto o profilo), titolo, descrizione, URL canonico, immagine, nome del sito e lingua, oltre alle opzioni Twitter Card, incluso il tipo di card e gli handle di sito/autore.

Due anteprime live, una in stile card di condivisione Facebook/LinkedIn e una in stile card X, si aggiornano mentre digiti, così puoi vedere esattamente come appariranno titolo, descrizione, dominio e immagine da 1200 × 630 px prima che la pagina vada online.

Tutto avviene nel tuo browser; nulla di ciò che digiti viene caricato. Copia i tag Open Graph e Twitter Card generati negli appunti o scaricali come snippet HTML pronto da incollare nell'<head> della tua pagina.

Come usare Generatore Open Graph

  1. Scegli l'og:type: sito web, articolo, prodotto o profilo, oppure clicca su "Compila esempio" per partire da un caso pratico.
  2. Inserisci titolo, descrizione, URL canonico e URL dell'immagine (si consiglia 1200 × 630 px), oltre al nome del sito e alla lingua.
  3. Imposta il tipo di Twitter Card (Summary o Summary con immagine grande) e gli handle facoltativi @site e @creator.
  4. Controlla entrambe le anteprime delle card social mentre si aggiornano in tempo reale.
  5. Copia i meta tag generati o scarica il file .html e aggiungilo alla tua pagina.

Domande frequenti

Usa 1200 × 630 pixel. Quel rapporto si rende in modo nitido come card grande su Facebook, LinkedIn e X senza ritagli imprevisti.

X ricade su Open Graph per la maggior parte dei campi, ma twitter:card è necessario per scegliere il layout della card, e twitter:site / twitter:creator aggiungono l'attribuzione: il generatore li produce tutti insieme.

Le piattaforme social memorizzano nella cache le anteprime dei link. Dopo aver distribuito nuovi tag, effettua nuovamente lo scraping dell'URL con il debugger di condivisione o il validatore di card della piattaforma per aggiornare la cache.

No. I dati del modulo, le anteprime e il markup generato esistono solo nel tuo browser: nulla viene inviato a un server.

Sì, completamente gratuito e senza limiti.
Condividi
Strumenti correlati
Generatore di meta tag Crea un set completo di meta tag HTML per la SEO — titolo, descrizione, robots, canonico, viewport e altro — con un'anteprima Google in tempo reale. Gratis, nel tuo browser. Gratuito
Generatore Schema.org / JSON-LD Crea dati strutturati Schema.org validi (JSON-LD) per articoli, organizzazioni, prodotti, FAQ e altro — per i risultati avanzati. Gratis, nel tuo browser. Gratuito
Generatore di sitemap XML Trasforma un elenco di URL in una sitemap XML valida con lastmod, changefreq e priority, pronta per essere inviata ai motori di ricerca. Gratis, nel tuo browser. Gratuito
Codici di stato HTTP Consulta ogni codice di stato di risposta HTTP (1xx–5xx) in una directory ricercabile e filtrabile — poi apri qualsiasi codice per scoprire cosa significa, quando usarlo, se è memorizzabile in cache e l'RFC che lo definisce. Nel browser, gratuito. Gratuito
Metodi HTTP Un riferimento scorrevole per ogni metodo di richiesta HTTP — GET, POST, PUT, PATCH, DELETE e gli altri, più WebDAV — che mostra a colpo d'occhio se ciascuno è sicuro, idempotente e memorizzabile in cache, se accetta un corpo, e un esempio tipico. Nel browser, gratuito. Gratuito
Riferimento intestazioni HTTP Consulta le intestazioni di richiesta e risposta HTTP comuni in una directory ricercabile — filtra per direzione e categoria, leggi una descrizione di una riga e un esempio realistico, e copia qualsiasi nome di intestazione con un clic. Nel browser, gratuito. Gratuito
Hai bisogno di aiuto?
Hai riscontrato un problema con questo strumento? Faccelo sapere.
Segnala un problema

Aggiungi questo strumento gratuito al tuo sito web — copia e incolla il codice qui sotto.