Temat

Obrazy OG dla wpisów na blogu

Obraz OG dla wpisów na blogu to obraz podglądu społecznościowego o wymiarach 1200×630, wyświetlany, gdy ktoś udostępnia Twój artykuł na X, LinkedIn, Facebook, Slack lub WhatsApp. FastOG generuje go dynamicznie na żądanie na podstawie tytułu wpisu, fragmentu i autora — bez pracy nad projektem, bez przesyłania plików, bez subskrypcji, bez logowania na start.

Dlaczego każdy wpis na blogu potrzebuje własnego obrazu OG

Link udostępniony bez karty lub ze statyczną, generyczną kartą ginie wśród innych postów. Karta przypisana do konkretnego wpisu, z rzeczywistym tytułem i czystym układem, generuje więcej udostępnień i kliknięć. Koszt ręcznego tworzenia takiej karty dla każdego wpisu sprawia, że większość blogów zadowala się jednym domyślnym obrazem — i właśnie ten problem rozwiązuje FastOG.

Jak uzyskać dynamiczny obraz OG dla wpisu na blogu

Podpisujesz URL w momencie renderowania strony za pomocą template=blog, tytułu wpisu, fragmentu tekstu oraz autora. Crawler społecznościowy pobiera go, FastOG renderuje PNG raz, a Cloudflare go cache’uje, dzięki czemu każde kolejne udostępnienie jest natychmiastowe i darmowe.

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

Użyj template=blog do dedykowanej karty bloga z autorem i nagłówkiem albo default do prostszego układu tylko z tytułem. Wszystkie szablony renderują w rozmiarze 1200×630.

Który szablon pasuje do Twojego bloga

Jeśli Twój blog…	Użyj szablonu	Bonus
Pokazuje autora + fragment	`blog`	linia autora zawarta
Składa się głównie z tytułu + tagline	`default`	minimalistyczny, skoncentrowany na marce
Używa zdjęcia lub grafiki okładkowej	`editorial` / `image-right`	układ oparty na zdjęciu
Publikuje wpisy o premierach / produktach	`launch`	pola wersji i domeny

FAQ

Ile kosztuje FastOG w przypadku wpisów na blogu?

Jeden render na unikalny obraz; identyczne adresy URL są trwale buforowane na brzegu sieci i nie wliczają się do miesięcznego limitu.

Czy muszę wygenerować obraz ponownie, gdy edytuję wpis?

Tylko jeśli zmieni się tytuł, zajawka lub autor — adres URL zależy od treści, więc zmiana treści skutkuje nowym adresem URL i nowym renderem. Niezmieniony adres URL pozostaje w pamięci podręcznej i nie wlicza się do limitu.

Czy mogę używać FastOG z moim istniejącym frameworkiem blogowym?

Tak. Gotowe funkcje podpisujące (signers) istnieją dla Next.js, React, SvelteKit, Vue/Nuxt, Astro, Express, Vanilla Node.js, JavaScript, PHP/Laravel, Python i Ruby/Rails. Zobacz stronę SDK.

Wypróbuj za darmo — bez rejestracji

Podglądaj i testuj dynamiczne obrazy OG w kilka sekund.

Otwórz darmowy tester obrazów OG