Sabtu, 14 April 2018

Cara Memasang Meta Tag TWITTER CARD pada Blog

Cara Memasang Meta Tag TWITTER CARD pada Blog

Cara Memasang Meta Tag TWITTER CARD pada Blog
Cara Memasang Meta Tag TWITTER CARD pada Blog
Blog Mang Otep | Cara Memasang Meta Tag TWITTER CARD pada Blog - Cara Membuat Twitter Card yang benar pada blogspot - Memasang Meta Tag Twitter ini bertujuan tidak lain dan tidak bukan adalah untuk mempercantik tampilan postingan anda saat membagikan ke dalam sosial media Twitter, sama saja sebenarnya dengan Open Graph Milik Facebook yang banyak terdapat pada template Blog saat ini.

Pengertian Twitter Card sendiri adalah kode meta tag HTML yang dikhususkan untuk pengguna twitter untuk mempublikasikan sesuatu dengan atribusi yang berfunsi untuk mengambil ringkasan dari blog atau website ketika kita membagikannya kedalam twitter.

Data yang diambil oleh Twitter Card ini antara lain Judul Postingan, Deskripsi, dan juga gambar atau biasa di sebut dengan Thumbnail. Yang mana Kode ini berupa HTML yang bisa dipasang pada platform blog misalnya : Blogspot, Joomla, Wordpress, dan masih banyak lagi.

Kali ini akan Blog Mang Otep bagikan kode HTML dari Blog ini untuk anda lengkap dengan bagaimana anda bisa memasangnya dalam blogspot. Tata Cara Memasang Meta TWITTER CARD pada Blog bisa dilihat di bawah ini.

Cara Memasang Meta TWITTER CARD pada Blog :

1. Login ke blogger.com
2. Masuk ke menu Template
3. Pilih edit HTML
4. Letakkan kode dibawah ini dibawah <head> dan sebelum kode </head> , untuk memudahkannya anda bisa menggunakan fitur CTRL + F.


<meta content='summary_large_image' name='twitter:card'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='@NAMA IG KAMU' name='twitter:site'/>
<meta content='@NAMA IG KAMU' 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://4.bp.blogspot.com/URL GAMBAR DEFAULUT.png' name='twitter:image'/>
<meta expr:content='data:blog.title' name='twitter:image:alt'/>
</b:if></b:if>

5. Kemudian Save Template !!

Untuk pemasangan kode diatas saya sarankan agar tidak jauh dari kode Open Graph Milik Facebook untuk lebih efisien dalam pengeditan template selanjutnya.

Nah Demikianlah Info dari Blog Mang Otep untuk artikel Cara Memasang Meta Tag TWITTER CARD pada Blog, semoga bermanfaat untuk anda. Jika menyukai artikel dari blog ini anda bisa klik like, share, and subscribe untuk mendapatkan email berlangganan artikel dari terbaru dari Blog Mang Otep.

Terima Kasih. Salam Blogger.

Disana Gunung Disini Gunung, Ditengahnya Pulau Jawa
Kamu Bingung Infonya Nanggung, Mending Visit Blog Mang Otep Aja

Load comments