Verificare immagine OG / testi prima del deploy. Testare immagine hero su crop 1,91:1. Vedere dove ogni piattaforma taglia titolo/descrizione. Redigere tag OG mancanti.

og:title , og:description , og:image (URL assoluto), og:url , og:type twitter:card="summary_large_image"

Anteprima statica, non fetch in tempo reale. Usare i debugger ufficiali. URL immagine assoluti. Immagine pubblicamente accessibile. Aspect 1,91:1 (1200×630) funziona ovunque. Dimensione <1 MB. Cache — forza re-scrape via debugger. Tagli diversi: Twitter ~70, FB ~88, LinkedIn ~100. Discord usa theme-color per il bordo sinistro.

Anteprima Tag OG

Incolla meta tag OG o riempi titolo/descrizione/immagine — anteprima delle card Twitter/X, Facebook, LinkedIn e Discord.

Paste meta tags (optional — fields below are filled from this if provided)

Title

Site URL

Description

Image URL

Site name

Twitter / X (summary_large_image)

Facebook

Discord

A cosa serve?

Quando condividi un link su Twitter/X, Facebook, LinkedIn, Discord o Slack, viene reso come una card (titolo, descrizione, immagine) in base ai meta tag Open Graph. Ogni piattaforma renderizza diversamente. Questo strumento mostra il contenuto fianco a fianco.

Quando usarlo

Verificare immagine OG / testi prima del deploy.
Testare immagine hero su crop 1,91:1.
Vedere dove ogni piattaforma taglia titolo/descrizione.
Redigere tag OG mancanti.

Tag minimi

og:title, og:description, og:image (URL assoluto), og:url, og:type
twitter:card="summary_large_image"

Errori comuni

Anteprima statica, non fetch in tempo reale. Usare i debugger ufficiali.
URL immagine assoluti.
Immagine pubblicamente accessibile.
Aspect 1,91:1 (1200×630) funziona ovunque.
Dimensione <1 MB.
Cache — forza re-scrape via debugger.
Tagli diversi: Twitter ~70, FB ~88, LinkedIn ~100.
Discord usa theme-color per il bordo sinistro.