Thursday, 3 March 2016
 |
| Gambar 1. Whatsapp Link preview |
Nah kini kita fokus membahas preview link (pratinjau tautan). Beberapa situs social media hampir semuanya sudah memakai teknologi pratinjau tautan yang memang sangat terasa keuntungannya 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, saat aku 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 saat kita menulis sebuah link.
Baca juga : Cara backup chat whatsapp ke Google Drive
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 aku coba pada hp istri aku (ups...) menawarkan dua diantaranya memakai 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
- Anda harus mempunyai kanal ke edit html/template blog anda, sanggup lewat file manager/editor pada template blog.
- Masuk ke bab <head></head>, cari adakah tag html <meta property="og:image" content="url_gambar"> kalau tidak ada tambahkan.
- Bagian url_gambar berwarna merah silahkan diganti dengan url gambar. Url gambar sanggup berupa link dari server sendiri atau dari luar.
- 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>
- Simpan dan pribadi dicoba saja. :)
 |
| Sebelum dan sehabis dipasang og:image + itemprop |
Semoga artikelnya bermanfaat, kalau ada pertanyaan mengenai artikel di atas jangan sungkan untuk menghubungi via :
1. Email : ali@bangkamedia.com
2. Twitter : @eksplore
3. Facebook : Ahmad Alimuddin
4. Whatsapp : 087784416980
5. Komentar di bawah ini :)
