4 min di lettura
Perché le anteprime dei tuoi link sembrano rotte (e come sistemarle)
Un'anteprima vuota o sbagliata quando incolli il link in Slack, iMessage o X dipende quasi sempre da una manciata di tag Open Graph. Ecco la checklist.
Pubblichi una pagina, incolli il link in Slack e ottieni un URL nudo senza immagine — o peggio, il titolo del mese scorso. Le anteprime dei link sono guidate dai meta tag Open Graph e Twitter, e quando mancano o sono sbagliati ogni piattaforma ripiega su qualcosa di brutto.
I tag che guidano l'anteprima
<meta property="og:title" content="Your page title" />
<meta property="og:description" content="One clear sentence." />
<meta property="og:image" content="https://yoursite.com/og.png" />
<meta name="twitter:card" content="summary_large_image" />I soliti colpevoli
- og:image è un percorso relativo — deve essere un URL assoluto.
- L'immagine è troppo piccola; punta a 1200×630.
- I tag vengono iniettati lato client, quindi i crawler non li vedono mai.
- Una cache serve l'anteprima vecchia — ri-esegui lo scraping per aggiornarla.
Lo strumento Immagine OG genera una card brandizzata per ogni pagina e ti mostra l'anteprima dell'unfurl su Slack, iMessage, X e LinkedIn prima della pubblicazione — poi la skill inserisce i tag nel tuo repository perché vengano generati lato server.