Generatore Gratuito di Immagini Open Graph (OG) e Anteprima | We.Inc
Crea un'immagine Open Graph 1200 x 630 nel tuo browser: titolo, sottotitolo, colori del marchio e il tuo logo, poi scarica un PNG. Anteprima card Facebook, LinkedIn e X e copia i meta tag. Gratis.
Generatore e Anteprima Immagine Open Graph
Progetta l'immagine che appare quando qualcuno condivide il tuo link. Digita un titolo e sottotitolo, scegli colori e un layout, aggiungi il tuo logo, e scarica un PNG 1200 x 630. Poi controlla come appare la card di condivisione su Facebook, LinkedIn e X e copia i meta tag per la tua pagina. Tutto gira nel tuo browser. Niente di ciò che digiti o carichi viene inviato a We.Inc o a chiunque altro.
Digita il titolo e un sottotitolo e nome del sito opzionali. I titoli lunghi vanno a capo su fino a tre righe.
Scegli un layout e un colore di sfondo e testo, oppure scegli uno dei preset colore.
Opzionalmente carica il tuo logo (PNG, JPG, SVG o WebP). È disegnato nell'angolo e non lascia mai il tuo dispositivo.
Premi Scarica PNG per salvare un'immagine 1200 x 630, la dimensione che Facebook, LinkedIn e X usano per le anteprime link grandi.
Carica quell'immagine sul tuo sito, incolla il suo URL completo nella casella URL Immagine e copia i meta tag generati nella head della tua pagina.
Mantieni il titolo sotto circa 60 caratteri e grande abbastanza da leggere su un telefono, dove le card di condivisione sono piccole.
Lascia un margine attorno al testo. Alcune app tagliano i bordi o mostrano l'immagine come un quadrato.
Usa un forte contrasto tra testo e sfondo. Il verificatore di contrasto colore può confermarlo.
Dopo che pubblichi, le app social mettono in cache la vecchia immagine. Lo Sharing Debugger di Facebook e il Post Inspector di LinkedIn possono aggiornarla.
Dai a ogni pagina importante la sua propria immagine; una card con logo generico ottiene meno click di una che nomina la pagina.
Domande frequenti
Che dimensione dovrebbe avere un'immagine Open Graph?
1200 x 630 pixel (un rapporto 1.91:1) è lo standard per le card grandi di Facebook, LinkedIn e X. Questo generatore esporta sempre esattamente quella dimensione.
Questo generatore di immagini OG è gratuito?
Sì. Nessuna registrazione e nessuna filigrana. L'immagine è disegnata su un canvas nel tuo browser e scaricata direttamente sul tuo dispositivo.
Il mio logo viene caricato da qualche parte?
No. Il logo è letto dal tuo browser e disegnato sull'immagine localmente. Niente viene inviato a We.Inc.
Come aggiungo l'immagine al mio sito web?
Carica il PNG sul tuo sito così ha un URL pubblico, poi aggiungi <meta property="og:image" content="quell'URL"> e un tag twitter:image alla head della pagina. Incolla l'URL nello strumento e scrive i tag per te.
Perché la vecchia immagine appare ancora quando condivido il mio link?
I social network mettono in cache le anteprime. Ricarica l'URL con lo Sharing Debugger di Facebook o il Post Inspector di LinkedIn, oppure aspetta che la cache scada.
Può leggere i tag dalla mia pagina live?
No. I browser impediscono a un sito di leggerne un altro, quindi inserisci tu stesso il titolo, la descrizione e l'URL immagine e lo strumento mostra come appariranno.
Cosa fa un'immagine Open Graph
Quando un link è incollato in Facebook, LinkedIn, X, Slack o un'app di messaggistica, l'app legge i tag Open Graph della pagina e mostra una card con un'immagine, un titolo e una breve descrizione. L'immagine è la parte più grande di quella card, quindi decide se le persone notano il link.
Senza un tag og:image, le app non mostrano nessuna immagine oppure ne scelgono una a caso dalla pagina. Un'immagine semplice con il titolo della pagina e il tuo marchio è sufficiente per sembrare intenzionale.
Una buona immagine OG in tre regole
Dì di cosa parla la pagina in poche parole, in testo grande. Usa i colori del tuo marchio così le persone ti riconoscono tra le condivisioni. Mantieni il contenuto importante lontano dai bordi, perché alcune app tagliano a quadrato o arrotondano gli angoli.
Su un sito We.Inc
I siti costruiti con We.Inc hanno un titolo di pagina, descrizione e immagine di condivisione che puoi impostare nel pannello SEO, così i tag sono scritti per te. Questo strumento è utile per qualsiasi sito, e per creare l'immagine di condivisione stessa.