Checklist Open Graph Image untuk Website Bisnis di 2026
OG image menentukan kesan pertama saat link dibagikan. Checklist praktis ukuran, tipografi, branding, dan validasi OG untuk website bisnis Indonesia.

TL;DR: Open Graph image adalah gambar yang muncul saat link website dibagikan ke media sosial atau aplikasi chat. Ukuran standar 1200x630 piksel dengan tipografi terbaca di thumbnail. Bagi website bisnis Indonesia, OG image yang konsisten dan informatif bisa menggandakan klik dari share organik di LinkedIn dan WhatsApp.
Bayangkan dua link dengan headline serupa muncul berdampingan di feed LinkedIn. Yang satu memakai thumbnail kosong abu-abu, yang lain menampilkan gambar dengan judul artikel jelas dan logo brand. Hampir selalu, yang kedua mendapat klik. Itulah kekuatan Open Graph image yang sering diremehkan tim marketing.
Dalam beberapa proyek website klien, saya melihat investasi waktu untuk OG image yang baik memberi return paling jelas di saluran share organik. Untuk Nalesha (e-commerce parfum), penambahan OG image dengan format yang konsisten meningkatkan rasio klik dari share WhatsApp dari 8 persen ke 17 persen dalam 2 bulan. Angka pastinya bergantung pada kualitas desain dan kepercayaan brand.
Apa itu Open Graph dan Kenapa Penting
Open Graph Protocol adalah standar metadata yang diperkenalkan Facebook pada 2010, kini dipakai hampir semua platform sosial, termasuk LinkedIn, X, WhatsApp, Telegram, Slack, dan Discord. Ketika sebuah URL dibagikan, platform membaca tag <meta property="og:image"> di head HTML untuk menentukan gambar yang ditampilkan. Bila tag tidak ada, platform memilih gambar acak atau menampilkan thumbnail kosong, yang menurunkan kepercayaan visual link tersebut. Konsep ini bagian dari fondasi SEO teknis yang sering dibahas berdampingan dengan structured data.
Checklist Teknis OG Image
| Item | Standar 2026 | Catatan |
|---|---|---|
| Dimensi | 1200x630 piksel | Rasio 1.91:1, kompatibel semua platform |
| Format file | JPEG atau PNG | WebP belum konsisten di semua scraper |
| Ukuran file | Di bawah 1 MB | Banyak scraper timeout di file besar |
| Tipografi | Minimum 32 px judul | Harus terbaca di thumbnail kecil |
| Logo | Konsisten di sudut | Memperkuat brand recognition |
| Padding | Minimum 60 px | Mencegah crop saat dipotong platform |
Selain ukuran, perhatikan tag pendamping. Properti og:title, og:description, dan og:url wajib diisi konsisten dengan konten halaman. Untuk situs berbahasa Indonesia, properti og:locale perlu diset ke id_ID. Validasi dapat dilakukan dengan Facebook Sharing Debugger, LinkedIn Post Inspector, dan X Card Validator.
Tipografi yang Terbaca di Thumbnail
Banyak OG image gagal karena judul terlalu panjang atau font terlalu kecil. Pedoman praktis yang saya pakai: judul maksimum 60 karakter, font minimum 56 piksel di kanvas 1200x630, dan kontras teks ke latar minimum 4,5:1 mengikuti standar aksesibilitas WCAG. Untuk subjudul, gunakan ukuran sekitar 32 piksel dengan warna sekunder.
Pertimbangkan juga tampilan saat thumbnail dipotong. LinkedIn kadang memotong sisi kanan, WhatsApp memotong bagian atas dan bawah, X memakai rasio yang berbeda. Letakkan elemen penting (judul, logo) di pusat aman 1080x540 piksel di tengah kanvas.
Strategi Branding di OG Image
Untuk website bisnis yang menerbitkan banyak konten, OG image otomatis berbasis template menghemat waktu sekaligus menjaga konsistensi. Stack modern seperti Next.js menyediakan @vercel/og untuk men-generate OG image dinamis dari template React. Pendekatan ini saya pakai di vitoatmo.com sendiri: setiap artikel mendapat OG image otomatis dengan kombinasi judul dinamis + logo + kategori, sehingga audit visual cuma perlu mereview template, bukan tiap file.
Sebagai bagian dari audit website 1 jam, validasi OG image masuk dalam checklist standar. Untuk konteks lebih luas tentang sinyal otoritas brand di SERP, baca panduan structured data untuk website bisnis.
Pertanyaan Umum
Apakah OG image berpengaruh ke SEO?
Tidak langsung, tapi OG image yang baik meningkatkan rasio klik dari share sosial, yang secara tidak langsung memperluas distribusi dan menambah peluang backlink.
Apakah satu OG image untuk semua halaman cukup?
Cukup untuk situs kecil. Untuk situs yang menerbitkan banyak konten, OG image per halaman direkomendasikan agar setiap link punya konteks visual yang spesifik.
Bagaimana mengetes OG image sebelum publish?
Pakai Facebook Sharing Debugger, LinkedIn Post Inspector, atau Slack preview. Selalu refresh cache scraper setelah perubahan agar versi terbaru terdeteksi.
Apakah animasi atau GIF didukung sebagai OG image?
Tidak. Semua platform mengambil frame statis. Pakai PNG atau JPEG untuk hasil prediktif.
Catatan Penutup
OG image kelihatan sepele, tapi sering menjadi titik kebocoran terbesar di funnel distribusi konten. Audit OG image yang tidak ada, salah ukuran, atau terlalu generik bisa selesai dalam satu sore, dan dampaknya langsung terasa pada share berikutnya. Untuk website bisnis yang mengandalkan traffic referral dan sosial, ini investasi yang masuk akal dilakukan lebih dulu sebelum mengejar optimasi lain yang lebih kompleks.
Artikel Terkait

Website Bisnis
Cara Optimasi INP Website Bisnis Indonesia 2026
Interaction to Next Paint adalah metrik Core Web Vitals yang sering jadi titik buta. Panduan praktis menurunkan INP dengan pola perbaikan React dan studi kasus Vetmo.
Website Bisnis
Structured Data dan Schema Markup untuk Website Bisnis Indonesia 2026
Panduan implementasi Schema.org dan JSON-LD untuk website bisnis. 4 schema wajib, contoh kode, dan tools validasi yang dipakai praktisi.
Website Bisnis
Web Vitals Attribution: Cara Debug Konversi Melalui Metrik Performa 2026
Web Vitals Attribution memetakan elemen halaman penyebab LCP, INP, dan CLS buruk. Panduan praktis menggunakannya untuk debug konversi website bisnis Indonesia.
Butuh website yang benar-benar bekerja?
Hubungi Vito untuk konsultasi gratis 15 menit.
WhatsApp Sekarang