Cara Memasang Meta Tag Twitter Card di Blogger

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

BACA: Membuat Widget Donasi Via PayPal

Membuat Twitter Card (Meta Open Graph) di Blogger

Membuat 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
Membuat Twitter Card di Blogger
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.

  1. Untuk membuat judul komentar, gunakan <i rel="h2">Judul Komentar</i>
  2. Untuk membuat kotak catatan, <i rel="quote">catatan</i>
  3. Untuk membuat teks stabilo, <i rel="mark">mark</i>
  4. Untuk membuat teks mono, <i rel="kbd">kbd</i>
  5. Untuk membuat kode singkat, <i rel="code">shorcode</i>
  6. Untuk membuat kode panjang, <i rel="pre"><i rel="code">potongan kode</i></i>
  7. Untuk membuat teks tebal, <strong>tebal</strong> atau <b>tebal</b>
  8. Untuk membuat teks miring, <em>miring</em> atau <i>miring</i>

Baca Juga:

Baca Juga:


Konten Unggulan