Menambah Twitter Cards Pada Blogger

Ketika Anda membagikan artikel melalui Facebook maupun Google+, maka akan muncul ringkasan artikel maupun thumbnail gambar (apabila tersedia). Dan sekarang ini, Twitter juga telah menyediakan fitur yang serupa yang dinamakan Twitter Cards.

Twitter Cards hadir dengan membawa perubahan layaknya Facebook dan Google+ yang akan menjelaskan ringkasan artikel yang telah Anda bagikan. Dalam tutorial ini, saya akan menjelaskan bagaimana cara menambahkan Twitter Cards untuk Blogger, namun sebelumnya silahkan lihat perbedaan sebelum dan sesudah menggunakan Twitter Cards pada Blogger.

Sebelum Menggunakan Twitter Cards

Cara Menambah Twitter Cards pada Blogger

Sebelum Anda menambahkan Twitter Cards, silahkan mengaktifkan Deskripsi Penelusuran untuk setiap postingan pada Blog Anda. Jika sudah, silahkan lanjut dengan tutorial berikut ini ;

1. Login ke akun Blogger Anda
2. Menuju ke Menu Template → Edit HTML
3. Kemudian Cari (Ctrl+F) kode </head>, paste kode berikut diatas kode tersebut. Ubah @puguhadhie dengan username Twitter Anda

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<b:if cond='data:blog.metaDescription'>
<meta content='summary' name='twitter:card'/>
<meta content='@puguhadhie' name='twitter:site'/>
<meta content='@puguhadhie' name='twitter:creator'/>
<meta expr:content='data:blog.pageName' name='twitter:title'/>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
<meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image:src'/>
<meta expr:content='data:blog.homepageUrl' name='twitter:domain'/>
</b:if>
</b:if>
</b:if>

4. Langkah berikutnya adalah dengan memberikan permintaan persetujuan dari Twitter dengan cara mengunjungi URL berikut ; https://dev.twitter.com/docs/cards/validation/validator, kemudian masuk pada tab Validate dan Apply, masukkan salah satu URL postingan blog Anda dan klik Go! dan tunggu hingga proses preview Twitter Cards selesai.

Sesudah Menggunakan Twitter Cards

5. Jika sukses, maka akan muncul seperti gambar diatas. Langkah berikutnya adalah dengan mengirimkan permintaan dengan cara klik pada "Request Approval" dan Anda tinggal menunggu email balasan dari Twitter.

Apabila Twitter telah membalas dan mengaktifkan fitur Twitter Cards, maka tiap kali pengunjung blog melakukan share melalui Twitter akan muncul ringkasan mengenai artikel serta muncul thumbnail gambar (jika tersedia) seperti layaknya Facebook dan Google+ dan akan berlaku untuk postingan terdahulu.