Twitter sebagai salah satu jaringan informasi yang sangat populer di dunia bisa menjadi salah satu media yang dapat kita gunakan untuk membantu mempopulerkan halaman blog yang kita miliki, caranya dengan share atau berbagi halaman blog ke twitter, sehingga halaman blog memiliki kesempatan untuk dikunjungi oleh pengguna twitter.
sebagai salah satu situs profesional twitter menyediakan kode khusus yang dapat digunakan untuk memfasilitasi halaman blog agar lebih mudah bisa dishare ke twitter, kode tersebut dikenal dengan nama twitter card, berupa kode perintah meta tag HTML dengan aturan khusus yang dapat dipasang atau diletakan di template blog, baik blog berflatform blogspot, wordpress maupun flatform blog lainnya.
Baca Juga: Cara Memasang Facebook Open Graph di blogspot.
Ketika pengunjung blog melakukan share artikel blog yang kita miliki ke twitter melalui tombol share twitter yang kita sediakan di halaman blog yang kita miliki, maka twitter akan membaca dan berusaha untuk menemukan kode twitter card yang terpasang pada blog tersebut, jika informasi twittercard ditemukan maka artikel blog akan dishare dihalaman twitter yang share dengan tampilan sesuai pengaturan kode twitter card yang kita pasang.
Mengenal Kode Meta Tag Twitter Card
Berikut beberapa kode meta tag twitter card yang bisa di pasang pada blog anda untuk menyimpan informasi yang dibutuhkan oleh mesin twitter untuk data share:
#1- twitter : card
Untuk menentukan jenis card yang ingin digunakan, ini akan menentukan jenis tampilan share sesuai dengan jenis card type yang kita pilih:
Format:
<'meta name='twitter:card' content='jenis_card‘/>
Jenis_card yang bisa anda gunakan adalah sebagai berikut:
a. Summary, menampilkan share dengan thumbnail.
Jenis card ini cocok untuk share artikel postingan blog dengan thumbnail, jika anda memilih card ini maka tampilan share akan terlihat kurang lebih akan terlihat seperti gambar dibawah ini:
b. Summary_large_image, menampilkan share dengan large image.
Jenis card ini sangat cocok untuk share artikel blog dengan gambar besar, Jika anda memilih card jenis ini maka tampilan hampir mirip dengan summary namun menampilkan gambar yang lebih besar seperti gambar dibawah ini:
c. photo, untuk menampilkan photo saja,
Jenis card ini cocok sekali digunakan untuk share photo saja, tampilan twitter photo card terlihat seperti gambar dibawah ini:
d. gallery, dapat menampilkan beberapa koleksi photo
Sama halnya dengan sumary lager image namun menampilkan beberapa foto gallery.
e. app, Untuk share applikasi mobile dengan direct download.
f. Product Card, Untuk Share product
Contoh Penggunaan:
<'meta name='twitter:card‘ content=’summary_large_image‘/>
#2 – twitter : url
Digunakan untuk menyimpan informasi url artikel blog anda yang dishare
Contoh Penggunaan:
http://“/>
#3 – twitter : description
Digunakan untuk menyimpan informasi descripsi share, anda bisa mengisinya dengan descripsi dari artikel yang dishare. atau descripsi apapun yang mewakili isi artikel yang akan dishare.
Contoh Penggunaan:
ini diisi degan deskripsi yang mewakili artikel secara keseluruhan“/>
#4 – twitter : title
Digunakan untuk menyimpan informasi judul yang mewakili artikel yang dishare
contoh penggunaan:
letakan judul disini“/>
#5 – twitter : image
Digunakan untuk menyimpan informasi gambar yang akan ditampilkan di halaman share twitter, anda bisa mengisinya dengan gambar yang sesuai dengan gambar yang anda pasang pada artikel blog anda.
Contoh penggunaan:
url gambar“/>
Untuk lebih detail anda bisa baca disini: https://dev.twitter.com/cards/types
Cara Memasang Meta Tag Twitter Card di Blogspot
Untuk share artikel blog ke halaman twitter, twitter card yang paling cocok digunakan adalah summary atau summary_large_image, jika memilih summary maka share akan menampilkan judul, deskripsi, thumbnail image dan juga atribusi twitter, jika memilih summary_large_image, maka tampilan share mirip dengan summary namun dengan tampilan gambar yang lebih besar.
Summary cocok sekali digunakan jika artikel mengandung gambar yang tidak terlalu besar, sedangkan summary_large_image akan cocok sekali digunakan jika artikel mengandung gambar dengan ukuran yang besar.
Berikut saya akan contohkan cara memasang meta tag twitter card untuk blogspot dengan menggunakan card summary_large_image, langkah-langkahnya adalah sebagai berikut:
a. Masuk ke Edit HTML Blog anda
c. Cadi kode
fb_admin‘ property=’fb:admins’/>
@Twitter_User_Name‘ name=’twitter:creator’/>
Pola Pemicu Petir Merah Olympus Terbaru Hari Ini !!! Auto Jackpot Maxwin
Terbaru!!, Seperti Inilah Caranya Main Slot Online Tanpa Harus Deposit
