Label
Diposting oleh

Cara Mengatasi Thumbnail Tidak Muncul Saat Share di Sosmed

masnasih.com - Bagaimana sih rasanya kalo ngeshare link ke sosial media nggak muncul gambar thumbnailnya? Tentunya akan kurang greget karena ibaratnya sayur tanpa garam (rasaya tawar), kalo dilihat tentunya kurang menarik dan orang yang melihatnya enggan untuk membukanya karena memang tak tertarik (emosinya tidak terbangun).

Coba lihat gambar di bawah ini dan bayangkan jika tidak ada gambarnya. Gambar pertama adalah facebook dan gambar kedua adalah whatsapp.
mengatasi thumbnail share post facebook

gambar wordpress tidak muncul di facebook

Maka dari itu di artikel ini saya akan memberikan solusi dari permasalahan yang sederhana ini dengan cara yang simpel dan bisa dilakukan oleh siapa saja.

Baiklah simak baik-baik pemaparan saya di bawah ini agar tidak ada kesalahan di dalam menerapkannya. 

    Cara Mengatasi Thumbnail Tidak Muncul Saat Share di Sosmed

    Solusi Blogger

    Untuk pengguna blogger gunakan meta tag ini untuk mengatasi masalah gambar thumbnail tidak muncul saat di share.

    Cara menerapkan meta tag Opengraph di blogger 

    1. masuk ke dasboard blogger
    2. Ke Tampilan - Edit HTML
    3. Cari kode <head>
    4. Copy Kode di bawah ini dan Paste di bawah kode <head> atau di atas kode </head>
    5. Save
    <!-- [ Social Media Meta Tag / OpenGraph ] -->
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <meta expr:content='data:blog.pageName' property='og:title'/>
    <meta expr:content='data:blog.canonicalUrl' property='og:url'/>
    <meta content='article' property='og:type'/>
    </b:if>
    <meta expr:content='data:blog.title' property='og:site_name'/>
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <meta expr:content='data:blog.metaDescription' name='description'/>
    <meta expr:content='data:blog.title' property='og:title'/>
    <meta content='website' property='og:type'/>
    <b:if cond='data:blog.metaDescription'>
    <meta expr:content='data:blog.metaDescription' property='og:description'/>
    <b:else/>
    <meta expr:content='data:blog.metaDescription' property='og:description'/>
    </b:if>
    </b:if>
    <b:if cond='data:blog.postImageUrl'>
    <meta expr:content='data:blog.postImageUrl' property='og:image'/>
    <b:else/>
    <b:if cond='data:blog.postImageThumbnailUrl'>
    <meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
    <b:else/>
    <meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
    </b:if>
    </b:if>
    <meta content='https://www.facebook.com/nasyh' property='article:author'/>
    <meta content='https://www.facebook.com/elnasih78' property='article:publisher'/>
    <meta content='291124614817994' property='fb:app_id'/>
    <meta content='100000937336283' property='fb:admins'/>
    <meta content='en_US' property='og:locale'/>
    <meta content='en_GB' property='og:locale:alternate'/>
    <meta content='id_ID' property='og:locale:alternate'/>
    <meta content='summary' name='twitter:card'/>
    <meta expr:content='data:blog.pageTitle' name='twitter:title'/>
    <meta content='elnasyh' name='twitter:site'/>
    <meta content='elnasyh' name='twitter:creator'/>

    Keterangan :
    • https://www.facebook.com/nasyh = url profil Fbmu
    • https://www.facebook.com/elnasih78 = url fanspage/halaman fbmu
    • 291124614817994 = id app fbmu
    • 100000937336283 = id fbmu
    • elnasyh = username twittermu
    Dengan menambahkan meta tag openGraph di atas maka masalah gambar yang tidak muncul sudah teratasi dan silakan dicoba. Jika belum muncul silakan jangan sungkan-sungkan untuk bertanya melalui kolom komentar.

    Solusi Wordpress

    Untuk pengguna wordpress self hosting, Anda bisa mengatasi masalah ini dengan cara menginstal plugin OG dengan plugin ini masalah ini akan teratasi. Sudah bisa kan instal plugin sendiri di wordpress?.

    Cara menerapkan plugin OG di Wordpress

    1. Masuk ke dasboard wordpress
    2. Ke menu plugin
    3. Tambah plugin
    4. Cari di kolom pencarian "OG atau Opengraph"
    5. Instal Pluginnya
    6. Aktifkan Pluginnya
    7. Selesai
    Demikianlah Cara Mengatasi Thumbnail Tidak Muncul Saat Share di Sosmed. Semoga Bermanfaat.

    Baca Juga :

    Label:

    Komentar

    1. Unknown17 November 2018 pukul 16.52

      selamat sore masnasih, kalau thumbnail untuk twitter, gimana mas ? saya pakai wordpress dan gmbar thumbnail nya tidak muncul..

      BalasHapus
      Balasan
      1. Much. Nasih Amin19 November 2018 pukul 21.55

        Selamat sore juga Mas Wahyu Halim.

        Apakah sudah pasang plugin Open Graph? Kalo belum silakan coba pasang plugin OG dulu. Di OG fiturnya sudah lengkap mas. Semoga Berhasil.

        Hapus
    2. Truth Media Indonesia21 Februari 2019 pukul 01.53

      Makasih gan infonya! sangat membantu.

      BalasHapus

    Posting Komentar

    Panduan Berkomentar, Klik disini

    Postingan Populer