Téma

OG obrázky pro blogové příspěvky

OG obrázek pro blogové příspěvky je sociální náhled o rozměrech 1200×630, který se zobrazí, když někdo sdílí váš článek na X, LinkedIn, Facebooku, Slacku nebo WhatsAppu. FastOG jej generuje dynamicky na vyžádání z názvu příspěvku, úryvku a autora — bez návrhářské práce, bez nahrávání, bez předplatného, bez přihlášení pro začátek.

Proč každý příspěvek na blogu potřebuje vlastní OG obrázek

Odkaz sdílený bez karty, nebo se zastaralou generickou kartou, splyne s každým dalším příspěvkem. Karta pro každý příspěvek se skutečným nadpisem a čistým rozložením získá více sdílení a více kliknutí. Náklady na ruční generování jedné karty na příspěvek jsou důvodem, proč se většina blogů spokojí s jediným výchozím obrázkem — přesně tento problém FastOG odstraňuje.

Jak získat dynamický OG obrázek pro příspěvek na blogu

URL podepíšete v době renderování stránky pomocí template=blog, názvu příspěvku, úryvku a autora. Social crawler ji načte, FastOG vykreslí PNG jednou a Cloudflare ji uloží do mezipaměti, takže každé další sdílení je okamžité a zdarma.

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

Použijte template=blog pro vyhrazenou blogovou kartu s autorem a titulkem, nebo default pro čistší rozložení pouze s názvem. Všechny šablony se renderují v rozlišení 1200×630.

Která šablona se hodí pro váš blog

Pokud váš blog…	Použijte šablonu	Bonus
Zobrazuje autora + úryvek	`blog`	řádek s autorem v ceně
Je převážně titulek + slogan	`default`	minimalistická, zaměřená na značku
Používá fotografii nebo obrázek na obálku	`editorial` / `image-right`	layout vedený fotografií
Publikuje příspěvky o spuštění / produktu	`launch`	pole pro verzi a doménu

FAQ

Kolik FastOG stojí pro blogové příspěvky?

Jeden render pro každý unikátní obrázek; identické URL jsou trvale uložené v edge cache a nezapočítávají se do vašeho měsíčního limitu.

Musím obrázek znovu vygenerovat, když upravím příspěvek?

Pouze pokud se změní titulek, úryvek nebo autor — URL závisí na obsahu, takže změna obsahu vytvoří novou URL a nový render. Nezměněná URL zůstává v cache a nezapočítává se do vašeho limitu.

Mohu FastOG použít s mým stávajícím blogovacím frameworkem?

Ano. Hotové signery (signers) existují pro Next.js, React, SvelteKit, Vue/Nuxt, Astro, Express, Vanilla Node.js, JavaScript, PHP/Laravel, Python a Ruby/Rails. Podívejte se na stránku SDK.

Vyzkoušejte zdarma – bez registrace

Náhled a testování dynamických OG obrázků během pár sekund.

Otevřít bezplatný tester OG obrázků