Cara Memasang Tag Meta Twitter Card Dengan Benar dan Mudah
Hai, Sahabat . .
Di hari yang baik ini, saya ingin membagikan cara memasang Tag Meta Twitter Card untuk blog kamu. Twitter Card akan membuat tautan postingan yang kamu kirim ke akun twitter kamu akan semakin menarik karena tautan kamu disertai dengan gambar, sehingga akan meningkatkan rasa penasaran seseorang untuk membaca dan akan meningkatkan jumlah pengunjung ke blog atau website kamu. Sebelum saya memberl tahu bagaimana cara atau tutorial memasangnya, apakah anda sudah tahu apa itu Twitter Card?
Baca juga:
Apa Itu Twitter Card?
Twitter Card adalah sebuah kode perintah Tag Meta HTML khusus yang dapat dipasang di blog kamu. Dengan menggunakan Twitter Card, kamu dapat menambahkan gambar atau Video secara otomatis di dalam tautan kamu yang dapat mengarahkan menuju situs blog kamu.
Jenis-Jenis Twitter Card
Adapun Twitter Card memiliki beberapa tipe atau jenis, diantaranya:
- Summary Card
- Summary Card with Large Image
Baca juga:
- Cara Membuat Daftar Isi Blog Keren Berdasarkan Kategori
- Cara Menghapus Link Aktif Di Blog Secara Efektif
Sebenarnya masih ada tipe lain dari Twitter Card, tetapi saat ini saya hanya akan menjelaskan tentang kedua tipe tersebut karena keduanya paling banyak digunakan.
Cara Memasang Tag Meta Twitter Card Di Blog atau Website Kamu
Sekarang, kita simak cara memasang Tag Meta Twitter card.
- Login ke akun Blogger kamu
- Pilih menu "Tema" yang ada di sisi kiri
- Klik "Edit HTML"
- Letakkan kode Tag Meta Twitter Card di bawah kode <head> atau di atas kode </head>
<meta content='summary' name='twitter:card'/>
<meta content='@USERNAME' name='twitter:site'/>
<meta content='@USERNAME' name='twitter:creator'/>
<meta expr:content='data:blog.homepageUrl' name='twitter:domain'/>
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.canonicalUrl' name="twitter:url" />
<meta expr:content='data:blog.pageName' name='twitter:title'/>
<meta expr:content='data:blog.postImageUrl' name='twitter:image:src'/>
<b:else/>
<meta expr:content='data:blog.homepageUrl' name='twitter:url'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='IMAGE_URL_ALTERNATIVE' name='twitter:image:src'/>
</b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
</b:if>
<meta expr:content='data:blog.canonicalUrl' name='twitter:url'/>
- Ganti "USERNAME" dengan username twitter kamu
- Ganti "IMAGE_URL_ALTERNATIVE" dengan url gambar yang kamu inginkan. "Url image alternative" digunakan sebagai alternatif gambar jika postingan kamu tidak memiliki gambar.
- Klik "Simpan"
- Selesai dan selamat Tag Meta Twitter Card telah berhasil dipasang
Apakah Script Twitter Card Telah Terpasang Dengan Benar?
Untuk menguji coba apakah Tag Meta Twitter Card telah terpasang dengan benar, lakukan langkah-langkah di bawah ini:
- Login ke akun Twitter kamu, lalu buka link berikut: "https://cards-dev.twitter.com/validator"
- Masukkan salah satu Url Postingan kamu
- Klik “Preview Card” Lalu lihat hasilnya di Card preview.
Catatan:
Kode script Tag Meta Twitter Card di atas adalah tipe 'Summary". Jika kamu ingin merubahnya menjadi "Summary Large Image", ganti kode:
"<meta content='summary' name='twitter:card'/>"
Menjadi
"<meta content='summary_large_image' name='twitter:card'/>"
Tips:
- Gunakan "CTRL + F" untuk memudahkan kamu dalam mencari kode <head> atau </head>
- Jika kamu menggunakan smartphone, gunakan aplikasi Quoda untuk memudahkan pengeditan HTML
Semoga Bermanfaat. .
0 Response to "Cara Memasang Tag Meta Twitter Card Dengan Benar dan Mudah"
Post a Comment