Immagini OG per Articoli del Blog
Un'immagine OG per gli articoli del blog è l'immagine di anteprima sociale 1200×630 mostrata quando qualcuno condivide il tuo articolo su X, LinkedIn, Facebook, Slack o WhatsApp. FastOG la genera dinamicamente su richiesta dal titolo, dall'estratto e dall'autore del tuo post — nessun lavoro di progettazione, nessun caricamento, nessun abbonamento, nessun login per iniziare.
Perché ogni post del blog ha bisogno della propria immagine OG
Un link condiviso senza card, o con una card generica e obsoleta, si confonde con tutti gli altri post. Una card specifica per ogni post, con il titolo reale e un layout pulito, ottiene più condivisioni e più clic. Il costo di generarne una a mano per ogni post è il motivo per cui la maggior parte dei blog si accontenta di una singola immagine predefinita: è esattamente il problema che FastOG elimina.
Come ottenere un'immagine OG dinamica per un post del blog
Firmi un URL al momento del rendering della pagina con template=blog, il titolo del post, un estratto e l'autore. Il crawler dei social lo recupera, FastOG renderizza il PNG una volta e Cloudflare lo mette in cache, così ogni condivisione successiva è istantanea e gratuita.
// Next.js App Router — app/blog/[slug]/page.tsx
export async function generateMetadata({ params }) {
const post = await getPost(params.slug);
return {
title: post.title,
openGraph: {
images: [generateOgImageUrl({
template: "blog",
title: post.title,
subtitle: post.excerpt,
author: post.author.name,
})],
},
};
}
Usa
template=blogper una card dedicata al blog con autore e titolo, oppuredefaultper un layout più pulito con solo il titolo. Tutti i template vengono renderizzati a 1200×630.
Quale template si adatta al tuo blog
| Se il tuo blog… | Usa il template | Bonus |
|---|---|---|
| Mostra autore + estratto | blog |
riga dell'autore inclusa |
| È principalmente titolo + tagline | default |
minimale, incentrato sul brand |
| Usa una foto o un'immagine di copertina | editorial / image-right |
layout incentrato sulla foto |
| Pubblica post di lancio / prodotto | launch |
campi versione + dominio |
FAQ
Quanto costa FastOG per i post del blog?
Un render per immagine unica; gli URL identici vengono memorizzati nella cache per sempre e non contano ai fini della tua quota mensile.
Devo rigenerare un'immagine quando modifico un post?
Solo se cambiano il titolo, l'estratto o l'autore — l'URL dipende dal contenuto, quindi una modifica al contenuto genera un nuovo URL e un nuovo render. Un URL invariato resta in cache e non incide sulla tua quota.
Posso usare FastOG con il mio framework per blog esistente?
Sì. Sono disponibili signer (funzioni di firma) integrabili per Next.js, React, SvelteKit, Vue/Nuxt, Astro, Express, Vanilla Node.js, JavaScript, PHP/Laravel, Python e Ruby/Rails. Consulta la pagina SDK.