Cara Memasang Meta Tag Twitter Card di Blogger Blogspot. Twitter merupakan salah satu media sosial yang biasa digunakan pengelola blog untuk membagikan artikelnya. Dengan membagikan artikel di Twitter, kemungkinan untuk mendapatkan pengunjung blog sangatlah mudah. Selain itu, twitter juga media sosial favorit para pengelola blog karena potensi untuk menambah jumlah traffic dalam skala besar.
Layaknya facebook, twitter sebagai media sosial yang memungkinkan pengguna untuk melihat gambar, membaca text, dan menonton video. Hal tersebut menjadikan alasan mengapa para blogger menjadikan twitter sebagai media sharing selain facebook.
BACA: Membuat Widget Donasi Via PayPal
Membuat Twitter Card (Meta Open Graph) di Blogger
Dengan menggunakan Meta Twitter Card, artikel yang anda bagikan di Twitter akan terlihat cantik dan menarik pengunjung, karena tweet dilengkapi gambar dan resume lengkap tentang artikel tersebut. Sehingga URL halaman yang di Tweet akan terlihat lebih kaya dibanding dengan tweet biasa yang tidak memakai Meta Twitter Card.
BACA: Membuat Tombol Download Menarik
Pasang Kode Meta Twitter Card
Sebelumnya, pastikan tidak ada satupun meta twitter card yang terpasang pada template blog anda.
- Pada dashboard blogger, pergi ke Template ➧ Edit HTML
- Letakkan kode berikut diatas tag </head>
<meta content='summary_large_image'name='twitter:card'/>
<meta expr:content='data:blog.pageTitle'name='twitter:title'/>
<meta content='@username' name='twitter:site'/>
<meta content='@username' name='twitter:creator'/>
<meta expr:content='data:blog.metaDescription'name='twitter:description'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl'name='twitter:image'/>
<meta expr:content='data:blog.pageName'name='twitter:image:alt'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl'name='twitter:image'/>
<meta expr:content='data:blog.pageName'name='twitter:image:alt'/>
<b:else/>
<meta content='https://link-logo-anda.png'name='twitter:image'/>
<meta expr:content='data:blog.title' name='twitter:image:alt'/>
</b:if></b:if>NOTE:
- Ubah @username dengan username twitter anda
- Ubah https://link-logo-anda.png dengan logo blog anda
BACA: Cara Membuat Contact Form Elegan
Lakukan Validasi
Setelah berhasil memasang meta Twitter Card di atas, sekarang silahkan anda lakukan Validasi dengan Card Validator yang disediakan Twitter.
- Pergi ke Card Validator
- Masukkan URL artikel blog anda di kotak Card URL
- Klik Priview Card
Cukup mudah bukan? Demikian tutorial singkat mengenai Cara Menambahkan Meta Tag Twitter Card di Blogger Blogspot, semoga dengan artikel ini dapat membantu anda dalam memecahkan masalah yang anda alami.