Open Graph Preview

Cos'è uno strumento di anteprima Open Graph?

I tag Open Graph (OG) sono meta tag HTML che controllano come la pagina web appare quando viene condivisa sui social media come Facebook, Twitter, LinkedIn e le app di messaggistica. I tag og:title, og:description, og:image e og:url determinano il titolo, lo snippet, la miniatura e il link mostrati nell'anteprima della condivisione. Questo strumento consente di visualizzare in anteprima come apparirà la pagina prima di condividerla.

Senza tag OG appropriati, le piattaforme social tentano di intuire il titolo e l'immagine dal contenuto della pagina, producendo spesso anteprime brutte o fuorvianti. Un'anteprima OG ben costruita aumenta notevolmente il tasso di clic — i post con immagini e descrizioni ottimizzate ottengono 2-3 volte più engagement rispetto a quelli senza.

Tag Open Graph essenziali

• og:title — il titolo mostrato nell'anteprima. Tenerlo sotto i 60 caratteri.
• og:description — un breve riassunto del contenuto della pagina. Tenerlo sotto i 155 caratteri.
• og:image — la miniatura dell'anteprima. Dimensione consigliata: 1200×630 pixel per la migliore visualizzazione su tutte le piattaforme.
• og:url — l'URL canonico della pagina.
• og:type — il tipo di contenuto (website, article, product, ecc.).

Come usare questo strumento

Inserire un URL e lo strumento recupera la pagina, estrae tutti i meta tag Open Graph e Twitter Card e mostra le anteprime di come la pagina apparirà su Facebook, Twitter e LinkedIn. Le immagini mancanti o con dimensioni errate vengono segnalate. Usarlo per testare i tag OG prima di pubblicare i contenuti.

Twitter Cards vs. Open Graph

Twitter usa propri meta tag (twitter:card, twitter:title, twitter:description, twitter:image) ma ricade sui tag OG quando i tag specifici di Twitter sono mancanti. Per la massima compatibilità, includere sia i tag OG che i Twitter Card tag. Il tag twitter:card (impostato su summary_large_image per un'anteprima grande) è l'aggiunta specifica di Twitter più importante.

Domande frequenti

Perché l'anteprima della condivisione non si aggiorna dopo aver modificato i tag OG?

Le piattaforme social memorizzano nella cache le anteprime per le ore o i giorni successivi alla prima scansione della pagina. Facebook ha uno strumento di debug (Sharing Debugger) che forza la ri-scansione. Twitter usa il Validatore di Card. LinkedIn ha il Post Inspector. Usare questi strumenti ufficiali per svuotare la cache dopo aver aggiornato i tag OG.

Qual è la dimensione giusta per un'immagine OG?

La dimensione raccomandata è 1200×630 pixel (rapporto 1,91:1) per la migliore visualizzazione su tutte le piattaforme. Minimo 600×315 pixel. Facebook, Twitter e LinkedIn visualizzano tutti bene questo rapporto. Usare formato JPEG o PNG, mantenere la dimensione del file sotto i 5 MB (idealmente sotto i 300 KB per un caricamento rapido). Evitare immagini con molto testo — alcune piattaforme ritagliano in modo diverso.