{"id":9554,"date":"2026-07-15T16:24:05","date_gmt":"2026-07-15T09:24:05","guid":{"rendered":"https:\/\/www.rumahweb.com\/journal\/?p=9554"},"modified":"2026-07-15T16:36:13","modified_gmt":"2026-07-15T09:36:13","slug":"cara-setting-open-graph-di-wordpress","status":"publish","type":"post","link":"https:\/\/www.rumahweb.com\/journal\/cara-setting-open-graph-di-wordpress\/","title":{"rendered":"Cara Setting Open Graph di WordPress Secara Mudah"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Pernahkah Anda membagikan link ke Facebook atau WhatsApp, tetapi gambar, judul, atau deskripsinya tidak muncul dengan benar? Masalah seperti ini cukup sering terjadi, bahkan menjadi salah satu pertanyaan yang paling sering kami terima. Dalam banyak kasus, penyebabnya adalah website belum melakukan setting Open Graph dengan benar.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Open Graph adalah metadata yang digunakan platform media sosial untuk mengambil informasi dari sebuah halaman website, seperti judul, deskripsi, dan gambar preview. Jika metadata tersebut tidak tersedia atau tidak dapat dibaca, Facebook, WhatsApp, LinkedIn, maupun platform lainnya akan kesulitan menampilkan <em>preview <\/em>tautan secara optimal.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dalam artikel ini, kami akan membahas cara setting Open Graph di WordPress, mulai dari mengenal apa itu Open Graph, cara kerjanya, hingga langkah-langkah mengonfigurasi dan menguji hasilnya agar preview tautan website tampil lebih menarik saat dibagikan di media sosial.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Apa itu Open Graph?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Open Graph adalah protokol metadata yang digunakan untuk mengatur bagaimana sebuah halaman website ditampilkan saat dibagikan ke media sosial atau aplikasi pesan seperti WA. Dengan menambahkan metadata Open Graph, Anda dapat menentukan judul, deskripsi, gambar, hingga URL yang akan muncul pada preview tautan.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Teknologi ini pertama kali diperkenalkan oleh Meta (Facebook) melalui Open Graph Protocol (OGP). Seiring waktu, protokol tersebut juga diadopsi oleh berbagai platform lain seperti LinkedIn, WhatsApp, Telegram, Discord, dan aplikasi yang mendukung preview tautan.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Penjelasan lebih detail tentang apa itu Open Graph kami publikasi melalui artikel berikut: <a href=\"https:\/\/www.rumahweb.com\/journal\/open-graph-adalah\/\" target=\"_blank\" rel=\"noopener\" title=\"open graph adalah\">Open Graph<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Mengapa Setting Open Graph Penting?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ketika seseorang membagikan link website ke media sosial, tampilan <em>preview <\/em>sering kali menjadi hal pertama yang dilihat oleh calon pengunjung. <em>Preview <\/em>yang menampilkan gambar menarik, judul yang jelas, dan deskripsi yang informatif cenderung lebih mampu menarik perhatian dibandingkan tautan tanpa informasi yang lengkap.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Selain meningkatkan tampilan visual, setting Open Graph juga membantu menjaga konsistensi informasi yang ditampilkan di berbagai platform. Anda dapat menentukan sendiri gambar unggulan, judul, maupun deskripsi yang ingin ditampilkan sehingga tidak bergantung pada sistem yang mengambil data secara otomatis.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Beberapa manfaat menggunakan Open Graph antara lain:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Menampilkan preview tautan yang lebih menarik.<\/li>\n\n\n\n<li>Mengontrol gambar, judul, dan deskripsi yang muncul saat dibagikan.<\/li>\n\n\n\n<li>Meningkatkan peluang tautan mendapatkan klik (<em>click-through rate<\/em>).<\/li>\n\n\n\n<li>Memperkuat branding website melalui tampilan preview yang konsisten.<\/li>\n\n\n\n<li>Mengurangi risiko gambar atau informasi yang tidak sesuai saat tautan dibagikan.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Bagaimana Open Graph Bekerja?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Secara sederhana, Open Graph bekerja dengan menambahkan metadata pada bagian <code>&lt;head&gt;<\/code> di dalam halaman HTML website. Metadata ini berisi informasi seperti judul, deskripsi, gambar, URL, dan jenis konten yang kemudian dibaca oleh crawler media sosial.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ketika sebuah URL dibagikan ke Facebook, WhatsApp, LinkedIn, Telegram, atau platform lain yang mendukung Open Graph, <em>crawler <\/em>akan mengunjungi halaman tersebut dan membaca metadata yang tersedia. Selanjutnya, informasi tersebut digunakan untuk membentuk preview tautan yang akan ditampilkan kepada pengguna.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Beberapa metadata Open Graph yang paling umum digunakan meliputi:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><th>Properti<\/th><th>Fungsi<\/th><\/tr><tr><td><code>og:title<\/code><\/td><td>Menentukan judul yang ditampilkan pada preview.<\/td><\/tr><tr><td><code>og:description<\/code><\/td><td>Menampilkan ringkasan isi halaman.<\/td><\/tr><tr><td><code>og:image<\/code><\/td><td>Menentukan gambar preview yang akan digunakan.<\/td><\/tr><tr><td><code>og:url<\/code><\/td><td>Menentukan URL utama halaman.<\/td><\/tr><tr><td><code>og:type<\/code><\/td><td>Menentukan jenis konten, misalnya <code>website<\/code> atau <code>article<\/code>.<\/td><\/tr><tr><td><code>og:site_name<\/code><\/td><td>Menampilkan nama website atau brand.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Dengan metadata yang lengkap dan benar, platform media sosial dapat menghasilkan preview tautan yang lebih informatif dan menarik bagi pengguna.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Penting untuk dipahami<\/strong>. Sebelum melakukan posting artikel, pastikan Anda telah mengupload gambar utama pada menu &#8216;feature image&#8217; atau &#8216;gambar unggulan&#8217;. Ukuran gambar yang direkomendasikan adalah 630x315px atau 1200x630px.\u00a0<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Setting Open Graph di WordPress<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ada beberapa cara untuk melakukan setting Open Graph di WordPress. Cara yang paling praktis adalah menggunakan plugin SEO atau plugin khusus Open Graph yang secara otomatis menambahkan metadata ke setiap halaman dan artikel. Dengan begitu, Anda tidak perlu menulis kode secara manual di dalam tema website.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pada panduan ini, kami akan membahas cara melakukan setting Open Graph menggunakan beberapa plugin. Anda dapat memilih salah satu metode yang paling sesuai dengan plugin yang sudah digunakan pada website Anda. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Plugin Open Graph and Twitter Card Tags<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Dalam panduan ini, kami menggunakan WordPress versi 6.9 untuk demo. Berikut cara setting Open Graph di WordPress dengan plugin <a href=\"https:\/\/id.wordpress.org\/plugins\/wonderm00ns-simple-facebook-open-graph-tags\/\" target=\"_blank\" rel=\"noopener\" title=\"\">Open Graph and Twitter Card Tags<\/a>. <\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Login ke dashboard WordPress Anda terlebih dahulu. <\/li>\n\n\n\n<li>Setelah login, klik menu Plugins > Add New > dan ketikkan &#8220;Open Graph and Twitter Card Tags&#8221; pada kolom pencarian. Lalu, klik tombol <strong>Install Now<\/strong>.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2018\/08\/Install-Open-Graph-and-Twitter-Card-Tags.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1331\" height=\"469\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2018\/08\/Install-Open-Graph-and-Twitter-Card-Tags.png\" alt=\"install plugin Open Graph and Twitter Card Tags\" class=\"wp-image-16543\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2018\/08\/Install-Open-Graph-and-Twitter-Card-Tags.png 1331w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2018\/08\/Install-Open-Graph-and-Twitter-Card-Tags-300x106.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2018\/08\/Install-Open-Graph-and-Twitter-Card-Tags-1024x361.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2018\/08\/Install-Open-Graph-and-Twitter-Card-Tags-768x271.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2018\/08\/Install-Open-Graph-and-Twitter-Card-Tags-370x130.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2018\/08\/Install-Open-Graph-and-Twitter-Card-Tags-270x95.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2018\/08\/Install-Open-Graph-and-Twitter-Card-Tags-570x201.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2018\/08\/Install-Open-Graph-and-Twitter-Card-Tags-740x261.png 740w\" sizes=\"auto, (max-width: 1331px) 100vw, 1331px\" \/><\/a><\/figure>\n<\/div>\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li>Setelah plugin aktif, Anda bisa melakukan konfigurasi <code>og:image<\/code> melalui klik tombol setting pluginnya.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2018\/08\/Setting-Open-Graph-and-Twitter-Card-Tags.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1296\" height=\"483\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2018\/08\/Setting-Open-Graph-and-Twitter-Card-Tags.png\" alt=\"setting Open Graph and Twitter Card Tags pada WordPress\" class=\"wp-image-16544\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2018\/08\/Setting-Open-Graph-and-Twitter-Card-Tags.png 1296w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2018\/08\/Setting-Open-Graph-and-Twitter-Card-Tags-300x112.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2018\/08\/Setting-Open-Graph-and-Twitter-Card-Tags-1024x382.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2018\/08\/Setting-Open-Graph-and-Twitter-Card-Tags-768x286.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2018\/08\/Setting-Open-Graph-and-Twitter-Card-Tags-370x138.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2018\/08\/Setting-Open-Graph-and-Twitter-Card-Tags-270x101.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2018\/08\/Setting-Open-Graph-and-Twitter-Card-Tags-570x212.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2018\/08\/Setting-Open-Graph-and-Twitter-Card-Tags-740x276.png 740w\" sizes=\"auto, (max-width: 1296px) 100vw, 1296px\" \/><\/a><\/figure>\n<\/div>\n\n\n<ol start=\"4\" class=\"wp-block-list\">\n<li>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 <code>og:image<\/code> berukuran\u00a01200 x 630 px.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2018\/08\/Setting-Open-Graph-Pada-WordPress-2.png\"><img loading=\"lazy\" decoding=\"async\" width=\"874\" height=\"572\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2018\/08\/Setting-Open-Graph-Pada-WordPress-2.png\" alt=\"default setting image untuk open graph\" class=\"wp-image-9557\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2018\/08\/Setting-Open-Graph-Pada-WordPress-2.png 874w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2018\/08\/Setting-Open-Graph-Pada-WordPress-2-300x196.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2018\/08\/Setting-Open-Graph-Pada-WordPress-2-768x503.png 768w\" sizes=\"auto, (max-width: 874px) 100vw, 874px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">2. Plugin Yoast SEO<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Jika website Anda sudah menggunakan plugin Yoast SEO, sebenarnya fitur Open Graph telah tersedia sehingga Anda tidak perlu memasang plugin tambahan.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Berikut cara mengaktifkannya:<\/p>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Login ke Dashboard WordPress.<\/li>\n\n\n\n<li>Masuk ke menu <strong>Yoast SEO > Settings<\/strong> > Pilih menu <strong>Site Features<\/strong>.<\/li>\n\n\n\n<li>Pilih menu <strong>Site Features<\/strong>.<\/li>\n\n\n\n<li>Pastikan opsi <strong>Open Graph data<\/strong> dalam keadaan <strong>Enabled<\/strong>.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2018\/08\/social-sharing.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"560\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2018\/08\/social-sharing-1024x560.png\" alt=\"\" class=\"wp-image-66421\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2018\/08\/social-sharing-1024x560.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2018\/08\/social-sharing-300x164.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2018\/08\/social-sharing-768x420.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2018\/08\/social-sharing-370x202.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2018\/08\/social-sharing-270x148.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2018\/08\/social-sharing-570x312.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2018\/08\/social-sharing-740x405.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2018\/08\/social-sharing.png 1125w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<ol start=\"5\" class=\"wp-block-list\">\n<li>Klik <strong>Save Changes<\/strong> untuk menyimpan perubahannya.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">3. Plugin All in One SEO (AIOSEO)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Plugin All in One SEO juga menyediakan fitur Open Graph yang cukup lengkap tanpa memerlukan plugin tambahan.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Berikut langkah-langkahnya:<\/p>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Login ke Dashboard WordPress.<\/li>\n\n\n\n<li>Masuk ke menu <strong>All in One SEO > Social Networks<\/strong>.<\/li>\n\n\n\n<li>Buka tab <strong>Facebook<\/strong> > Aktifkan opsi <strong>Enable Open Graph Markup<\/strong>.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2018\/08\/plugin-aio.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"491\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2018\/08\/plugin-aio-1024x491.png\" alt=\"\" class=\"wp-image-66422\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2018\/08\/plugin-aio-1024x491.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2018\/08\/plugin-aio-300x144.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2018\/08\/plugin-aio-768x368.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2018\/08\/plugin-aio-370x177.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2018\/08\/plugin-aio-270x129.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2018\/08\/plugin-aio-570x273.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2018\/08\/plugin-aio-740x355.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2018\/08\/plugin-aio.png 1291w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<ol start=\"4\" class=\"wp-block-list\">\n<li>Pada kolom <em>Default Post Image Source<\/em> silakan pilih Featured Image.<\/li>\n\n\n\n<li>Klik <strong>Save Changes<\/strong>.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">4. Plugin Rank Math SEO<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Rank Math menyediakan pengaturan Open Graph yang terintegrasi dengan pengaturan SEO sehingga proses konfigurasinya cukup mudah.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Berikut langkah-langkahnya:<\/p>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Login ke Dashboard WordPress.<\/li>\n\n\n\n<li>Masuk ke menu <strong>Rank Math SEO > Titles &amp; Meta<\/strong>.<\/li>\n\n\n\n<li>Pilih tab <strong>Global Meta<\/strong> atau <strong>Social Meta<\/strong>, tergantung versi Rank Math yang digunakan.<\/li>\n\n\n\n<li>Pastikan fitur <strong>Open Graph Meta Data<\/strong> telah aktif.<\/li>\n\n\n\n<li>Atur gambar default yang akan digunakan jika artikel belum memiliki Featured Image.<\/li>\n\n\n\n<li>Simpan perubahan.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Cara Cek Apakah Open Graph Sudah Benar?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Anda dapat menggunakan Facebook debugger untuk memastikan bahwa open graph atau og:image pada website Anda telah berjalan. Berikut langkah-langkahnya: <\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Buka halaman <a href=\"https:\/\/developers.facebook.com\/tools\/debug\/\" target=\"_blank\" rel=\"noopener\" title=\"Facebook debugger\">Facebook debugger<\/a>.<\/li>\n\n\n\n<li>Masukkan URL pada kolom yang telah disediakan, lalu klik tombol <strong>Debug<\/strong>. <\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/04\/masukkan-url-website-yang-akan-di-cek.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"367\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/04\/masukkan-url-website-yang-akan-di-cek-1024x367.png\" alt=\"halaman facebook debugger\" class=\"wp-image-28269\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/04\/masukkan-url-website-yang-akan-di-cek-1024x367.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/04\/masukkan-url-website-yang-akan-di-cek-300x107.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/04\/masukkan-url-website-yang-akan-di-cek-768x275.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/04\/masukkan-url-website-yang-akan-di-cek-370x132.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/04\/masukkan-url-website-yang-akan-di-cek-270x97.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/04\/masukkan-url-website-yang-akan-di-cek-570x204.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/04\/masukkan-url-website-yang-akan-di-cek-740x265.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/04\/masukkan-url-website-yang-akan-di-cek.png 1112w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li>Klik tombol &#8220;<strong>Kurangi Lagi<\/strong>&#8221; agar facebook <em>crawler<\/em> melakukan perayapan ulang.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2018\/08\/contoh-ssl-murah.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"735\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2018\/08\/contoh-ssl-murah-1024x735.png\" alt=\"\" class=\"wp-image-66423\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2018\/08\/contoh-ssl-murah-1024x735.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2018\/08\/contoh-ssl-murah-300x215.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2018\/08\/contoh-ssl-murah-768x551.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2018\/08\/contoh-ssl-murah-370x266.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2018\/08\/contoh-ssl-murah-270x194.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2018\/08\/contoh-ssl-murah-570x409.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2018\/08\/contoh-ssl-murah-740x531.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2018\/08\/contoh-ssl-murah.png 1041w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Pastikan hasil proses <em>scrape<\/em> ulang telah menampilkan metadata Open Graph, seperti <strong><code>og:url<\/code><\/strong>, <strong><code>og:title<\/code><\/strong>, <strong><code>og:description<\/code><\/strong>, dan <strong><code>og:image<\/code><\/strong>, sesuai dengan pengaturan pada halaman website Anda. Jika seluruh informasi tersebut sudah tampil dengan benar, berarti setting Open Graph di WordPress telah berhasil dikonfigurasi.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Gambar Masih Tidak Muncul?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Jika Anda sudah melakukan setting Open Graph tetapi gambar masih tidak muncul saat membagikan tautan ke Facebook, kemungkinan penyebabnya adalah <em>cache <\/em>Facebook yang belum diperbarui, URL gambar tidak dapat diakses, atau metadata Open Graph belum terbaca dengan benar.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cobalah lakukan <em>scrape<\/em> ulang menggunakan Facebook Sharing Debugger untuk memuat metadata terbaru. Apabila masalah masih sama, Anda bisa mempelajari artikel berikut: <a href=\"https:\/\/www.rumahweb.com\/journal\/gambar-tidak-muncul-saat-share-di-facebook\/\" target=\"_blank\" rel=\"noopener\" title=\"\">Mengatasi Gambar Tidak Muncul Saat Share di Facebook<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">FAQ<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Berikut adalah beberapa pertanyaan popular tentang setting Open Graph di WordPress.<\/p>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\" style=\"font-style:normal;font-weight:700\"><summary>Apakah Open Graph memengaruhi peringkat SEO di Google?<\/summary>\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-style:normal;font-weight:400\">Tidak secara langsung. Open Graph tidak digunakan sebagai faktor pemeringkatan di Google Search. Namun, metadata Open Graph membantu menampilkan preview tautan yang lebih menarik saat dibagikan ke media sosial, sehingga dapat meningkatkan peluang tautan tersebut diklik.<\/p>\n<\/details>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-wide\"\/>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\" style=\"font-style:normal;font-weight:700\"><summary>Apakah saya harus menggunakan plugin untuk setting Open Graph di WordPress?<\/summary>\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-style:normal;font-weight:400\">Tidak harus. Anda dapat menambahkan meta tag Open Graph secara manual pada tema WordPress. Namun, menggunakan plugin seperti Yoast SEO, Rank Math, All in One SEO, atau Open Graph and Twitter Card Tags akan memudahkan proses konfigurasi tanpa perlu mengedit kode.<\/p>\n<\/details>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-wide\"\/>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\" style=\"font-style:normal;font-weight:700\"><summary>Mengapa gambar preview masih tidak berubah setelah setting Open Graph?<\/summary>\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-style:normal;font-weight:400\">Hal ini biasanya disebabkan oleh cache pada platform media sosial atau cache website. Cobalah melakukan <em>scrape<\/em> ulang menggunakan Facebook Sharing Debugger dan pastikan gambar yang digunakan dapat diakses secara publik serta memenuhi ukuran yang direkomendasikan.<\/p>\n<\/details>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-wide\"\/>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\" style=\"font-style:normal;font-weight:700\"><summary>Apakah satu website boleh menggunakan lebih dari satu plugin Open Graph?<\/summary>\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-style:normal;font-weight:400\">Tidak disarankan. Mengaktifkan fitur Open Graph dari beberapa plugin sekaligus dapat menghasilkan metadata yang duplikat sehingga platform media sosial kesulitan menentukan informasi mana yang harus digunakan. Sebaiknya aktifkan fitur Open Graph hanya dari satu plugin saja.<\/p>\n<\/details>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-wide\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Penutup<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Melakukan setting Open Graph di WordPress merupakan langkah sederhana yang dapat membuat tampilan tautan website menjadi lebih menarik saat dibagikan ke Facebook, WhatsApp, LinkedIn, Telegram, dan platform lainnya. Dengan metadata yang dikonfigurasi dengan benar, Anda dapat mengontrol judul, deskripsi, serta gambar preview sehingga informasi yang ditampilkan lebih konsisten dan profesional.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Selain memastikan konfigurasi Open Graph sudah tepat, jangan lupa untuk menguji hasilnya menggunakan Facebook Sharing Debugger agar metadata terbaru dapat terbaca oleh platform media sosial. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Terakhir, pastikan website Anda didukung oleh layanan <strong><a href=\"https:\/\/www.rumahweb.com\/wordpress-hosting\/\" target=\"_blank\" rel=\"noopener\" title=\"wordpress hosting\">WordPress hosting<\/a><\/strong> yang cepat dan stabil agar proses perayapan (<em>crawling<\/em>) metadata maupun akses ke gambar preview dapat berjalan dengan optimal. Dengan kombinasi konfigurasi Open Graph yang tepat dan performa website yang baik, pengalaman pengguna saat membagikan maupun mengakses tautan akan menjadi lebih maksimal.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Pernahkah Anda membagikan link ke Facebook atau WhatsApp, tetapi gambar, judul, atau deskripsinya tidak muncul dengan benar? Masalah seperti ini cukup sering terjadi, bahkan menjadi salah satu pertanyaan yang paling sering kami terima. Dalam banyak kasus, penyebabnya adalah website belum melakukan setting Open Graph dengan benar. Open Graph adalah metadata yang digunakan platform media sosial [&hellip;]<\/p>\n","protected":false},"author":329,"featured_media":66446,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[463],"tags":[705,706,19,14],"class_list":["post-9554","post","type-post","status-publish","format-standard","has-post-thumbnail","category-wordpress","tag-og-image","tag-open-graph","tag-plugin","tag-wordpress"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 4.9.10 - aioseo.com -->\n\t<meta name=\"description\" content=\"Open Graph adalah salah satu meta data dari Facebook yang berfungsi untuk berbagi informasi halaman website. Pelajari cara setting open graph di WordPress\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Lutfi Hanif\"\/>\n\t<meta name=\"google-site-verification\" content=\"wPstUwU5246IbK_1PqwGrc1LoSDnB-9rPbcT8_vSNgQ\" \/>\n\t<meta name=\"keywords\" content=\"wordpress open graph,menampilkan gambar di facebook,setting open graph wordpress,setting opengraph wordpress,setting open graph di wordpress,gambar tidak muncul di facebook,open graph whatsapp wordpress,og image,open graph,plugin,wordpress\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/www.rumahweb.com\/journal\/cara-setting-open-graph-di-wordpress\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.10\" \/>\n\t\t<meta property=\"og:locale\" content=\"id_Id\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Rumahweb Journal \u2013 Panduan Website, Hosting, dan Server\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Cara Setting Open Graph di WordPress Secara Mudah\" \/>\n\t\t<meta property=\"og:description\" content=\"Open Graph adalah salah satu meta data dari Facebook yang berfungsi untuk berbagi informasi halaman website. Pelajari cara setting open graph di WordPress\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/www.rumahweb.com\/journal\/cara-setting-open-graph-di-wordpress\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/Banner-Cara-Setting-Open-Graph-di-WordPress.webp\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/Banner-Cara-Setting-Open-Graph-di-WordPress.webp\" \/>\n\t\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t\t<meta property=\"og:image:height\" content=\"634\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2026-07-15T09:24:05+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-07-15T09:36:13+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/RumahwebIndonesia\/\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:site\" content=\"@rumahwebtweet\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Cara Setting Open Graph di WordPress Secara Mudah\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Open Graph adalah salah satu meta data dari Facebook yang berfungsi untuk berbagi informasi halaman website. Pelajari cara setting open graph di WordPress\" \/>\n\t\t<meta name=\"twitter:creator\" content=\"@rumahwebtweet\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/Banner-Cara-Setting-Open-Graph-di-WordPress.webp\" \/>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Cara Setting Open Graph di WordPress Secara Mudah","description":"Open Graph adalah salah satu meta data dari Facebook yang berfungsi untuk berbagi informasi halaman website. Pelajari cara setting open graph di WordPress","canonical_url":"https:\/\/www.rumahweb.com\/journal\/cara-setting-open-graph-di-wordpress\/","robots":"max-image-preview:large","keywords":"wordpress open graph,menampilkan gambar di facebook,setting open graph wordpress,setting opengraph wordpress,setting open graph di wordpress,gambar tidak muncul di facebook,open graph whatsapp wordpress,og image,open graph,plugin,wordpress","webmasterTools":{"google-site-verification":"wPstUwU5246IbK_1PqwGrc1LoSDnB-9rPbcT8_vSNgQ","miscellaneous":""},"schema":null,"og:locale":"id_Id","og:site_name":"Rumahweb Journal \u2013 Panduan Website, Hosting, dan Server","og:type":"article","og:title":"Cara Setting Open Graph di WordPress Secara Mudah","og:description":"Open Graph adalah salah satu meta data dari Facebook yang berfungsi untuk berbagi informasi halaman website. Pelajari cara setting open graph di WordPress","og:url":"https:\/\/www.rumahweb.com\/journal\/cara-setting-open-graph-di-wordpress\/","og:image":"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/Banner-Cara-Setting-Open-Graph-di-WordPress.webp","og:image:secure_url":"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/Banner-Cara-Setting-Open-Graph-di-WordPress.webp","og:image:width":1200,"og:image:height":634,"article:published_time":"2026-07-15T09:24:05+00:00","article:modified_time":"2026-07-15T09:36:13+00:00","article:publisher":"https:\/\/www.facebook.com\/RumahwebIndonesia\/","twitter:card":"summary_large_image","twitter:site":"@rumahwebtweet","twitter:title":"Cara Setting Open Graph di WordPress Secara Mudah","twitter:description":"Open Graph adalah salah satu meta data dari Facebook yang berfungsi untuk berbagi informasi halaman website. Pelajari cara setting open graph di WordPress","twitter:creator":"@rumahwebtweet","twitter:image":"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/07\/Banner-Cara-Setting-Open-Graph-di-WordPress.webp"},"aioseo_meta_data":{"post_id":"9554","title":null,"description":"Open Graph adalah salah satu meta data dari Facebook yang berfungsi untuk berbagi informasi halaman website. Pelajari cara setting open graph di WordPress","keywords":[{"label":"wordpress open graph","value":"wordpress open graph"},{"label":"menampilkan gambar di facebook","value":"menampilkan gambar di facebook"},{"label":"setting open graph wordpress","value":"setting open graph wordpress"},{"label":"setting opengraph wordpress","value":"setting opengraph wordpress"},{"label":"setting open graph di wordpress","value":"setting open graph di wordpress"},{"label":"gambar tidak muncul di facebook","value":"gambar tidak muncul di facebook"},{"label":"open graph whatsapp wordpress","value":"open graph whatsapp wordpress"}],"keyphrases":{"focus":{"keyphrase":"setting open graph","score":91,"analysis":{"keyphraseInTitle":{"score":9,"maxScore":9,"error":0},"keyphraseInDescription":{"score":9,"maxScore":9,"error":0},"keyphraseLength":{"score":9,"maxScore":9,"error":0,"length":3},"keyphraseInURL":{"score":5,"maxScore":5,"error":0},"keyphraseInIntroduction":{"score":9,"maxScore":9,"error":0},"keyphraseInSubHeadings":{"score":3,"maxScore":9,"error":1},"keyphraseInImageAlt":{"score":9,"maxScore":9,"error":0},"keywordDensity":{"type":"best","score":9,"maxScore":9,"error":0}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"Article","isEnabled":true},"graphs":[],"defaultGraph":"Article","defaultPostTypeGraph":""},"schema_type":"default","schema_type_options":"{\"article\":{\"articleType\":\"BlogPosting\"},\"course\":{\"name\":\"\",\"description\":\"\",\"provider\":\"\"},\"faq\":{\"pages\":[]},\"product\":{\"reviews\":[]},\"recipe\":{\"ingredients\":[],\"instructions\":[],\"keywords\":[]},\"software\":{\"reviews\":[],\"operatingSystems\":[]},\"webPage\":{\"webPageType\":\"WebPage\"}}","pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","location":null,"local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":{"faqs":[],"keyPoints":[],"schemas":[],"titles":[],"descriptions":[],"socialPosts":{"email":{"subject":"","preview":"","content":""},"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"created":"2020-12-21 10:51:12","updated":"2026-07-15 09:36:46","seo_analyzer_scan_date":null},"_links":{"self":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/9554","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/users\/329"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/comments?post=9554"}],"version-history":[{"count":0,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/9554\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media\/66446"}],"wp:attachment":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media?parent=9554"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/categories?post=9554"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/tags?post=9554"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}