Ämne

OG-bilder för blogginlägg

En OG-bild för blogginlägg är den 1200×630 sociala förhandsvisningsbilden som visas när någon delar din artikel på X, LinkedIn, Facebook, Slack eller WhatsApp. FastOG genererar den dynamiskt på begäran från ditt inläggs titel, utdrag och författare — inget designarbete, ingen uppladdning, inga prenumerationer, ingen inloggning för att komma igång.

Varför varje blogginlägg behöver sin egen OG-bild

En länk som delas utan kort, eller med en föråldrad generisk sådan, smälter in bland alla andra inlägg. Ett kort per inlägg med den faktiska titeln och en ren layout ger fler delningar och fler klick. Kostnaden för att skapa ett sådant för hand per inlägg är anledningen till att de flesta bloggar nöjer sig med en enda standardbild – det är precis det problemet FastOG löser.

Så här får du en dynamisk OG-bild för ett blogginlägg

Du signerar en URL vid sidans renderingstillfälle med template=blog, inläggets titel, ett utdrag och författaren. Sociala crawlers hämtar den, FastOG renderar PNG:en en gång, och Cloudflare cachar den så att varje senare delning är omedelbar och gratis.

tsx

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

Använd template=blog för ett dedikerat bloggkort med författare + rubrik, eller default för en renare layout med endast titel. Alla mallar renderas i 1200×630.

Vilken mall passar din blogg

Om din blogg…	Använd mallen	Bonus
Visar författare + utdrag	`blog`	författarrader inkluderade
Mestadels består av titel + tagline	`default`	minimalistisk, varumärkesfokuserad
Använder foto eller omslagsbild	`editorial` / `image-right`	fotoledda layout
Publicerar lanserings-/produktinlägg	`launch`	versions- och domänfält

FAQ

Hur mycket kostar FastOG för blogginlägg?

En rendering per unik bild; identiska webbadresser cachas på kanten för alltid och räknas inte mot din månadskvot.

Måste jag generera om en bild när jag redigerar ett inlägg?

Endast om titeln, utdraget eller författaren ändras — webbadressen beror på innehållet, så en innehållsändring ger en ny webbadress och en ny rendering. En oförändrad webbadress förblir cachad och räknas inte mot din kvot.

Kan jag använda FastOG med mitt befintliga bloggrahmverk?

Ja. Färdiga signerare (signers) finns för Next.js, React, SvelteKit, Vue/Nuxt, Astro, Express, Vanilla Node.js, JavaScript, PHP/Laravel, Python och Ruby/Rails. Se SDK-sidan.

Prova gratis – ingen registrering krävs

Förhandsgranska och testa dynamiska OG-bilder på några sekunder.

Öppna gratis OG-bildtestaren