Rumahweb Journal
Setting Open Graph Pada WordPress

Setting Open Graph Pada WordPress

Hampir setiap hari, kami mendapatkan pertanyaan “Kenapa gambar pada website tidak muncul ketika di share ke Facebook atau WhatsApp ya?”. Kebanyakan dari pertanyaan tersebut terjadi, karena lupa melakukan setting open graph. Karenanya pada panduan ini, kami akan berbagi cara untuk setting Open Graph pada WordPress.

Tidak munculnya gambar pada saat share ke social media, biasanya disebabkan karena properly open graph image tidak terbaca atau tidak ditemukan. Karenanya, platform social media tidak bisa menampilkan gambar postingan Anda. Solusinya, Anda bisa menambahkan plugin atau script yang dapat digunakan untuk menampilkan meta data tersebut.

Namun sebelum membahas setting Open Graph di WordPress, kami akan menjelaskan terlebih dahulu apa itu Open Graph dan bagaimana cara pengujiannya.

Apa itu Open Graph

Open Graph adalah salah satu meta data dari Facebook yang berfungsi untuk berbagi informasi halaman website di Facebook. Jika anda menambahkan tag meta Open graph atau og:image, maka Facebook akan menampilkan pratinjau dengan gambar dan kutipan saat tautan situs anda dibagikan.

Facebook telah menyediakan tools debug yang berfungsi untuk menganalisa, apakah meta data pada suatu halaman atau website sudah sesuai atau belum. Anda bisa mengakses link berikut : Facebook debugger.

Cara penggunaannya, silahkan anda akses halaman Facebook debugger. Setelah itu isikan alamat website atau URL yang ingin anda cek.

halaman facebook debugger

Setelah itu, klik tombol Debug dan tunggu hingga Facebook selesai melakukan debugging. Hasil akan muncul seperti contoh berikut :

Hasil testing open graph di facebook debugger

Jika hasil debug pada artikel atau website anda gambar tidak muncul disebabkan karena missing property og:image, maka anda bisa melakukan setting open graph disisi websitenya.

Setting Open Graph WordPress

Untuk CMS WordPress, berikut beberapa cara yang bisa Anda lakukan untuk menambahkan open graph di website :

  1. Anda bisa menginstall plugin Open Graph and Twitter Card Tags yang bisa Anda download melalui link berikut : Klik disini
  2. Untuk instalasi plugin tersebut, Anda bisa login ke dashboard > klik menu Plugins > Add New > cari “Open Graph and Twitter Card Tags”.
install plugin Open Graph and Twitter Card Tags

Referensi cara install plugin bisa Anda pelajari pada link berikut : Cara Install Plugin WordPress

  1. Setelah plugin aktif, Anda bisa melakukan konfigurasi og:image melalui klik tombol setting pluginnya :
setting Open Graph and Twitter Card Tags pada WordPress
  1. Langkah terakhir, Anda bisa sesuaikan konfigurasi open graph image seperti digambar. Untuk default gambar, kami sarankan diisi dan sesuaikan dengan gambar yang Anda inginkan. Kami sarankan default gambar sebagai og:image berukuran 1200px x 630px.
default setting image untuk open graph

Penting untuk dipahami

Sebelum melakukan posting artikel, pastikan Anda telah mengupload gambar utama pada menu ‘feature image’ atau ‘gambar unggulan’. Ukuran gambar yang direkomendasikan adalah 630x315px atau 1200x630px. 

Setelah setting open graph pada website anda selesai dilakukan, silahkan dicoba kembali untuk melakukan test di halaman Facebook Debugger. Anda bisa klik tombol “kurangi lagi” agar Facebook debugger dapat melakukan generate ulang perubahan pada website anda.

Apabila hasil pratinjau di Facebook debugger gambar dan deskripsi singkat halaman tersebut telah tampil, anda bisa share artikel tersebut di halaman Facebook. Namun untuk WhatsApp, biasanya tidak akan langsung tampil. Perlu waktu hingga engine WhatsApp mampu mengenali open graph yang anda setting.

Demikian panduan setting open graph pada WordPress dari Rumahweb, semoga bermanfaat.

Bermanfaatkah Artikel Ini?

Klik bintang 5 untuk rating!

Rating rata-rata 4.6 / 5. Vote count: 11

Belum ada vote hingga saat ini!

Kami mohon maaf artikel ini kurang berguna untuk Anda!

Mari kita perbaiki artikel ini!

Beri tahu kami bagaimana kami dapat meningkatkan artikel ini?

Domain & Hosting Gratis di Rumahweb

Lutfi Hanif

I am an SEO enthusiast, an editor, a technical content writer, and also an article optimizer for both Journal and Rumahweb Blog.