Laporkan jika link apk download error atau rusak dikolom komentar. Terima Kasih sudah berkunjung semoga betah .dan silahkan request Cara Menampilkan Thumbnail Pada Preview Link WhatsApp - Jalandollar.com

Cara Menampilkan Thumbnail Pada Preview Link WhatsApp

Cara Menampilkan Thumbnail Pada Preview Link WhatsApp
Gambar 1. Whatsapp Link preview
Pada update versi 2.12.367 WhatsApp memberi fitur baru bagi hampir 1 milyar penggunanya yaitu star message (bookmark pesan) dan preview link (pratinjau tautan), jika belum tahu lebih detail tentang fitur baru tersebut anda dapat membacanya pada tautan berikut.

Nah sekarang kita fokus membahas preview link (pratinjau tautan). Beberapa situs social media hampir semuanya sudah menggunakan teknologi pratinjau tautan yang memang sangat terasa manfaatnya bagi pengguna, yaitu dengan menampilkan judul, gambar, dan sedikit deskripsi tautan yang dibagikan. Sehingga sebelum membuka link yang dibagikan pengguna melihat pratinjaunya dulu. Contoh preview link yang diterapkan pada kolom komentar facebook, ketika saya membagikan link video youtube pratinjau berupa gambar dan judul ikut tampil :

Gambar 2. Facebook link preview

Nah pada whatsapp pun begitu juga, preview link akan ditampilkan otomatis ketika kita menulis sebuah link.


Nah, namun ada link website yang menampilkan thumbnail preview, ada yang tidak. Coba lihat gambar berikut ini, beberapa website ternama ternyata ada yang tidak menampilkan thumbnail :)


Pada gambar di atas dari ke empat situs yang saya coba pada hp istri saya (ups...) menunjukkan dua diantaranya menggunakan thumbnail dan dua lainnya tidak. ponselsedunia.com (ya), blogger.com (tidak), facebook.com (ya), twitter.com (tidak). Lalu bagaimana caranya? Simak langkah-langkah di bawah ini :

Cara Menampilkan Thumbnail - Update 4/3/16
  1. Anda harus memiliki akses ke edit html/template blog anda, bisa lewat file manager/editor pada template blog.
  2. Masuk ke bagian <head></head>, cari adakah tag html <meta property="og:image" content="url_gambar"> jika tidak ada tambahkan.
  3. Bagian url_gambar berwarna merah silahkan diganti dengan url gambar. Url gambar dapat berupa link dari server sendiri atau dari luar.
  4. Tambahkan tag HTML berikut <link itemprop="thumbnailUrl" href="url_gambar"> <span itemprop="thumbnail" itemscope itemtype="http://schema.org/ImageObject"> <link itemprop="url" href="url_gambar"> </span>
  5. Simpan dan langsung dicoba saja. :)
Keuntungan menggunakan thumbnail preview pada link whatsapp adalah membuat sebuah link lebih menarik dan terpercaya sehingga tentu akan menarik untuk dikunjungi. Jika halaman anda dinamis, web anda menjual produk ini akan sangat bermanfaat. Hasilnya seperti ini :

Sebelum dan sesudah dipasang og:image + itemprop



Tips Tips dan Trik trik

Dapatkan Tips pertuyulan Setiap Harinya!

  • Dapatkan tips dan trik yang belum pernah kamu tau sebelumnya
  • Jadilah orang pertama yang mengetahui hal-hal baru di dunia pertuyulan
  • Dapatkan sapujagad Gratis: Cara Dapat 200 Juta / bulan dari Ads selain adsense

0 Response to "Cara Menampilkan Thumbnail Pada Preview Link WhatsApp"

Post a Comment

Catatan Untuk Para Jejaker
  • Mohon Tinggalkan jejak sesuai dengan judul artikel.
  • Tidak diperbolehkan untuk mempromosikan barang atau berjualan.
  • Dilarang mencantumkan link aktif di komentar.
  • Komentar dengan link aktif akan otomatis dihapus
  • *Berkomentarlah dengan baik, Kepribadian Anda tercemin saat berkomentar.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel