Website Bisnis

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.

Vito Atmo
Vito Atmo·19 Mei 2026·0 kali dibaca·4 min baca
Checklist Open Graph Image untuk Website Bisnis di 2026

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

ItemStandar 2026Catatan
Dimensi1200x630 pikselRasio 1.91:1, kompatibel semua platform
Format fileJPEG atau PNGWebP belum konsisten di semua scraper
Ukuran fileDi bawah 1 MBBanyak scraper timeout di file besar
TipografiMinimum 32 px judulHarus terbaca di thumbnail kecil
LogoKonsisten di sudutMemperkuat brand recognition
PaddingMinimum 60 pxMencegah 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.

Bagikan

Artikel Terkait

#open-graph#og-image#website-bisnis#social-sharing#seo-teknis#branding

Butuh website yang benar-benar bekerja?

Hubungi Vito untuk konsultasi gratis 15 menit.

WhatsApp Sekarang