Anteprima del link non visualizzata? Cause e come correggerla

Un'anteprima del link è costruita dai tag Open Graph nell'HTML della pagina di destinazione - og:title, og:description, og:image e og:url. Quando incolli un link in WhatsApp, Facebook, Slack o X, il crawler di quella piattaforma recupera la pagina, legge quei tag e renderizza la scheda. Se l'anteprima non viene visualizzata, è quasi sempre una di due cose: i tag sono assenti o danneggiati, oppure la piattaforma ha memorizzato nella cache un risultato vuoto e lo sta ancora servendo.

Questo singolo fatto - l'anteprima proviene dalla destinazione, non dal link - è ciò che lo rende risolvibile. Non stai facendo il debug della piattaforma; stai facendo il debug dei tag della pagina e poi cancellando la memoria che la piattaforma ne ha. Questa guida copre perché le anteprime si rompono, i pochi tag che contano, se i link brevi siano da incolpare (di solito no), e lo strumento esatto per aggiornare ogni piattaforma.

Se stai anche accorciando il link, come accorciare un URL copre quell'aspetto, e la domanda sul link breve ha la sua sezione dedicata qui sotto perché è quella su cui le persone si sbagliano di più.

Perché le anteprime dei link si rompono#

Le anteprime falliscono per un insieme piccolo e prevedibile di ragioni, e nominarle è metà della soluzione.

• Tag Open Graph assenti o malformati. Nessun og:title o og:image significa che il crawler non ha nulla su cui costruire una scheda, quindi ottieni un semplice link. Questa è di gran lunga la causa più comune.
• Un'immagine irraggiungibile o troppo grande. L'URL di og:image restituisce un 404, si trova dietro un login, o è troppo grande perché la piattaforma possa recuperarla in tempo. La scheda viene renderizzata senza la sua immagine, o non viene renderizzata affatto.
• Cache vuota. La piattaforma ha eseguito la scansione dell'URL una volta prima che i tag esistessero, ha memorizzato "nessuna anteprima" e continua a mostrarlo finché non è costretta a guardare di nuovo.
• Rendering solo tramite JavaScript. La maggior parte dei crawler social non esegue JavaScript; legge l'HTML grezzo. Se i tuoi tag vengono iniettati lato client, il crawler non li vede mai.

Quest'ultimo punto colpisce costantemente le moderne single-page app. Il crawler chiede l'HTML, ottiene una shell vuota e se ne va. La specifica del protocollo Open Graph definisce com'è che i tag dovrebbero apparire nell'HTML servito, e la correzione è sempre assicurarsi che siano nell'HTML che il crawler riceve, non aggiunti successivamente dallo script.

I tag Open Graph che alimentano un'anteprima#

Quattro tag fanno quasi tutto il lavoro. Correggili e la maggior parte delle piattaforme renderizza una scheda pulita.

og:title è il titolo della scheda. og:description è la riga di testo sotto di esso. og:image è l'immagine, ed è quella che le persone sbagliano più spesso - puntala a un URL assoluto di un'immagine di circa 1200x630 pixel, raggiungibile pubblicamente, non dietro autenticazione. og:url è l'indirizzo canonico della pagina, che mantiene l'anteprima stabile anche quando il link contiene parametri di tracciamento.

X legge la propria famiglia di tag twitter:card e torna a Open Graph quando sono assenti, motivo per cui una pagina può visualizzarsi perfettamente su Facebook e apparire spoglia su X. La mossa sicura è includere entrambi: i quattro tag Open Graph più twitter:card, twitter:title, twitter:description e twitter:image. Sono poche righe di HTML nel head della pagina, ed è la differenza tra una scheda che funziona ovunque e una che funziona solo in un posto. Google documenta il relativo comportamento del crawler e dei tag speciali se vuoi anche la prospettiva lato ricerca.

I link brevi rompono le anteprime dei link?#

Questa è la domanda che porta le persone al blog di un accorciatore URL, e la risposta è rassicurante: un link breve pulito non rompe le anteprime. Quando condividi un link breve, il crawler della piattaforma segue il reindirizzamento alla destinazione e legge i tag Open Graph lì, quindi la scheda mostra l'anteprima della destinazione esattamente come farebbe il lungo URL.

Le anteprime si rompono intorno ai link brevi solo in casi specifici. Una catena di reindirizzamenti - un link breve che punta a un altro link breve che punta alla pagina - può confondere o far andare in timeout un crawler, quindi mantieni un solo salto, che è la stessa disciplina che mantiene i reindirizzamenti veloci e puliti per la SEO. Un accorciatore che usa il mascheramento iframe invece di un vero reindirizzamento romperà l'anteprima, perché il crawler vede il wrapper, non la destinazione - uno dei vari motivi per cui quella tecnica è una cattiva idea, trattata in link cloaking e mascheramento URL. E se la destinazione stessa non ha tag Open Graph, nessun link breve può inventarli. Usa un reindirizzamento in un solo salto su un dominio personalizzato che punta a una pagina con tag appropriati, e l'anteprima è identica a quella del link non accorciato.

Se vuoi link brevi che reindirizzino in modo pulito in un solo salto e non si frappongano mai tra il tuo pubblico e una buona anteprima, inizia gratuitamente con Elido e punta il tuo primo link a una pagina con tag appropriati.

Come correggerla, piattaforma per piattaforma#

Una volta che i tag sono corretti, il lavoro rimanente è cancellare la cache di ogni piattaforma, e ogni piattaforma principale ti offre uno strumento.

1. Facebook e Instagram. Esegui l'URL attraverso il Facebook Sharing Debugger. Mostra i tag trovati e un pulsante "Scrape Again" che recupera nuovamente la pagina e cancella la scheda in cache. Copre anche Instagram, che condivide lo stesso crawler.
2. LinkedIn. Usa il LinkedIn Post Inspector. LinkedIn mette in cache le anteprime per circa una settimana, e l'inspector è l'unico modo per forzare un aggiornamento anticipato.
3. X (Twitter). Il validatore di Card recupera nuovamente la pagina e mostra come verrà renderizzata la scheda; verifica che i tag twitter:card siano presenti e ripeti il test.
4. WhatsApp, iMessage, Slack, Discord. Queste non hanno un debugger pubblico. Seguono Open Graph, ma mettono aggressivamente in cache. Il rimedio è condividere un URL leggermente diverso - aggiungi o modifica un parametro di query innocuo - che l'app tratta come nuovo ed esegue la scansione aggiornata.

Il pattern è lo stesso ovunque: correggi i tag sulla pagina, poi forza la piattaforma a guardare di nuovo. Un'anteprima che è semplicemente in cache si sistema in pochi minuti una volta che la riesegui; un'anteprima a cui mancavano i tag appare non appena il crawler vede di nuovo la pagina.

La checklist pre-condivisione#

Prima che un link raggiunga il pubblico, trenta secondi di verifica evitano l'imbarazzo del link spoglio.

• Conferma che la destinazione abbia og:title, og:description, og:image e og:url, più i tag Twitter Card.
• Apri l'URL di og:image direttamente in un browser - deve caricarsi, pubblicamente, a circa 1200x630.
• Esegui l'URL finale, link breve incluso, attraverso il debugger di Facebook per vedere la scheda reale.
• Se stai condividendo un link breve, verifica che sia in un solo salto alla destinazione, non una catena.

Fai queste quattro cose e l'anteprima appare la prima volta, su ogni piattaforma che conta. La scheda non è magia e non è la piattaforma che fa difficoltà - sono quattro tag sulla tua pagina e una cache da cancellare.

Correlati sul Blog#

• Come accorciare un URL: link gratuiti, brandizzati e in blocco
• Domini personalizzati per link brevi: la guida a DNS e TLS
• Link cloaking e mascheramento URL: cosa è sicuro per la SEO
• Gli accorciatori URL danneggiano la SEO? La risposta onesta
• Smart link spiegati: edge routing senza un servizio aggiuntivo