Topik

Gambar OG untuk Posting Blog

Gambar OG untuk posting blog adalah gambar pratinjau sosial berukuran 1200×630 yang ditampilkan ketika seseorang membagikan artikel Anda di X, LinkedIn, Facebook, Slack, atau WhatsApp. FastOG menghasilkannya secara dinamis sesuai permintaan dari judul, kutipan, dan penulis posting Anda — tanpa pekerjaan desain, tanpa unggahan, tanpa langganan, tanpa login untuk memulai.

Mengapa setiap posting blog memerlukan gambar OG-nya sendiri

Tautan yang dibagikan tanpa kartu, atau dengan kartu generik yang basi, akan tenggelam di antara posting lainnya. Kartu per-posting dengan judul yang sebenarnya dan tata letak yang bersih akan mendapatkan lebih banyak pembagian dan lebih banyak klik. Biaya pembuatan satu kartu per posting secara manual adalah alasan mengapa sebagian besar blog hanya mengandalkan satu gambar default — dan itulah masalah yang justru dihilangkan oleh FastOG.

Cara mendapatkan gambar OG dinamis untuk postingan blog

Anda menandatangani URL pada saat render halaman dengan template=blog, judul postingan, cuplikan, dan penulis. Perayap sosial mengambilnya, FastOG merender PNG sekali, dan Cloudflare menyimpannya dalam cache sehingga setiap pembagian berikutnya bersifat instan dan 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,
            })],
        },
    };
}

Gunakan template=blog untuk kartu blog khusus dengan penulis dan judul utama, atau default untuk tata letak yang lebih bersih hanya dengan judul. Semua templat dirender pada ukuran 1200×630.

Template mana yang cocok untuk blog Anda

Jika blog Anda…	Gunakan template	Bonus
Menampilkan penulis + kutipan	`blog`	baris penulis disertakan
Sebagian besar berupa judul + tagline	`default`	minimal, fokus pada merek
Menggunakan foto atau sampul	`editorial` / `image-right`	tata letak berbasis foto
Menerbitkan posting peluncuran / produk	`launch`	kolom versi + domain

FAQ

Berapa biaya FastOG untuk posting blog?

Satu render per gambar unik; URL yang identik di-cache di edge selamanya dan tidak dihitung terhadap kuota bulanan Anda.

Apakah saya perlu membuat ulang gambar saat mengedit posting?

Hanya jika judul, ringkasan, atau penulis berubah — URL bergantung pada konten, sehingga perubahan konten menghasilkan URL baru dan render baru. URL yang tidak berubah tetap di-cache dan tidak dihitung terhadap kuota Anda.

Bisakah saya menggunakan FastOG dengan kerangka kerja blog yang sudah ada?

Ya. Tersedia signer siap pakai untuk Next.js, React, SvelteKit, Vue/Nuxt, Astro, Express, Vanilla Node.js, JavaScript, PHP/Laravel, Python, dan Ruby/Rails. Lihat halaman SDK.

Coba gratis — tanpa perlu mendaftar

Pratinjau dan uji gambar OG dinamis dalam hitungan detik.

Buka Penguji Gambar OG Gratis