Question 1

Quali dimensioni di immagine dovrei usare per og:image?

Accepted Answer

La dimensione minima raccomandata è 1200×630 pixel con un rapporto di aspetto di 1,91:1. Facebook e LinkedIn tagliano le immagini più piccole. Usa PNG o JPEG inferiori a 8 MB. Evita di posizionare testo critico troppo vicino ai bordi, poiché le piattaforme potrebbero ritagliare leggermente l'immagine per le miniature.

Question 2

Qual è la differenza tra og:type e i tipi di Twitter Card?

Accepted Answer

og:type descrive che tipo di contenuto è la pagina — 'website' per le pagine generali, 'article' per i post del blog, 'video.other' per i contenuti video. Twitter Cards è un sistema separato: summary mostra una piccola miniatura, summary_large_image mostra un'immagine a tutta larghezza e player incorpora video. Vengono impostati indipendentemente con <meta name="twitter:card">.

Question 3

Posso generare immagini OG dinamiche automaticamente?

Accepted Answer

Sì. Strumenti come @vercel/og di Vercel (usando l'ImageResponse API) e le trasformazioni URL-based di Cloudinary permettono di generare immagini al volo da testo e template. In Next.js, puoi creare una route opengraph-image.tsx che renderizza React in un'immagine PNG al momento della richiesta usando l'Edge runtime.

Question 4

Perché og:url è importante e come dovrebbe corrispondere al canonical?

Accepted Answer

og:url dice alle piattaforme social a quale URL associare la card di condivisione, evitando conteggi duplicati quando una pagina è accessibile da più URL (es. con/senza slash finale o parametri UTM). Deve corrispondere esattamente all'URL di <link rel="canonical"> per indicare l'indirizzo autorevole della pagina.

Question 5

Perché la mia immagine OG non si aggiorna dopo averla modificata?

Accepted Answer

Le piattaforme social mettono aggressivamente in cache i metadati OG. Facebook fa cache fino a 7 giorni; Twitter/X per periodi più brevi. Per forzare un aggiornamento: usa il Facebook Sharing Debugger (developers.facebook.com/tools/debug) o il Twitter Card Validator per fare scraping e aggiornare la cache. Cambiare l'URL dell'immagine (es. aggiungendo una query string per il cache-busting) forza le piattaforme a rifetchare immediatamente.

Anteprima OG

Facebook / LinkedIn

Twitter

Domande Frequenti

Comments & Feedback