Dynamiske OG-bilder for SaaS

Dynamiske OG-bilder for SaaS er sosiale forhåndsvisninger per side som genereres automatisk når dashbordet, dokumentasjonen, endringsloggen eller brukervendte ruter deles. FastOG gjengir hver enkelt på forespørsel og bufrer den, slik at en SaaS kan gi hver side et unikt merket kort uten manuelt designarbeid.

Hvorfor SaaS trenger dynamiske OG-bilder

SaaS-produkter har mange delbare flater – produktsider, dokumentsider, endringslogg-oppføringer, offentlige brukerprofiler og prestasjonskort. Hver av dem som deles på X eller LinkedIn, tjener på sitt eget kort i stedet for en enkelt logo-fallback. Å generere disse for hånd skalerer ikke; å generere dem ved gjengivelsestid gjør det.

Kjernemønsteret

For hver side du ønsker et kort for, signerer du en URL med sidens tittel (og eventuelle side-spesifikke felt) ved renderingstidspunktet. FastOG genererer PNG-en ved første henting, 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-bruksområder

Flate	Malideer
Produkt-/markedsføringssider	`company`, `hero`, `product`
Dokumentasjonssider	`default`, `devtool`
Changelog-oppføringer	`changelog`, `launch`
Offentlige bruker-/avatarkort	`testimonial`, `stats`, `image-right`
Prissider	`pricing`, `stats`

FAQ

Trenger jeg en mal per bruksområde?

Nei. Én mal + URL-feltene du sender inn er vanligvis nok; et par maler dekker resten. Alle rendres i 1200×630.

Hvordan håndterer jeg mange sider uten å bruke opp kvoten?

Identiske URL-er blir edge-cachet for alltid etter første rendering, så samme side delt 1000 ganger teller som 1 rendering. Innholdsendringer produserer bare en ny URL.

Kan jeg merke kortene med SaaS-identiteten min?

Ja — sett brand_name, brand_logo, bg_color, fonter og mønstre per URL. Se playground for å forhåndsvise maler live.

Prøv gratis – ingen registrering nødvendig

Forhåndsvis og test dynamiske OG-bilder på sekunder.

Åpne den gratis OG-bildetesteren

Emne