(0275) 2974 127
Saat membagikan artikel website ke Facebook, gambar preview sering kali menjadi elemen penting untuk menarik perhatian. Namun, tidak jarang terjadi masalah gambar tidak muncul saat share di Facebook, atau yang tampil justru gambar lama, gambar kosong, atau bahkan tanpa thumbnail sama sekali. Masalah ini cukup umum, terutama pada website berbasis WordPress.
Artikel ini akan membahas secara lengkap penyebab gambar tidak muncul saat dibagikan ke Facebook serta solusi efektif yang bisa diterapkan agar tampilan share kembali optimal.
Facebook menggunakan sistem bernama Open Graph (OG) untuk membaca informasi halaman website, termasuk judul, deskripsi, dan gambar. Jika Open Graph tidak dikonfigurasi dengan benar, Facebook tidak dapat menampilkan gambar dengan semestinya.
Beberapa penyebab umum antara lain:
Tidak ada tag Open Graph Image
Ukuran gambar tidak sesuai standar Facebook
Gambar diblokir oleh server atau robots.txt
Cache Facebook belum diperbarui
SSL atau URL gambar bermasalah
Plugin SEO atau tema tidak mengatur OG tag dengan benar
Facebook memiliki standar ukuran gambar agar bisa tampil optimal saat dibagikan.
Ukuran gambar yang direkomendasikan Facebook:
Resolusi minimal: 600 x 315 piksel
Resolusi ideal: 1200 x 630 piksel
Rasio aspek: 1.91:1
Format: JPG atau PNG
Ukuran file maksimal: 8 MB
Jika gambar terlalu kecil atau memiliki rasio yang tidak sesuai, Facebook bisa saja tidak menampilkannya sama sekali.
Open Graph Meta Tag berfungsi memberi tahu Facebook gambar mana yang harus ditampilkan saat link dibagikan. Contoh tag Open Graph Image yang benar:
Tanpa tag ini, Facebook akan menebak sendiri gambar dari halaman, dan sering kali hasilnya tidak sesuai atau tidak muncul.
Solusi:
Gunakan plugin SEO seperti:
Yoast SEO
Rank Math
All in One SEO
Pastikan fitur Open Graph atau Social Media diaktifkan dan gambar sudah ditentukan.
Pada website WordPress, featured image sangat berperan sebagai gambar utama saat dibagikan ke media sosial.
Solusi:
Pastikan setiap artikel memiliki featured image
Gunakan gambar dengan ukuran sesuai standar Facebook
Jangan hanya mengandalkan gambar di dalam isi artikel
Facebook menyimpan cache halaman yang pernah dibagikan. Jika sebelumnya halaman dibagikan tanpa gambar, Facebook akan terus menampilkan versi lama meskipun sudah diperbaiki.
Solusi: Gunakan Facebook Sharing Debugger
Langkah-langkahnya:
Buka Facebook Sharing Debugger
Masukkan URL artikel
Klik Debug
Klik Scrape Again
Tool ini akan memaksa Facebook mengambil ulang data terbaru dari website.
Jika gambar tidak dapat diakses publik, Facebook tidak akan bisa menampilkannya.
Periksa hal berikut:
File robots.txt tidak memblokir folder gambar
Permission file gambar bersifat public
Gambar bisa diakses langsung melalui browser tanpa login
Jika website menggunakan HTTPS tetapi URL gambar masih HTTP, Facebook bisa memblokir gambar tersebut.
Solusi:
Pastikan URL gambar menggunakan HTTPS
Gunakan plugin SSL untuk memperbaiki mixed content
Periksa media library WordPress apakah URL gambar sudah aman
Beberapa tema atau plugin dapat menyebabkan konflik Open Graph, seperti:
Duplikasi og:image
OG tag tidak terbaca dengan benar
Social meta override
Solusi:
Nonaktifkan plugin yang berpotensi bentrok
Gunakan satu plugin SEO saja
Periksa source code halaman (Ctrl + U) dan cari og:image
Untuk memastikan Facebook bisa membaca gambar:
Buka halaman artikel
Klik kanan lalu pilih View Page Source
Cari og:image
Pastikan URL gambar benar dan dapat diakses
Jika og:image tidak ditemukan, berarti konfigurasi Open Graph belum berjalan.
Masalah gambar tidak muncul saat share di Facebook umumnya disebabkan oleh konfigurasi Open Graph yang tidak tepat, ukuran gambar yang tidak sesuai, atau cache Facebook yang belum diperbarui. Dengan memastikan featured image tersedia, ukuran gambar sesuai standar, OG tag aktif, serta melakukan refresh menggunakan Facebook Sharing Debugger, masalah ini dapat diatasi dengan efektif.
Untuk menambah wawasan seputar pengelolaan website, SEO, dan optimasi performa web, Anda dapat membaca artikel-artikel lainnya di blog Hosteko yang membahas berbagai topik teknis dan panduan praktis secara lengkap dan mudah dipahami. Dengan informasi yang tepat, pengelolaan website akan menjadi lebih optimal dan profesional.
Keamanan dan privasi saat berselancar di internet menjadi hal yang semakin penting. Salah satu cara…
Keamanan server merupakan aspek penting dalam pengelolaan sistem berbasis Linux. Salah satu tools paling populer…
Di tengah meningkatnya aktivitas komunikasi digital, panggilan dari nomor tidak dikenal semakin sering diterima oleh…
Di era digital saat ini, Google Maps tidak lagi hanya digunakan untuk mencari rute atau…
Zyro Builder merupakan website builder yang memungkinkan pengguna membuat website dengan cepat tanpa perlu kemampuan…
Plugin Popup WordPress merupakan salah satu tools penting dalam pengelolaan website modern. Popup tidak hanya…