Sejak Facebook membuat perubahan open graph, pengaturan meta tag pun berdampak pada WhatsApp, terutama persoalan pada ukuran gambar yang disyaratkan. Dimana keduanya ada perbedaan yang menyolok pada besaran ukuran. Ini juga berpengaruh pada website berbasis Amp.
Facebook membuat aturan untuk untuk ukuran og:image 1200 x 630 untuk versi desktop dan 600 x 315 untuk versi mobile. Sedangkan WhatsApp 200 x 200. Ini akan menjadi masalah bagi website berbasis amp.
Dalam pembuatan property website untuk di share ke Facebook, caranya ini sudah dibahas oleh Aha Sarang Komputer telah membahasnya, silahkan dibaca lagi di sini. Disana sudah cukup lengkap dan jelas dalam membuat property website untuk di share facebook.
Setelah diuji di Facebook Sharing Debuger dan berhasil. Persoalan muncul ketika akan di share WhatsApp. Untuk mengatasi masalah ini caranya sebagai berikut;
- open graph og:image yang sudah terbaca di Facebook debuger, secara otomatis data open graph ini yang terus direcord oleh facebook
- Setelah terbaca maka, Anda tinggal menambahkan og:image baru dengan membuat ukuran 200 x 200 ;
<meta property="og:url" content="https://aha-sarangkomputer.blogspot.com/2017/12/snooze-button-fitur-baru-facebook.html?m=1" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Snooze Button Fitur Baru Facebook" /> <meta property="og:description" content="Bulan September kemaren Facebook telah melakukan ujicoba fitur baru bernama snooze button for 30 Days"/> <meta property="og:image" content="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV7qCi9zg8KmQh_ozeJ6WbPoUNvf_dO0Z-rGmsnmXxFN8lgWLhthVGO8KjOenZzN7JJJtEMt03BpUkRMypxfQWpPRH6ICNLhkTbQbHpvucvLJmum9_uZAneXrkQBVaYKnzvwu3tkiTPd9U/s1600/AhaSkomp_fb3.jpg" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /> <meta property="og:image" content="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV7qCi9zg8KmQh_ozeJ6WbPoUNvf_dO0Z-rGmsnmXxFN8lgWLhthVGO8KjOenZzN7JJJtEMt03BpUkRMypxfQWpPRH6ICNLhkTbQbHpvucvLJmum9_uZAneXrkQBVaYKnzvwu3tkiTPd9U/s1600/AhaSkomp_fb3.jpg" /> <meta property="og:image:width" content="200" /> <meta property="og:image:height" content="200" />
- Untuk versi mobile juga dapat ditambahkan seperti diatas
Sekarang thumbnail website akan muncul di perpesanan WhatsApp saat postinhan di website di share ke WhatsApp.
Dengan tampilnya thumbnail postingan website di aplikasi WhatsApp, dalam aturan tidak tertulis, ini akab secara otomatis meningkatkan jumlah pengunjung website
Semoga informasi ini bermanfaat.
No comments:
Post a Comment