{"id":28382,"date":"2025-11-18T09:15:37","date_gmt":"2025-11-18T09:15:37","guid":{"rendered":"https:\/\/hosteko.com\/blog\/?p=28382"},"modified":"2025-11-18T09:15:37","modified_gmt":"2025-11-18T09:15:37","slug":"cara-setting-open-graph-di-wordpress","status":"publish","type":"post","link":"https:\/\/hosteko.com\/blog\/cara-setting-open-graph-di-wordpress","title":{"rendered":"Cara Setting Open Graph di WordPress Agar Tampil Maksimal di Media Sosial"},"content":{"rendered":"<p data-start=\"278\" data-end=\"603\">Dalam dunia digital marketing dan SEO modern, tampilan konten saat dibagikan ke media sosial memiliki peran besar dalam menarik klik (CTR). Inilah fungsi penting dari Open Graph (OG), sebuah protokol yang membuat link website tampil menarik saat dibagikan ke Facebook, WhatsApp, LinkedIn, X (Twitter), dan platform lain. Artikel ini membahas apa itu Open Graph, mengapa penting, serta cara setting Open Graph di WordPress baik menggunakan plugin maupun manual.<\/p>\n<h3 data-start=\"763\" data-end=\"788\"><strong data-start=\"765\" data-end=\"788\">Definisi Open Graph<\/strong><\/h3>\n<p data-start=\"763\" data-end=\"788\">Open Graph adalah sebuah protokol yang dikembangkan oleh Facebook untuk mengontrol bagaimana sebuah halaman web ditampilkan ketika dibagikan ke platform media sosial seperti Facebook, WhatsApp, LinkedIn, dan X (Twitter).<\/p>\n<p data-start=\"763\" data-end=\"788\">Melalui metadata khusus, Open Graph memungkinkan pemilik website menentukan judul, deskripsi, gambar, dan informasi lain yang muncul pada preview tautan. Dengan adanya Open Graph, tampilan link menjadi lebih rapi, informatif, dan menarik, sehingga membantu meningkatkan interaksi dan jumlah klik ketika konten dibagikan di berbagai media sosial.<\/p>\n<h3 data-start=\"1339\" data-end=\"1372\"><strong data-start=\"1341\" data-end=\"1372\">Alasan Open Graph Penting<\/strong><\/h3>\n<p data-start=\"1374\" data-end=\"1424\"><strong data-start=\"1380\" data-end=\"1424\">1. Meningkatkan CTR (Click-Through Rate)<\/strong><\/p>\n<p data-start=\"1425\" data-end=\"1489\">Preview link yang menarik membuat orang lebih tertarik mengklik.<\/p>\n<p data-start=\"1491\" data-end=\"1521\"><strong data-start=\"1497\" data-end=\"1521\">2. Membantu Branding<\/strong><\/p>\n<p data-start=\"1522\" data-end=\"1577\">Gambar yang jelas &amp; konsisten meningkatkan citra brand.<\/p>\n<p data-start=\"1579\" data-end=\"1623\"><strong data-start=\"1585\" data-end=\"1623\">3. Mencegah Salah Gambar atau Teks<\/strong><\/p>\n<p data-start=\"1624\" data-end=\"1646\">Sering muncul masalah:<\/p>\n<ul data-start=\"1647\" data-end=\"1709\">\n<li data-start=\"1647\" data-end=\"1668\">\n<p data-start=\"1649\" data-end=\"1668\">Gambar tidak muncul<\/p>\n<\/li>\n<li data-start=\"1669\" data-end=\"1689\">\n<p data-start=\"1671\" data-end=\"1689\">Judul tidak sesuai<\/p>\n<\/li>\n<li data-start=\"1690\" data-end=\"1709\">\n<p data-start=\"1692\" data-end=\"1709\">Deskripsi kacau<\/p>\n<\/li>\n<\/ul>\n<p data-start=\"1711\" data-end=\"1745\">Open Graph menyelesaikan semuanya.<\/p>\n<p data-start=\"1747\" data-end=\"1804\"><strong data-start=\"1753\" data-end=\"1804\">4. Optimal untuk Sharing di WhatsApp &amp; Facebook<\/strong><\/p>\n<p data-start=\"1805\" data-end=\"1876\">WhatsApp juga menggunakan metadata Open Graph saat menampilkan preview.<\/p>\n<h3 data-start=\"1883\" data-end=\"1912\"><strong data-start=\"1885\" data-end=\"1912\">Struktur Tag Open Graph<\/strong><\/h3>\n<p data-start=\"1914\" data-end=\"1937\">Berikut contoh kode OG:<\/p>\n<div class=\"contain-inline-size rounded-2xl relative bg-token-sidebar-surface-primary\">\n<div class=\"overflow-y-auto p-4\" dir=\"ltr\"><code class=\"whitespace-pre! language-html\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">meta<\/span><\/span> <span class=\"hljs-attr\">property<\/span>=<span class=\"hljs-string\">\"og:title\"<\/span> <span class=\"hljs-attr\">content<\/span>=<span class=\"hljs-string\">\"Judul Halaman\"<\/span>&gt;<br \/>\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">meta<\/span><\/span> <span class=\"hljs-attr\">property<\/span>=<span class=\"hljs-string\">\"og:description\"<\/span> <span class=\"hljs-attr\">content<\/span>=<span class=\"hljs-string\">\"Deskripsi singkat halaman.\"<\/span>&gt;<br \/>\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">meta<\/span><\/span> <span class=\"hljs-attr\">property<\/span>=<span class=\"hljs-string\">\"og:image\"<\/span> <span class=\"hljs-attr\">content<\/span>=<span class=\"hljs-string\">\"https:\/\/example.com\/image.jpg\"<\/span>&gt;<br \/>\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">meta<\/span><\/span> <span class=\"hljs-attr\">property<\/span>=<span class=\"hljs-string\">\"og:url\"<\/span> <span class=\"hljs-attr\">content<\/span>=<span class=\"hljs-string\">\"https:\/\/example.com\/artikel-ini\"<\/span>&gt;<br \/>\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">meta<\/span><\/span> <span class=\"hljs-attr\">property<\/span>=<span class=\"hljs-string\">\"og:type\"<\/span> <span class=\"hljs-attr\">content<\/span>=<span class=\"hljs-string\">\"article\"<\/span>&gt;<br \/>\n<\/code><\/div>\n<\/div>\n<h3 data-start=\"2256\" data-end=\"2298\"><strong data-start=\"2258\" data-end=\"2298\">Cara Setting Open Graph di WordPress<\/strong><\/h3>\n<p data-start=\"2300\" data-end=\"2421\">Kamu bisa mengatur OG di WordPress dengan tiga cara yaitu plugin SEO, plugin khusus OG, atau manual dengan kode.<\/p>\n<h4 data-start=\"2428\" data-end=\"2494\"><strong data-start=\"2430\" data-end=\"2494\">1. Mengatur Open Graph Menggunakan Plugin SEO\u00a0<\/strong><\/h4>\n<ul>\n<li data-start=\"2496\" data-end=\"2531\"><strong data-start=\"2499\" data-end=\"2531\">Menggunakan Rank Math SEO<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px\" data-start=\"2533\" data-end=\"2556\">Langkah-Langkah<\/p>\n<ol>\n<li style=\"list-style-type: none\">\n<ol data-start=\"2557\" data-end=\"2815\">\n<li data-start=\"2557\" data-end=\"2594\">\n<p data-start=\"2560\" data-end=\"2594\">Install plugin Rank Math SEO<\/p>\n<\/li>\n<li data-start=\"2595\" data-end=\"2643\">\n<p data-start=\"2598\" data-end=\"2643\">Masuk ke menu Rank Math \u2192 Titles &amp; Meta<\/p>\n<\/li>\n<li data-start=\"2644\" data-end=\"2674\">\n<p data-start=\"2647\" data-end=\"2674\">Pilih tab Global Meta<\/p>\n<\/li>\n<li data-start=\"2675\" data-end=\"2740\">\n<p data-start=\"2678\" data-end=\"2740\">Cari bagian Social Meta dan aktifkan Open Graph Meta<\/p>\n<\/li>\n<li data-start=\"2741\" data-end=\"2815\">\n<p data-start=\"2744\" data-end=\"2749\">Atur:<\/p>\n<ul data-start=\"2753\" data-end=\"2815\">\n<li data-start=\"2753\" data-end=\"2783\">\n<p data-start=\"2755\" data-end=\"2783\">Default Open Graph Image<\/p>\n<\/li>\n<li data-start=\"2787\" data-end=\"2815\">\n<p data-start=\"2789\" data-end=\"2815\">Facebook App ID (opsional)<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<p style=\"padding-left: 40px\" data-start=\"2817\" data-end=\"2852\">Mengatur OG di tiap posting<\/p>\n<ol>\n<li style=\"list-style-type: none\">\n<ol data-start=\"2853\" data-end=\"3015\">\n<li data-start=\"2853\" data-end=\"2870\">\n<p data-start=\"2856\" data-end=\"2870\">Edit posting<\/p>\n<\/li>\n<li data-start=\"2871\" data-end=\"2909\">\n<p data-start=\"2874\" data-end=\"2909\">Scroll ke bawah \u2192 panel Rank Math<\/p>\n<\/li>\n<li data-start=\"2910\" data-end=\"2935\">\n<p data-start=\"2913\" data-end=\"2935\">Pilih tab Social<\/p>\n<\/li>\n<li data-start=\"2936\" data-end=\"3015\">\n<p data-start=\"2939\" data-end=\"2943\">Isi:<\/p>\n<ul data-start=\"2947\" data-end=\"3015\">\n<li data-start=\"2947\" data-end=\"2965\">\n<p data-start=\"2949\" data-end=\"2965\">Facebook Title<\/p>\n<\/li>\n<li data-start=\"2969\" data-end=\"2993\">\n<p data-start=\"2971\" data-end=\"2993\">Facebook Description<\/p>\n<\/li>\n<li data-start=\"2997\" data-end=\"3015\">\n<p data-start=\"2999\" data-end=\"3015\">Facebook Image<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<p style=\"padding-left: 40px\" data-start=\"3017\" data-end=\"3066\">Rank Math juga otomatis membuat Twitter Card.<\/p>\n<ul>\n<li data-start=\"3073\" data-end=\"3104\"><strong data-start=\"3076\" data-end=\"3104\">Menggunakan Yoast SEO<\/strong><\/li>\n<\/ul>\n<p style=\"padding-left: 40px\" data-start=\"3106\" data-end=\"3129\">Langkah-Langkah<\/p>\n<ol>\n<li style=\"list-style-type: none\">\n<ol data-start=\"3130\" data-end=\"3276\">\n<li data-start=\"3130\" data-end=\"3163\">\n<p data-start=\"3133\" data-end=\"3163\">Install plugin Yoast SEO<\/p>\n<\/li>\n<li data-start=\"3164\" data-end=\"3191\">\n<p data-start=\"3167\" data-end=\"3191\">Masuk SEO \u2192 Social<\/p>\n<\/li>\n<li data-start=\"3192\" data-end=\"3252\">\n<p data-start=\"3195\" data-end=\"3252\">Tab Facebook \u2192 aktifkan Add Open Graph metadata<\/p>\n<\/li>\n<li data-start=\"3253\" data-end=\"3276\">\n<p data-start=\"3256\" data-end=\"3276\">Upload default image<\/p>\n<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<p style=\"padding-left: 40px\" data-start=\"3278\" data-end=\"3301\">Di tiap posting<\/p>\n<ol>\n<li style=\"list-style-type: none\">\n<ol data-start=\"3302\" data-end=\"3413\">\n<li data-start=\"3302\" data-end=\"3319\">\n<p data-start=\"3305\" data-end=\"3319\">Edit posting<\/p>\n<\/li>\n<li data-start=\"3320\" data-end=\"3350\">\n<p data-start=\"3323\" data-end=\"3350\">Scroll ke panel Yoast SEO<\/p>\n<\/li>\n<li data-start=\"3351\" data-end=\"3375\">\n<p data-start=\"3354\" data-end=\"3375\">Buka tab Social<\/p>\n<\/li>\n<li data-start=\"3376\" data-end=\"3413\">\n<p data-start=\"3379\" data-end=\"3413\">Atur Title, Description, dan Image<\/p>\n<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<h4 data-start=\"3420\" data-end=\"3465\"><strong data-start=\"3422\" data-end=\"3465\">2. Menggunakan Plugin Khusus Open Graph<\/strong><\/h4>\n<p data-start=\"3467\" data-end=\"3547\">Jika tidak ingin menggunakan plugin SEO, kamu bisa memakai plugin kecil seperti:<\/p>\n<ul data-start=\"3549\" data-end=\"3636\">\n<li data-start=\"3549\" data-end=\"3587\">\n<p data-start=\"3551\" data-end=\"3587\">Open Graph and Twitter Card Tags<\/p>\n<\/li>\n<li data-start=\"3588\" data-end=\"3604\">\n<p data-start=\"3590\" data-end=\"3604\">WPSSO Core<\/p>\n<\/li>\n<li data-start=\"3605\" data-end=\"3636\">\n<p data-start=\"3607\" data-end=\"3636\">Open Graph by Social Meta<\/p>\n<\/li>\n<\/ul>\n<p data-start=\"3638\" data-end=\"3702\">Plugin ini biasanya ringan dan hanya fokus pada metadata sosial.<\/p>\n<h4 data-start=\"3709\" data-end=\"3770\"><strong data-start=\"3711\" data-end=\"3770\">3. Cara Setting Open Graph Secara Manual (Tanpa Plugin)<\/strong><\/h4>\n<p data-start=\"3772\" data-end=\"3889\">Untuk yang ingin hasil lebih fleksibel, tambahkan kode berikut ke functions.php (lebih aman gunakan child theme):<\/p>\n<div class=\"contain-inline-size rounded-2xl relative bg-token-sidebar-surface-primary\">\n<div class=\"overflow-y-auto p-4\" dir=\"ltr\"><code class=\"whitespace-pre! language-php\"><span class=\"hljs-function\"><span class=\"hljs-keyword\">function<\/span><\/span> <span class=\"hljs-title\">custom_open_graph_tags<\/span>() {<br \/>\n    <span class=\"hljs-keyword\">if<\/span> (<span class=\"hljs-title function_ invoke__\">is_singular<\/span>()) {<br \/>\n        <span class=\"hljs-keyword\">global<\/span> <span class=\"hljs-variable\">$post<\/span>;<\/p>\n<p>        <span class=\"hljs-variable\">$title<\/span> = <span class=\"hljs-title function_ invoke__\">get_the_title<\/span>(<span class=\"hljs-variable\">$post<\/span>-&gt;ID);<br \/>\n        <span class=\"hljs-variable\">$desc<\/span> = <span class=\"hljs-title function_ invoke__\">wp_strip_all_tags<\/span>(<span class=\"hljs-title function_ invoke__\">get_the_excerpt<\/span>(<span class=\"hljs-variable\">$post<\/span>-&gt;ID));<br \/>\n        <span class=\"hljs-variable\">$image<\/span> = <span class=\"hljs-title function_ invoke__\">get_the_post_thumbnail_url<\/span>(<span class=\"hljs-variable\">$post<\/span>-&gt;ID, <span class=\"hljs-string\">'large'<\/span>);<br \/>\n        <span class=\"hljs-variable\">$url<\/span>   = <span class=\"hljs-title function_ invoke__\">get_permalink<\/span>(<span class=\"hljs-variable\">$post<\/span>-&gt;ID);<\/p>\n<p>        <span class=\"hljs-keyword\">echo<\/span> <span class=\"hljs-string\">\"<br \/>\n        &lt;meta property='og:title' content='\"<\/span>. <span class=\"hljs-title function_ invoke__\">esc_attr<\/span>(<span class=\"hljs-variable\">$title<\/span>) .<span class=\"hljs-string\">\"'&gt;<br \/>\n        &lt;meta property='og:description' content='\"<\/span>. <span class=\"hljs-title function_ invoke__\">esc_attr<\/span>(<span class=\"hljs-variable\">$desc<\/span>) .<span class=\"hljs-string\">\"'&gt;<br \/>\n        &lt;meta property='og:image' content='\"<\/span>. <span class=\"hljs-title function_ invoke__\">esc_url<\/span>(<span class=\"hljs-variable\">$image<\/span>) .<span class=\"hljs-string\">\"'&gt;<br \/>\n        &lt;meta property='og:url' content='\"<\/span>. <span class=\"hljs-title function_ invoke__\">esc_url<\/span>(<span class=\"hljs-variable\">$url<\/span>) .<span class=\"hljs-string\">\"'&gt;<br \/>\n        &lt;meta property='og:type' content='article'&gt;<br \/>\n        \"<\/span>;<br \/>\n    }<br \/>\n}<br \/>\n<span class=\"hljs-title function_ invoke__\">add_action<\/span>(<span class=\"hljs-string\">'wp_head'<\/span>, <span class=\"hljs-string\">'custom_open_graph_tags'<\/span>);<br \/>\n<\/code><\/div>\n<\/div>\n<h3 data-start=\"4613\" data-end=\"4662\"><strong data-start=\"4615\" data-end=\"4662\">Cara Mengecek Apakah Open Graph Sudah Benar<\/strong><\/h3>\n<p data-start=\"4664\" data-end=\"4721\">Setelah mengatur OG, sangat penting melakukan pengecekan.<\/p>\n<p data-start=\"4723\" data-end=\"4758\"><strong data-start=\"4726\" data-end=\"4758\">1. Facebook Sharing Debugger<\/strong><\/p>\n<p data-start=\"4759\" data-end=\"4806\">\u00a0<a class=\"decorated-link cursor-pointer\" target=\"_new\" rel=\"noopener\" data-start=\"4762\" data-end=\"4806\">https:\/\/developers.facebook.com\/tools\/debug\/<\/a><\/p>\n<p data-start=\"4808\" data-end=\"4818\">Fungsinya:<\/p>\n<ul data-start=\"4819\" data-end=\"4937\">\n<li data-start=\"4819\" data-end=\"4855\">\n<p data-start=\"4821\" data-end=\"4855\">Melihat metadata OG yang terbaca<\/p>\n<\/li>\n<li data-start=\"4856\" data-end=\"4886\">\n<p data-start=\"4858\" data-end=\"4886\">Menyegarkan cache Facebook<\/p>\n<\/li>\n<li data-start=\"4887\" data-end=\"4937\">\n<p data-start=\"4889\" data-end=\"4937\">Mengetahui error (misalnya: image terlalu kecil)<\/p>\n<\/li>\n<\/ul>\n<p data-start=\"4939\" data-end=\"4971\"><strong data-start=\"4942\" data-end=\"4971\">2. Twitter Card Validator<\/strong><\/p>\n<p data-start=\"4972\" data-end=\"5014\">\u00a0<a class=\"decorated-link cursor-pointer\" target=\"_new\" rel=\"noopener\" data-start=\"4975\" data-end=\"5014\">https:\/\/cards-dev.twitter.com\/validator<\/a><\/p>\n<p data-start=\"5016\" data-end=\"5049\"><strong data-start=\"5019\" data-end=\"5049\">3. LinkedIn Post Inspector<\/strong><\/p>\n<p data-start=\"5050\" data-end=\"5093\"><a class=\"decorated-link cursor-pointer\" target=\"_new\" rel=\"noopener\" data-start=\"5053\" data-end=\"5093\">https:\/\/www.linkedin.com\/post-inspector\/<\/a><\/p>\n<h3 data-start=\"5100\" data-end=\"5149\"><strong data-start=\"5102\" data-end=\"5149\">Tips Memilih Gambar Open Graph yang Optimal<\/strong><\/h3>\n<ul data-start=\"5151\" data-end=\"5298\">\n<li data-start=\"5151\" data-end=\"5186\">\n<p data-start=\"5153\" data-end=\"5186\">Ukuran ideal: 1200 \u00d7 630 px<\/p>\n<\/li>\n<li data-start=\"5187\" data-end=\"5208\">\n<p data-start=\"5189\" data-end=\"5208\">Rasio: 1.91:1<\/p>\n<\/li>\n<li data-start=\"5209\" data-end=\"5237\">\n<p data-start=\"5211\" data-end=\"5237\">Format: JPG atau PNG<\/p>\n<\/li>\n<li data-start=\"5238\" data-end=\"5268\">\n<p data-start=\"5240\" data-end=\"5268\">Hindari teks terlalu kecil<\/p>\n<\/li>\n<li data-start=\"5269\" data-end=\"5298\">\n<p data-start=\"5271\" data-end=\"5298\">Gunakan gambar high-quality<\/p>\n<\/li>\n<\/ul>\n<h3>Kesimpulan<\/h3>\n<p>Open Graph adalah elemen penting dalam optimasi tampilan link ketika dibagikan ke media sosial. Dengan pengaturan OG yang benar, website akan menampilkan judul, deskripsi, dan gambar yang lebih relevan sehingga meningkatkan profesionalitas, daya tarik, dan peluang klik.<\/p>\n<p>Di WordPress, pengaturan Open Graph dapat dilakukan dengan mudah melalui plugin SEO seperti Rank Math dan Yoast SEO, plugin khusus OG, atau secara manual dengan menambahkan kode ke theme. Setelah pengaturan selesai, penting untuk memeriksa hasilnya menggunakan Facebook Debugger atau validator lain untuk memastikan metadata terbaca dengan tepat.<\/p>\n<p>Secara keseluruhan, implementasi Open Graph yang benar akan membantu memperkuat branding, meningkatkan engagement, dan memberikan pengalaman share yang lebih baik di berbagai platform sosial.<\/p>\n\n\n<div class=\"kk-star-ratings kksr-auto kksr-align-right kksr-valign-bottom\"\n    data-payload='{&quot;align&quot;:&quot;right&quot;,&quot;id&quot;:&quot;28382&quot;,&quot;slug&quot;:&quot;default&quot;,&quot;valign&quot;:&quot;bottom&quot;,&quot;ignore&quot;:&quot;&quot;,&quot;reference&quot;:&quot;auto&quot;,&quot;class&quot;:&quot;&quot;,&quot;count&quot;:&quot;1&quot;,&quot;legendonly&quot;:&quot;&quot;,&quot;readonly&quot;:&quot;&quot;,&quot;score&quot;:&quot;5&quot;,&quot;starsonly&quot;:&quot;&quot;,&quot;best&quot;:&quot;5&quot;,&quot;gap&quot;:&quot;0&quot;,&quot;greet&quot;:&quot;Jadilah yang pertama untuk memberi nilai&quot;,&quot;legend&quot;:&quot;5\\\/5 - (1 vote)&quot;,&quot;size&quot;:&quot;22&quot;,&quot;title&quot;:&quot;Cara Setting Open Graph di WordPress Agar Tampil Maksimal di Media Sosial&quot;,&quot;width&quot;:&quot;110&quot;,&quot;_legend&quot;:&quot;{score}\\\/{best} - ({count} {votes})&quot;,&quot;font_factor&quot;:&quot;1.25&quot;}'>\n            \n<div class=\"kksr-stars\">\n    \n<div class=\"kksr-stars-inactive\">\n            <div class=\"kksr-star\" data-star=\"1\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"2\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"3\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"4\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"5\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n    <\/div>\n    \n<div class=\"kksr-stars-active\" style=\"width: 110px;\">\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                \n\n<div class=\"kksr-legend\" style=\"font-size: 17.6px;\">\n            5\/5 - (1 vote)    <\/div>\n    <\/div>\n","protected":false},"excerpt":{"rendered":"<p>Dalam dunia digital marketing dan SEO modern, tampilan konten saat dibagikan ke media sosial memiliki peran besar dalam menarik klik (CTR). Inilah fungsi penting dari Open Graph (OG), sebuah protokol yang membuat link website tampil menarik saat dibagikan ke Facebook, WhatsApp, LinkedIn, X (Twitter), dan platform lain. Artikel ini membahas apa itu Open Graph, mengapa [&hellip;]<\/p>\n","protected":false},"author":13,"featured_media":28383,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rop_custom_images_group":[],"rop_custom_messages_group":[],"rop_publish_now":"no","rop_publish_now_accounts":{"twitter_2392824914_2392824914":""},"rop_publish_now_history":[{"account":"twitter_2392824914_2392824914","service":"twitter","timestamp":1763457368,"status":"error"}],"rop_publish_now_status":"done","_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"enabled":false},"version":2}},"categories":[3,153,20,8],"tags":[13666,13665,13635,13667,249],"class_list":["post-28382","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-pengetahuan-umum","category-tips","category-wordpress","tag-cara-setting-open-graph","tag-open-graph","tag-optimasi-wordpress","tag-preview-link-media-sosial","tag-wordpress"],"featured_image_src":{"landsacpe":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/11\/Desain-tanpa-judul65-1140x445.png",1140,445,true],"list":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/11\/Desain-tanpa-judul65-463x348.png",463,348,true],"medium":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/11\/Desain-tanpa-judul65-300x169.png",300,169,true],"full":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/11\/Desain-tanpa-judul65.png",1366,768,false]},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Cara Setting Open Graph di WordPress Agar Tampil Maksimal di Media Sosial - Hosteko Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hosteko.com\/blog\/cara-setting-open-graph-di-wordpress\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cara Setting Open Graph di WordPress Agar Tampil Maksimal di Media Sosial - Hosteko Blog\" \/>\n<meta property=\"og:description\" content=\"Dalam dunia digital marketing dan SEO modern, tampilan konten saat dibagikan ke media sosial memiliki peran besar dalam menarik klik (CTR). Inilah fungsi penting dari Open Graph (OG), sebuah protokol yang membuat link website tampil menarik saat dibagikan ke Facebook, WhatsApp, LinkedIn, X (Twitter), dan platform lain. Artikel ini membahas apa itu Open Graph, mengapa [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hosteko.com\/blog\/cara-setting-open-graph-di-wordpress\" \/>\n<meta property=\"og:site_name\" content=\"Hosteko Blog\" \/>\n<meta property=\"article:published_time\" content=\"2025-11-18T09:15:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/11\/Desain-tanpa-judul65.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1366\" \/>\n\t<meta property=\"og:image:height\" content=\"768\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Fitri Ana\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fitri Ana\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/hosteko.com\/blog\/cara-setting-open-graph-di-wordpress#article\",\"isPartOf\":{\"@id\":\"https:\/\/hosteko.com\/blog\/cara-setting-open-graph-di-wordpress\"},\"author\":{\"name\":\"Fitri Ana\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/person\/ffcd8071a8a3d6a862a4e1381d1c4ea0\"},\"headline\":\"Cara Setting Open Graph di WordPress Agar Tampil Maksimal di Media Sosial\",\"datePublished\":\"2025-11-18T09:15:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/hosteko.com\/blog\/cara-setting-open-graph-di-wordpress\"},\"wordCount\":620,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/hosteko.com\/blog\/cara-setting-open-graph-di-wordpress#primaryimage\"},\"thumbnailUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/11\/Desain-tanpa-judul65.png\",\"keywords\":[\"cara setting open graph\",\"open graph\",\"Optimasi WordPress\",\"preview link media sosial\",\"WordPress\"],\"articleSection\":[\"Blog\",\"pengetahuan umum\",\"Tips\",\"Wordpress\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/hosteko.com\/blog\/cara-setting-open-graph-di-wordpress#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/hosteko.com\/blog\/cara-setting-open-graph-di-wordpress\",\"url\":\"https:\/\/hosteko.com\/blog\/cara-setting-open-graph-di-wordpress\",\"name\":\"Cara Setting Open Graph di WordPress Agar Tampil Maksimal di Media Sosial - Hosteko Blog\",\"isPartOf\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/hosteko.com\/blog\/cara-setting-open-graph-di-wordpress#primaryimage\"},\"image\":{\"@id\":\"https:\/\/hosteko.com\/blog\/cara-setting-open-graph-di-wordpress#primaryimage\"},\"thumbnailUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/11\/Desain-tanpa-judul65.png\",\"datePublished\":\"2025-11-18T09:15:37+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/hosteko.com\/blog\/cara-setting-open-graph-di-wordpress#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/hosteko.com\/blog\/cara-setting-open-graph-di-wordpress\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hosteko.com\/blog\/cara-setting-open-graph-di-wordpress#primaryimage\",\"url\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/11\/Desain-tanpa-judul65.png\",\"contentUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/11\/Desain-tanpa-judul65.png\",\"width\":1366,\"height\":768},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/hosteko.com\/blog\/cara-setting-open-graph-di-wordpress#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/hosteko.com\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Cara Setting Open Graph di WordPress Agar Tampil Maksimal di Media Sosial\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/hosteko.com\/blog\/#website\",\"url\":\"https:\/\/hosteko.com\/blog\/\",\"name\":\"Hosteko Blog\",\"description\":\"Berita &amp; Informasi Dunia IT\",\"publisher\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/hosteko.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/hosteko.com\/blog\/#organization\",\"name\":\"HOSTEKO\",\"url\":\"https:\/\/hosteko.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png\",\"contentUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png\",\"width\":195,\"height\":57,\"caption\":\"HOSTEKO\"},\"image\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/person\/ffcd8071a8a3d6a862a4e1381d1c4ea0\",\"name\":\"Fitri Ana\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/a099f723518ab9b89aa80b7ed8cadd2d3fae127c5bd735733cf24a661e75a882?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/a099f723518ab9b89aa80b7ed8cadd2d3fae127c5bd735733cf24a661e75a882?s=96&d=mm&r=g\",\"caption\":\"Fitri Ana\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cara Setting Open Graph di WordPress Agar Tampil Maksimal di Media Sosial - Hosteko Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/hosteko.com\/blog\/cara-setting-open-graph-di-wordpress","og_locale":"en_US","og_type":"article","og_title":"Cara Setting Open Graph di WordPress Agar Tampil Maksimal di Media Sosial - Hosteko Blog","og_description":"Dalam dunia digital marketing dan SEO modern, tampilan konten saat dibagikan ke media sosial memiliki peran besar dalam menarik klik (CTR). Inilah fungsi penting dari Open Graph (OG), sebuah protokol yang membuat link website tampil menarik saat dibagikan ke Facebook, WhatsApp, LinkedIn, X (Twitter), dan platform lain. Artikel ini membahas apa itu Open Graph, mengapa [&hellip;]","og_url":"https:\/\/hosteko.com\/blog\/cara-setting-open-graph-di-wordpress","og_site_name":"Hosteko Blog","article_published_time":"2025-11-18T09:15:37+00:00","og_image":[{"width":1366,"height":768,"url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/11\/Desain-tanpa-judul65.png","type":"image\/png"}],"author":"Fitri Ana","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Fitri Ana","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/hosteko.com\/blog\/cara-setting-open-graph-di-wordpress#article","isPartOf":{"@id":"https:\/\/hosteko.com\/blog\/cara-setting-open-graph-di-wordpress"},"author":{"name":"Fitri Ana","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/person\/ffcd8071a8a3d6a862a4e1381d1c4ea0"},"headline":"Cara Setting Open Graph di WordPress Agar Tampil Maksimal di Media Sosial","datePublished":"2025-11-18T09:15:37+00:00","mainEntityOfPage":{"@id":"https:\/\/hosteko.com\/blog\/cara-setting-open-graph-di-wordpress"},"wordCount":620,"commentCount":0,"publisher":{"@id":"https:\/\/hosteko.com\/blog\/#organization"},"image":{"@id":"https:\/\/hosteko.com\/blog\/cara-setting-open-graph-di-wordpress#primaryimage"},"thumbnailUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/11\/Desain-tanpa-judul65.png","keywords":["cara setting open graph","open graph","Optimasi WordPress","preview link media sosial","WordPress"],"articleSection":["Blog","pengetahuan umum","Tips","Wordpress"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/hosteko.com\/blog\/cara-setting-open-graph-di-wordpress#respond"]}]},{"@type":"WebPage","@id":"https:\/\/hosteko.com\/blog\/cara-setting-open-graph-di-wordpress","url":"https:\/\/hosteko.com\/blog\/cara-setting-open-graph-di-wordpress","name":"Cara Setting Open Graph di WordPress Agar Tampil Maksimal di Media Sosial - Hosteko Blog","isPartOf":{"@id":"https:\/\/hosteko.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hosteko.com\/blog\/cara-setting-open-graph-di-wordpress#primaryimage"},"image":{"@id":"https:\/\/hosteko.com\/blog\/cara-setting-open-graph-di-wordpress#primaryimage"},"thumbnailUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/11\/Desain-tanpa-judul65.png","datePublished":"2025-11-18T09:15:37+00:00","breadcrumb":{"@id":"https:\/\/hosteko.com\/blog\/cara-setting-open-graph-di-wordpress#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hosteko.com\/blog\/cara-setting-open-graph-di-wordpress"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hosteko.com\/blog\/cara-setting-open-graph-di-wordpress#primaryimage","url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/11\/Desain-tanpa-judul65.png","contentUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/11\/Desain-tanpa-judul65.png","width":1366,"height":768},{"@type":"BreadcrumbList","@id":"https:\/\/hosteko.com\/blog\/cara-setting-open-graph-di-wordpress#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hosteko.com\/blog"},{"@type":"ListItem","position":2,"name":"Cara Setting Open Graph di WordPress Agar Tampil Maksimal di Media Sosial"}]},{"@type":"WebSite","@id":"https:\/\/hosteko.com\/blog\/#website","url":"https:\/\/hosteko.com\/blog\/","name":"Hosteko Blog","description":"Berita &amp; Informasi Dunia IT","publisher":{"@id":"https:\/\/hosteko.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hosteko.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/hosteko.com\/blog\/#organization","name":"HOSTEKO","url":"https:\/\/hosteko.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png","contentUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png","width":195,"height":57,"caption":"HOSTEKO"},"image":{"@id":"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/person\/ffcd8071a8a3d6a862a4e1381d1c4ea0","name":"Fitri Ana","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/a099f723518ab9b89aa80b7ed8cadd2d3fae127c5bd735733cf24a661e75a882?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/a099f723518ab9b89aa80b7ed8cadd2d3fae127c5bd735733cf24a661e75a882?s=96&d=mm&r=g","caption":"Fitri Ana"}}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/11\/Desain-tanpa-judul65.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts\/28382","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/comments?post=28382"}],"version-history":[{"count":3,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts\/28382\/revisions"}],"predecessor-version":[{"id":28386,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts\/28382\/revisions\/28386"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/media\/28383"}],"wp:attachment":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/media?parent=28382"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/categories?post=28382"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/tags?post=28382"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}