√ Cara menampilkan gambar blog saat di share / bagikan ke WhatsApp - IDETIPS.com

Cara menampilkan gambar blog saat di share / bagikan ke WhatsApp

Daftar Isi

    Cara menampilkan gambar blog saat di share / bagikan ke WhatsApp , show thumbnail / image web or blog when i share my web to whatsapp use url
    WhatsApp menjadi salah satu mendia social yang sangat banyak sekali digunakan di dunia , aplikasi ini menjadi populer karena simple dan mudah digunakan untuk berkomunikasi dengan orang lain . terlebih lagi WhatsApp telah bergabung bersama facebook dan berdiri dalam satu naungan perusahaan yang sama . membuat WhatsApp menjadi lebih kuat dalam berbagai hal .

    untuk para blogger atau web developer , whatsapp sering sekali digunakan selain untuk berkomunikasi juga sering sekali digunakan untuk membagikan link website mereka . tapi ada beberapa masalah yang sering muncul dalam hal membagikan website kita ke whatsapp , seperti thumbnail atau gambar yang tidak muncul saat di share , membuat orang yang melihatnya sangat sulit menafsirkan isi dari isi artikel dari web tersebut .

    jadi kali ini idetips mau berbagi bagaimana sih caranya supaya gambar thumbnail pada blog kita dan link blog kita saat di share ke whatsapp muncul ?

    berikut ini tampilan gambar atau thumbnail yang tidak muncul saat sebuah website atau blog di share ke whatsapp

    https://stackoverflow.com/questions/25100917/showing-thumbnail-for-link-in-whatsapp-ogimage-meta-tag-doesnt-work


    image by : (https://stackoverflow.com/questions/25100917/showing-thumbnail-for-link-in-whatsapp-ogimage-meta-tag-doesnt-work)

    Contoh atau hasil saat pengunaan meta tag whatsApp for web




    image by : ( https://stackoverflow.com/questions/19778620/provide-an-image-for-whatsapp-link-sharing )

    Cara memperbaiki atau mengatasi thumbnail yang tidak muncul saat share link website atau blogger ke whatsapp

    • Silahkan login ke blogger anda .
    • masuk ke menu "Template" > "EDIT HTML"
    • kamu bisa mencopy dan paste code dibawah ini tepat diatas code "</head>"

    <!-- Facebook and WhatsApp Meta Tag Open Graph by igniel.com -->
    <b:if cond='data:view.isHomepage'>
    <b:if cond='data:view.isPost'>
    <b:if cond='data:view.isPage'>
    <b:if cond='data:blog.url'>
    <meta expr:content='data:blog.url' property='og:url'/>
    </b:if>
    <meta expr:content='data:blog.title' property='og:site_name'/>
    <b:if cond='data:blog.pageName'>
    <meta expr:content='data:blog.pageName' property='og:title'/>
    </b:if></b:if></b:if></b:if>
    <meta content='blog' property='og:type'/>
    <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 content='https://www.blogger.com/about/img/social/facebook-1200x630.jpg' property='og:image'/>
    </b:if></b:if>
    <b:if cond='data:blog.metaDescription'>
    <meta expr:content='data:blog.metaDescription' property='og:description'/>
    <b:else/>
    <meta expr:content='data:post.snippet' property='og:description'/>
    </b:if>
    <meta expr:content='data:blog.title' property='og:site_name'/>
    <meta content='https://www.facebook.com/IDFACEBOOKANDA' property='article:author'/>
    <meta content='https://www.facebook.com/IDFACEBOOKANDA' property='article:publisher'/>
    <meta content='IDFACEBOOKANDA' 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'/>

    catatan : tampilan code diatas dimuat juga dengan code untuk menampilkan thumbnail atau info web lainnya saat di share ke facebook , jika di blogmu sudah ada silahkan hapus saja yang duplicat atau kembar .

    hal yang harus diubah dari code tersebut :

    "https://www.blogger.com/about/img/social/facebook-1200x630.jpg"
    ganti url gambar ini dengan url gambar atau icon yang berhubungan dengan blog / web kalian , gambar ini yang nantinya akan muncul saat kalian share link hompage/index web kalian .
    "IDFACEBOOKANDA"
    silahkan ubah dengan ID facebook / fanspage anda .

    Tips tambahan

    untuk melihat perubahan yang terjadi kamu harus menunggu beberapa saat hingga struktur meta tag yang baru terbaca , untuk membantu mempercepatnya kamu bisa submit ulang blog kamu pada Tools Sharing Debugger (Facebook)
    1. akses halaman https://developers.facebook.com/tools/debug/sharing
    2. masukkan link website dan klik Debug
    3. tekan tombol Scrape again.
    4. tunggu saja beberapa saat dan coba share kembali web kalian ke WhatsApp.
    jadi itulah solusi yang bisa idetips.com berikan buat teman-teman mengenai tidak munculnya gambar atau thumbnail website saat dishare ke WhatsApp , semoga berguna dan berhasil , selamat mencoba
    Tambahkan CommentarHide

    Iklan Atas Artikel

    Iklan Tengah Artikel 1

    Iklan Tengah Artikel 2

    Iklan Bawah Artikel