Anteprima Open Graph
Inserisci l’indirizzo di una pagina, o incolla il suo HTML, per vedere la scheda che le persone ricevono quando la condividono e correggere ciò che manca.
I tag Open Graph sono meta tag nell’head di una pagina. Dicono ai social e alle app di chat quale titolo, descrizione e immagine mostrare quando qualcuno condivide il link.
Lo strumento legge questi tag e disegna una scheda del link nello stile di un post di Facebook. Controlla anche dimensioni e proporzioni dell’immagine ed elenca i tag mancanti o troppo lunghi.
Domande
Perché Facebook mostra ancora la mia vecchia anteprima?
Facebook mette in cache la scheda del link alla prima condivisione. Dopo aver corretto i tag, passa l’URL nello Sharing Debugger e rieseguine la scansione per aggiornare la cache. Le altre piattaforme hanno cache proprie.
Perché l’anteprima è vuota per una pagina fatta con JavaScript?
Gli scraper di link leggono l’HTML inviato dal server e non eseguono JavaScript. Se i tag vengono aggiunti solo nel browser, non si vedono. Generali sul server o nell’HTML statico.
Qual è la dimensione ideale dell’immagine Open Graph?
1200 x 630 pixel, proporzioni di circa 1,91:1, sotto gli 8 MB. Le immagini più piccole di 600 x 315 pixel vengono mostrate come piccola miniatura accanto al testo.
Perché l’anteprima è diversa da ciò che vedo dopo la condivisione?
Ogni piattaforma ha il proprio ritaglio, i propri limiti di testo e la propria cache. Questa anteprima segue il layout comune di Facebook e legge la tua pagina una sola volta, adesso. La piattaforma potrebbe anche aver salvato una versione più vecchia.
Quali tag contano di più?
og:title, og:description, og:image e og:url. Gli altri, come og:site_name e twitter:card, sono facoltativi ma migliorano la scheda.