{"id":54349,"date":"2025-04-09T14:30:00","date_gmt":"2025-04-09T07:30:00","guid":{"rendered":"https:\/\/www.rumahweb.com\/journal\/?p=54349"},"modified":"2025-04-09T14:37:30","modified_gmt":"2025-04-09T07:37:30","slug":"kenapa-featured-image-tidak-muncul-di-twitter","status":"publish","type":"post","link":"https:\/\/www.rumahweb.com\/journal\/kenapa-featured-image-tidak-muncul-di-twitter\/","title":{"rendered":"Kenapa Featured Image Tidak Muncul di Twitter Saat Dibagikan?"},"content":{"rendered":"\n<p>Pernahkah Anda membagikan artikel berita ke Twitter, namun <em>featured image<\/em> yang telah di setting tidak muncul? Dalam artikel ini, kami akan menjelaskan penyebab <em><\/em><em>featured <\/em>image tidak muncul di Twitter saat dibagikan dan bagaimana cara mengatasinya, terutama bagi pengguna WordPress yang menggunakan plugin SEO seperti Yoast dan AIO SEO.<\/p>\n\n\n\n\n\n<h2 class=\"wp-block-heading\">Apa Itu <em>Featured Image<\/em>?<\/h2>\n\n\n\n<p><em><\/em><em>featured <\/em>image atau gambar unggulan adalah gambar utama yang merepresentasikan isi artikel atau halaman pada sebuah website. Di WordPress, <em>featured image <\/em>dapat di setting pada post atau page, sehingga ketika dibagikan ke sosial media, gambar ini akan ditampilkan untuk merepresentasikan post atau page yang dibagikan. <\/p>\n\n\n\n<p>Namun, hanya menetapkan gambar unggulan saja tidak cukup.  Anda masih perlu melakukan pengaturan opengraph atau metadata yang memberi tahu Twitter gambar mana yang harus ditampilkan. Pada Facebook, Anda perlu mengatur <code>og:image<\/code> agar gambar dikenali lebih mudah. Sedangkan pada Twitter, Anda perlu menambahkan <code>twitter:card<\/code> agar gambar bisa muncul di Twitter. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Apa Itu twitter:card?<\/h2>\n\n\n\n<p>Twitter:card adalah salah satu jenis metadata yang digunakan Twitter untuk menampilkan cuplikan visual saat sebuah <em>link <\/em>dibagikan. Format ini memungkinkan Twitter menampilkan judul, deskripsi, dan gambar dari halaman tersebut.<\/p>\n\n\n\n<p>Jika Anda mengalami <em><\/em><em>featured <\/em>image tidak muncul di Twitter saat dibagikan, kemungkinan besar metadata <code>twitter:card<\/code> belum terpasang dengan benar. Twitter menyediakan beberapa jenis <code>twitter:card<\/code>, seperti:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Summary Card (tanpa gambar)<\/li>\n\n\n\n<li>Summary Card with Large Image (rekomendasi)<\/li>\n\n\n\n<li>App Card<\/li>\n\n\n\n<li>Player Card<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Pengujian twitter:card<\/h2>\n\n\n\n<p>Untuk mengetahui apakah website Anda sudah memiliki tag twitter:card, Anda bisa melakukan pengujian melalui Twitter Card Validator. Berikut langkah-langkahnya. <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Kunjungi halaman <a href=\"https:\/\/cards-dev.x.com\/validator\" target=\"_blank\" rel=\"noopener\" title=\"\">Twitter Card Validator<\/a>.<\/li>\n\n\n\n<li>Masukkan URL artikel yang ingin Anda uji.<\/li>\n\n\n\n<li>Klik Preview Card.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/contoh-card-validator.png\"><img loading=\"lazy\" decoding=\"async\" width=\"933\" height=\"561\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/contoh-card-validator.png\" alt=\"Uji link Twitter Card Validator - featured image tidak muncul di twitter\" class=\"wp-image-54350\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/contoh-card-validator.png 933w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/contoh-card-validator-300x180.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/contoh-card-validator-768x462.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/contoh-card-validator-370x222.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/contoh-card-validator-270x162.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/contoh-card-validator-570x343.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/contoh-card-validator-740x445.png 740w\" sizes=\"auto, (max-width: 933px) 100vw, 933px\" \/><\/a><\/figure>\n\n\n\n<p>Pada gambar diatas, tautan yang kami test memiliki twitter:card yang valid, dengan type summary_large_image. Ketika tautan kami bagikan di Twitter, maka gambar yang kami bagikan akan menampilkan <em><\/em><em>featured <\/em>image seperti gambar berikut: <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/contoh-twitter-card-data.png\"><img loading=\"lazy\" decoding=\"async\" width=\"843\" height=\"684\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/contoh-twitter-card-data.png\" alt=\"contoh preview tautan yang di share ke twitter atau X\" class=\"wp-image-54353\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/contoh-twitter-card-data.png 843w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/contoh-twitter-card-data-300x243.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/contoh-twitter-card-data-768x623.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/contoh-twitter-card-data-370x300.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/contoh-twitter-card-data-270x219.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/contoh-twitter-card-data-570x462.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/contoh-twitter-card-data-740x600.png 740w\" sizes=\"auto, (max-width: 843px) 100vw, 843px\" \/><\/a><\/figure>\n\n\n\n<p>Lalu, bagaimana jika website yang Anda uji belum memiliki <code>twitter:card<\/code>? jangan khawatir, Anda bisa mengikuti langkah-langkah berikut ini.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Cara Setting twitter:card di WordPress<\/h2>\n\n\n\n<p>Untuk pengguna WordPress, salah satu cara paling mudah untuk memperbaiki kendala  <em><\/em><em>featured <\/em>image tidak muncul di Twitter adalah dengan menggunakan plugin. Ada beberapa alternatif plugin yang dapat Anda gunakan, seperti Open Graph and Twitter Card Tags,  Yoast SEO, hingga All in One SEO. <\/p>\n\n\n\n<p>Dalam artikel ini, kami akan mendemokan setting <code>twitter:card<\/code> di WordPress pada plugin Yoast dan AIO SEO, yang merupakan plugin SEO terbanyak yang digunakan oleh pelanggan Rumahweb. Berikut langkah-langkahnya<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Plugin Yoast SEO<\/h3>\n\n\n\n<p>Bagi Anda pengguna plugin Yoast SEO, setting twitter:card dapat dilakukan melalui langkah-langkah berikut: <\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Login ke Dashboard WordPress Anda. <\/li>\n\n\n\n<li>Klik menu Yoast SEO &gt; Settings &gt; Site Features.<\/li>\n\n\n\n<li>Aktifkan fitur dengan mencentang bagian X Card Data. <\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/enable-x-card-data.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"556\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/enable-x-card-data-1024x556.png\" alt=\"Setting X Card Data di Yoast \" class=\"wp-image-54352\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/enable-x-card-data-1024x556.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/enable-x-card-data-300x163.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/enable-x-card-data-768x417.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/enable-x-card-data-370x201.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/enable-x-card-data-270x147.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/enable-x-card-data-570x309.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/enable-x-card-data-740x402.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/enable-x-card-data.png 1262w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<ol start=\"4\" class=\"wp-block-list\">\n<li>Sesuaikan juga profile Twitter atau X Anda di menu Site representation. <\/li>\n<\/ol>\n\n\n\n<p>Untuk memastikan bahwa setting twitter:card Anda sudah benar, Anda bisa melakukan pengujian di plugin Yoast SEO. Caranya, pilih salah satu post yang sudah Anda terbitkan. Lalu, pada bagian Yoast SEO &gt; Social Media &gt; X appearance, maka akan tampilan informasi berupa gambar, judul dan deskripsi singkat dari halaman tersebut. <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/review-x-appearance.png\"><img loading=\"lazy\" decoding=\"async\" width=\"740\" height=\"636\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/review-x-appearance.png\" alt=\"preview post di X pada plugin Yoast\" class=\"wp-image-54354\" style=\"width:469px;height:auto\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/review-x-appearance.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/review-x-appearance-300x258.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/review-x-appearance-370x318.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/review-x-appearance-270x232.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/review-x-appearance-570x490.png 570w\" sizes=\"auto, (max-width: 740px) 100vw, 740px\" \/><\/a><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Plugin AIOSEO<\/h3>\n\n\n\n<p>Jika Anda pengguna plugin AIOSEO, setting twitter:card dapat dilakukan melalui langkah-langkah berikut: <\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Login ke dashboard WordPress Anda.<\/li>\n\n\n\n<li>Buka menu All in One SEO &gt; Social Networks &gt; X (Twitter).<\/li>\n\n\n\n<li>Aktifkan Enable Twitter Card.<\/li>\n\n\n\n<li>Pada tab Default Card Type pilihlah <strong>Summary with Large Image<\/strong>.<\/li>\n\n\n\n<li>Di tab <em>Default Post Image Source<\/em>, pastikan opsi &#8216;Use Featured Image&#8217; aktif.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/AIO-Social-Networks.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"453\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/AIO-Social-Networks-1024x453.png\" alt=\"Enable Twitter Card di AIOSEO\" class=\"wp-image-54356\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/AIO-Social-Networks-1024x453.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/AIO-Social-Networks-300x133.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/AIO-Social-Networks-768x340.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/AIO-Social-Networks-370x164.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/AIO-Social-Networks-270x120.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/AIO-Social-Networks-570x252.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/AIO-Social-Networks-740x328.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/AIO-Social-Networks.png 1346w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Dengan konfigurasi ini, tag twitter:card dan twitter:image akan otomatis terpasang, dan Twitter akan mengenali gambar saat link dibagikan.<\/p>\n\n\n\n<p>Untuk memastikan bahwa setting twitter:card Anda sudah benar, Anda bisa melakukan pengujian di plugin AIOSEO. Caranya, pilih salah satu post yang sudah Anda terbitkan. Lalu, pada bagian AIOSEO Settings &gt; Social &gt; X (twitter). Jika konfigurasi yang Anda lakukan sudah benar, maka akan tampil preview gambar, judul dan deskripsi singkat dari post tersebut. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/review-x-aioseo.png\"><img loading=\"lazy\" decoding=\"async\" width=\"954\" height=\"765\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/review-x-aioseo.png\" alt=\"preview post di X\" class=\"wp-image-54357\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/review-x-aioseo.png 954w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/review-x-aioseo-300x241.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/review-x-aioseo-768x616.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/review-x-aioseo-370x297.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/review-x-aioseo-270x217.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/review-x-aioseo-570x457.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/review-x-aioseo-740x593.png 740w\" sizes=\"auto, (max-width: 954px) 100vw, 954px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Penutup<\/h2>\n\n\n\n<p>Kendala <em>featured image<\/em> tidak muncul di Twitter seringkali terjadi karena metadata <code>twitter:card<\/code> belum dikonfigurasi dengan baik. Dengan memahami setting <em>featured image<\/em> ada Yoast SEO atau All in One SEO, Anda dapat memastikan konten yang dibagikan tampil dengan baik dan menarik.<\/p>\n\n\n\n<p>Bagi Anda yang mengalami kendala <em>featured image<\/em> tidak tampil di WhatsApp atau Facebook, Anda bisa mempelajari panduannya di artikel <a href=\"https:\/\/www.rumahweb.com\/journal\/gambar-tidak-muncul-saat-share-di-facebook\/\" target=\"_blank\" rel=\"noopener\" title=\"\">berikut<\/a>.<\/p>\n\n\n\n<p>Demikian artikel kami tentang kendala <em>featured image<\/em> tidak muncul di Twitter saat dibagikan, semoga bermanfaat.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Pernahkah Anda membagikan artikel berita ke Twitter, namun featured image yang telah di setting tidak muncul? Dalam artikel ini, kami akan menjelaskan penyebab featured image tidak muncul di Twitter saat dibagikan dan bagaimana cara mengatasinya, terutama bagi pengguna WordPress yang menggunakan plugin SEO seperti Yoast dan AIO SEO. Apa Itu Featured Image? featured image atau [&hellip;]<\/p>\n","protected":false},"author":329,"featured_media":54363,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_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,"font":"","enabled":false},"version":2}},"categories":[2],"tags":[2462,2460,14],"class_list":{"0":"post-54349","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-artikel-tutorial","8":"tag-featured-image","9":"tag-twitter","10":"tag-wordpress"},"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/Banner-Kenapa-Feature-Image-Tidak-Muncul-di-Twitter.png","jetpack_shortlink":"https:\/\/wp.me\/p8n3G7-e8B","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/54349","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=54349"}],"version-history":[{"count":0,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/54349\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media\/54363"}],"wp:attachment":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media?parent=54349"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/categories?post=54349"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/tags?post=54349"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}