Images OG pour les articles de blog
Une image OG pour les articles de blog est l'image d'aperçu social de 1200×630 affichée lorsque quelqu'un partage votre article sur X, LinkedIn, Facebook, Slack ou WhatsApp. FastOG la génère dynamiquement à la demande à partir du titre, de l'extrait et de l'auteur de votre article — aucun travail de conception, aucun téléversement, aucun abonnement, aucun identifiant requis pour commencer.
Pourquoi chaque article de blog a besoin de sa propre image OG
Un lien partagé sans carte, ou avec une carte générique obsolète, se fond dans la masse des autres publications. Une carte propre à chaque article, avec le titre réel et une mise en page épurée, génère davantage de partages et de clics. Le coût de création manuelle d’une carte par article explique pourquoi la plupart des blogs se contentent d’une seule image par défaut — c’est précisément le problème que FastOG élimine.
Comment obtenir une image OG dynamique pour un article de blog
Vous signez une URL au moment du rendu de la page avec template=blog, le titre de l’article, un extrait et l’auteur. Le robot des réseaux sociaux la récupère, FastOG génère le PNG une seule fois, et Cloudflare le met en cache afin que chaque partage ultérieur soit instantané et gratuit.
// 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,
})],
},
};
}
Utilisez
template=blogpour une carte de blog dédiée avec auteur et titre, oudefaultpour une mise en page plus épurée avec titre uniquement. Tous les modèles sont rendus en 1200×630.
Quel modèle correspond à votre blog
| Si votre blog… | Utilisez le modèle | Bonus |
|---|---|---|
| Affiche l’auteur + un extrait | blog |
ligne d’auteur incluse |
| Est principalement un titre + un slogan | default |
minimaliste, axé sur la marque |
| Utilise une photo ou une illustration de couverture | editorial / image-right |
mise en page axée sur la photo |
| Publie des articles de lancement / de produit | launch |
champs version + domaine |
FAQ
Combien coûte FastOG pour les articles de blog ?
Un rendu par image unique ; les URL identiques sont mises en cache en périphérie (edge-cached) indéfiniment et ne comptent pas dans votre quota mensuel.
Dois-je régénérer une image lorsque je modifie un article ?
Uniquement si le titre, l'extrait ou l'auteur change — l'URL dépend du contenu, donc une modification du contenu génère une nouvelle URL et un nouveau rendu. Une URL inchangée reste en cache et ne compte pas dans votre quota.
Puis-je utiliser FastOG avec mon framework de blog existant ?
Oui. Des signeurs (signers) prêts à l'emploi existent pour Next.js, React, SvelteKit, Vue/Nuxt, Astro, Express, Vanilla Node.js, JavaScript, PHP/Laravel, Python et Ruby/Rails. Consultez la page SDK.