Images OG dynamiques pour SaaS

Les images OG dynamiques pour SaaS sont des aperçus sociaux générés automatiquement pour chaque page, au fur et à mesure que votre tableau de bord, votre documentation, votre journal des modifications ou vos routes destinées aux utilisateurs sont partagés. FastOG les génère à la demande et les met en cache, ce qui permet à un SaaS de donner à chaque page une carte de marque unique, sans aucun travail de conception manuel.

Pourquoi les SaaS ont besoin d’images OG dynamiques

Les produits SaaS disposent de nombreuses surfaces partageables — pages produit, pages de documentation, entrées de journal des modifications, profils utilisateurs publics et cartes de réussite. Chacune d’elles, partagée sur X ou LinkedIn, bénéficie de sa propre carte plutôt que d’un simple logo de secours. Générer ces cartes à la main ne passe pas à l’échelle ; les générer au moment du rendu, si.

Le modèle de base

Pour chaque page pour laquelle vous souhaitez une carte, signez une URL avec le titre de la page (et tout champ spécifique à la page) au moment du rendu. FastOG génère le PNG lors de la première requête et Cloudflare le met en cache.

tsx

// Next.js — app/docs/[slug]/page.tsx
export function generateMetadata({ params }) {
    const doc = await getDoc(params.slug);
    return {
        openGraph: {
            images: [generateOgImageUrl({
                template: "default",     // or "devtool", "launch", "company"
                title: doc.title,
                subtitle: doc.excerpt,
                domain: "yoursaas.com",
            })],
        },
    };
}

Cas d’usage pertinents pour les SaaS

Surface	Idées de modèles
Pages produit / marketing	`company`, `hero`, `product`
Pages de documentation	`default`, `devtool`
Entrées de journal des modifications	`changelog`, `launch`
Cartes publiques d’utilisateur / d’avatar	`testimonial`, `stats`, `image-right`
Pages de tarification	`pricing`, `stats`

FAQ

Ai-je besoin d'un modèle par cas d'usage ?

Non. Un seul modèle, associé aux champs d'URL que vous transmettez, suffit généralement ; quelques modèles couvrent le reste. Tous sont rendus en 1200×630.

Comment gérer de nombreuses pages sans épuiser mon quota ?

Les URL identiques sont mises en cache en périphérie (edge-cached) pour toujours après le premier rendu. Ainsi, une même page partagée 1 000 fois ne compte qu'un seul rendu. Les changements de contenu produisent simplement une nouvelle URL.

Puis-je personnaliser les cartes avec l'identité de mon SaaS ?

Oui — définissez brand_name, brand_logo, bg_color, les polices et les motifs par URL. Consultez le playground pour prévisualiser les modèles en direct.

Essayez gratuitement — aucune inscription requise

Prévisualisez et testez des images OG dynamiques en quelques secondes.

Ouvrir le testeur d'images OG gratuit

Sujet