Cara Memasang Meta Tag Twitter Card pada Blog

Cara Memasang Meta Tag Twitter Card di 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.
Memasang Meta Twitter Card Blogger
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.

Table of Contents
BACA: Membuat Widget Donasi Via PayPal

Membuat Meta Open Graph Twitter Card di Blogger yang Benar

Contoh Meta Twitter Card
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
Menambahkan Meta Twitter 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.
Nando
Anda di sini hanya untuk persinggahan yang singkat. Jangan terburu, jangan khawatir. Yakinlah bahwa Anda menghirup wangi bunga sepanjang perjalanan.

Luangkan sedikit waktu Anda untuk membagikan "Cara Memasang Meta Tag Twitter Card pada Blog" kepada teman-teman Anda. Hanya dengan menekan Tombol Sosial Media di bawah ini:

Related Posts

Post a Comment

Berlangganan Gratis!

Daftarkan email anda untuk mendapatkan pemberitahuan setiap update artikel terbaru, dan jangan lupa untuk IKUTI Blog kami