Generatore tag OGP (output automatico per og:title, og:image e altro)

Inserisci URL, titolo, descrizione e URL immagine. Genera meta tag Open Graph e Twitter Card in un solo posto.

Pronto per copia e incolla Anteprima integrata Guida immagini e cache

Come si usa

  1. Apri lo strumento e inserisci URL canonico, titolo e URL immagine.
  2. Aggiungi facoltativamente descrizione, nome sito e impostazioni Twitter.
  3. Copia i meta tag generati e incollali nell'head della pagina.
  4. Controlla anteprima e note, poi regola rapporto immagine o strategia cache se necessario.

Che cos'e OGP?

Open Graph Protocol (OGP) e un insieme di metadati usati da piattaforme social e app di chat per mostrare anteprime dei link.

Impostando og:title, og:description, og:image e tag correlati puoi influenzare il modo in cui appaiono gli URL condivisi.

Combinare OGP con i tag Twitter Card aiuta a mantenere un comportamento di anteprima piu coerente tra piattaforme.

Guida alle dimensioni immagine (per anteprime piu stabili)

Guida piattaforme Meta (riferimento)

  • Riferimento minimo: 200x200.
  • Spesso stabile: 1200x630 o piu grande, almeno 600x315.
  • Rapporto consigliato intorno a 1.91:1.
  • Le linee guida per la dimensione file includono 8MB o meno.

Guida card X (riferimento)

  • summary_large_image in genere punta a un rapporto vicino a 2:1.
  • Intervallo di riferimento: minimo 300x157, massimo 4096x4096.
  • Le linee guida per la dimensione file includono meno di 5MB.
  • Usa JPG/PNG/WEBP/GIF dove supportato.

Quando gli aggiornamenti non appaiono (cache e nuova scansione)

  • I crawler social possono memorizzare in cache i metadati recuperati. Usa debugger/inspector di ciascuna piattaforma per richiedere una nuova scansione.
  • Se la sostituzione immagine non appare, puo aiutare cambiare l'URL dell'immagine (nuovo nome file o query string).
  • Impostare og:image:width e og:image:height puo migliorare in alcuni casi la stabilita del rendering.

FAQ

Puo generare anche i tag Twitter Card?

Si. Puo produrre insieme twitter:card e i tag correlati. E disponibile anche una modalita minima.

Che dimensione immagine dovrei usare?

Usa indicazioni pratiche in base alla destinazione. Le anteprime orientate a Meta spesso usano circa 1.91:1 (per esempio 1200x630), mentre X summary_large_image usa spesso circa 2:1 (per esempio 1200x600).

Perche le modifiche non si riflettono?

Nella maggior parte dei casi e un problema di cache. Richiedi una nuova scansione con gli strumenti della piattaforma e valuta di cambiare l'URL dell'immagine dopo la sostituzione.