Digital Marketing
OG Image (Open Graph Image)
TL;DR: OG Image adalah gambar pratinjau berukuran 1200x630 piksel yang ditarik media sosial dan aplikasi chat dari meta tag Open Graph saat sebuah URL dibagikan. Gambar ini menentukan kesan pertama pembaca pada link dan berdampak langsung pada click-through rate kiriman organik maupun iklan.
Apa itu OG Image?
OG Image adalah aset visual yang dideklarasikan lewat tag <meta property="og:image"> di HTML. Saat seseorang menempel URL ke Facebook, LinkedIn, WhatsApp, atau Slack, platform melakukan scraping ke halaman tersebut lalu menampilkan gambar yang dideklarasikan. Tanpa OG Image yang valid, platform akan menampilkan tangkapan layar otomatis, logo favicon kecil, atau bahkan kotak abu-abu kosong. Ini relevan dengan pengaturan structured data yang juga membantu mesin pencari memahami konten.
Spesifikasi Standar
| Aspek | Rekomendasi |
|---|---|
| Dimensi ideal | 1200 x 630 piksel (rasio 1,91:1) |
| Format file | JPG atau PNG (WebP belum konsisten di semua scraper) |
| Ukuran maksimal | Di bawah 8 MB, ideal di bawah 1 MB |
| URL | Wajib absolut (https://), bukan relatif |
| Alt text | Set lewat og:image:alt untuk aksesibilitas |
| Cache | Platform meng-cache lama, ganti URL saat update |
LinkedIn, Twitter (X), dan Facebook memakai spesifikasi yang sedikit berbeda. Twitter butuh twitter:card terpisah, sementara LinkedIn ketat soal rasio 1,91:1 dan menolak gambar yang terlalu kecil.
Kenapa Penting?
Untuk pemilik website bisnis Indonesia, OG Image adalah etalase di feed sosial dan grup WhatsApp. Sebuah link dengan OG Image yang relevan dan menarik bisa naik click-through 30-100% dibanding link tanpa preview, berdasarkan rangkuman studi platform seperti Buffer dan Hootsuite. Untuk konsultan yang membagikan artikel ke jaringan profesional, OG Image yang konsisten bahkan jadi bagian dari personal brand. Saat membangun Nalesha (e-commerce parfum), kami menemukan bahwa mengganti default cover Shopify dengan OG Image kustom per koleksi menaikkan CTR share organik sekitar 40% dalam dua minggu.
Pertanyaan Umum
Apakah OG Image bisa dinamis?
Ya. Next.js mendukung Open Graph Image generation lewat opengraph-image.tsx di App Router. Anda bisa render OG Image berbeda per halaman dengan API satellite seperti Vercel OG. Pendekatan ini ideal untuk artikel blog atau katalog produk.
Berapa lama platform cache OG Image?
LinkedIn cache 7 hari, Facebook beberapa minggu, WhatsApp bisa bertahan bulanan. Solusinya: ganti URL gambar (misalnya tambah query string ?v=2) saat update besar atau pakai Facebook Sharing Debugger untuk paksa scrape ulang.
Istilah Terkait