Dynamiske OG-billeder til SaaS

Dynamiske OG-billeder til SaaS er sociale forhåndsvisninger pr. side, der genereres automatisk, når dit dashboard, din dokumentation, dit ændringslog eller dine brugerrettede ruter deles. FastOG renderer hver enkelt efter behov og cacher den, så en SaaS kan give hver side et unikt brandet kort uden manuelt designarbejde.

Hvorfor SaaS har brug for dynamiske OG-billeder

SaaS-produkter har mange overflader, der kan deles — produktsider, dokumentsider, changelog-opslag, offentlige brugerprofiler og præstationskort. Hver enkelt, der deles på X eller LinkedIn, har gavn af sit eget kort i stedet for en enkelt logo-fallback. At generere disse manuelt skalerer ikke; at generere dem ved render-tidspunktet gør.

Kernemønsteret

For hver side, du ønsker et kort til, signerer du en URL med sidens titel (og eventuelle sidespecifikke felter) på render-tidspunktet. FastOG genererer PNG'en ved første hentning, og Cloudflare cacher den.

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",
            })],
        },
    };
}

Gode SaaS-brugsscenarier

Overflade	Skabelon-idéer
Produkt-/markedsføringssider	`company`, `hero`, `product`
Dokumentationssider	`default`, `devtool`
Changelog-opslag	`changelog`, `launch`
Offentlige bruger-/avatarkort	`testimonial`, `stats`, `image-right`
Prissider	`pricing`, `stats`

FAQ

Har jeg brug for en skabelon pr. use case?

Nej. Én skabelon plus de URL-felter, du sender, er som regel nok; et par skabeloner dækker resten. Alle renderes i 1200×630.

Hvordan håndterer jeg mange sider uden at bruge for meget af kvotaen?

Identiske URL'er cachelagres permanent på kanten efter den første rendering, så den samme side, der deles 1.000 gange, tæller som 1 rendering. Indholdsændringer resulterer blot i en ny URL.

Kan jeg brande kort med min SaaS-identitet?

Ja — sæt brand_name, brand_logo, bg_color, skrifttyper og mønstre pr. URL. Se playground for at forhåndsvise skabeloner live.

Prøv det gratis – ingen tilmelding nødvendig

Forhåndsvis og test dynamiske OG-billeder på få sekunder.

Åbn den gratis OG-billedtester

Emne