Analizzatore Open Graph
Incolla un URL pubblico e recupereremo i suoi tag og:title, og:image, og:description e la Twitter card, esattamente come li renderizzeranno Slack, LinkedIn e X.
Come sistemare un'anteprima che non compare
- 01
Verifica che i tag esistano sull'URL che stai condividendo
Non sulla homepage, e non sulla versione dietro un redirect - sull'URL esatto che le persone incollano. Le anteprime vengono lette dalla risposta finale, quindi un tag che esiste solo sulla pagina precedente al redirect tanto vale che non esista.
- 02
Rendi l'immagine assolutamente raggiungibile
og:image richiede un URL https completo che uno sconosciuto possa recuperare: niente percorsi relativi, niente login, niente protezione anti-hotlink, niente redirect. Se non riesci ad aprirlo in una finestra privata, non ci riesce nemmeno la piattaforma.
- 03
Dalle la forma che le piattaforme si aspettano
1200 per 630 pixel è la scelta sicura di default, circa un rapporto di 1,91:1. Resta sotto qualche megabyte, usa JPEG o PNG, e tieni qualsiasi testo ben dentro il fotogramma, perché piattaforme diverse ritagliano bordi diversi.
- 04
Fai fare un nuovo scraping, non limitarti a riprovare
Ogni rete mette in cache ciò che ha recuperato la prima volta, incluso un fallimento. Dopo una correzione, usa il debugger di quella piattaforma per forzare un nuovo recupero - altrimenti stai guardando un errore ancora in cache e finisci per modificare cose che non erano mai state rotte.
Cosa fa ciascun tag
og:title e og:description
Il titolo e il sottotesto della scheda. Sostituiscono il titolo della pagina e la meta description ai fini della condivisione, il che è utile: la formulazione che funziona in un risultato di ricerca raramente è quella che funziona in un feed.
Il tag og:image
È quello che si nota di più ed è anche quello che fallisce più spesso, quasi sempre perché è irraggiungibile e non perché è sbagliato. Imposta larghezza e altezza esplicite dove puoi - alcune piattaforme costruiscono il layout della scheda prima che l'immagine finisca di scaricarsi.
Il tag og:url
L'indirizzo canonico di ciò che viene condiviso. Consolida i conteggi di engagement quando la stessa pagina circola con parametri di tracciamento diversi, quindi dovrebbe essere l'URL pulito, non quello taggato.
Il tag twitter:card
Sceglie tra una piccola miniatura e un'immagine grande. Per tutto il resto X ripiega sui tag Open Graph, quindi di solito è l'unico tag twitter: che vale la pena aggiungere.
Domande frequenti sulle anteprime dei link
Perché il mio link mostra un'anteprima vuota?
Nove volte su dieci l'immagine è irraggiungibile - un percorso relativo, un bucket privato, o un redirect che il fetcher non segue. Il resto sono pagine che generano i propri tag con JavaScript, che la maggior parte dei fetcher di anteprima non esegue mai.
Come cancello un'anteprima in cache?
Attraverso il debugger di quella specifica piattaforma, perché ognuna tiene la propria cache: il Sharing Debugger di Facebook, il Post Inspector di LinkedIn, il card validator di X. Non esiste una pulizia universale, e ricondividere semplicemente il link non basta.
Mi servono i tag twitter: se ho già i tag Open Graph?
Solo twitter:card, e solo se vuoi il layout con immagine grande. Titoli, descrizioni e immagini ripiegano tutti sugli equivalenti og:.
L'anteprima influisce sulla SEO?
Non direttamente - i tag Open Graph non sono segnali di ranking. Influiscono sul fatto che qualcuno clicchi il link quando viene condiviso, il che è un numero diverso e spesso più grande.
Perché lo stesso link appare diverso su ogni piattaforma?
Rapporti di ritaglio diversi, lunghezze diverse per la descrizione, e cache diverse con età diverse. Progetta l'immagine in modo che si legga bene anche quando i bordi vengono tagliati e la descrizione viene troncata.