Kode Meta Twitter Card: Cara Pasang Open Graph Twitter untuk Blogger

Kode Meta Twitter Card: Cara Pasang Open Graph Twitter untuk Blogger
Kode Meta Twitter Card: Cara Pasang Open Graph Twitter untuk Blogger

Twitter Card adalah kode Open Graph Twitter. Fungsinya agar postingan atau tulisan blog yang dibagikan di Twitter berisi judul, gambar, dan deskripsi artikel sehingga lebih menarik bagi para tweps (pengguna twitter).

Berikut ini kode Twitter Card untuk dipasang di Blog platfor Blogger.

Untuk blog Wordpress sangat gampang karena ada Plugin Twitter Card yang bisa diinstal dan diaktifkan.

Cara Pasang Open Graph Twitter untuk Blogger

1. Theme > Edit HTML
2. Copas kode berikut ini di bawah kode </head> atau digabungkan dengan Meta Tags lainnya.

<meta content='summary' name='twitter:card'/>
<meta content='@tips_komunikasi' name='twitter:site'/>
<meta content='@tips_komunikasi' name='twitter:creator'/>
<meta expr:content='data:blog.homepageUrl' name='twitter:domain'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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='http://3.bp.blogspot.com/-dPRz5h2DbyM/VDT9fWAJH8I/AAAAAAAAAKQ/Mr7qZKA4tvI/s1600/komunikasi%2Bpraktis%2Blogo%2B300px.png' 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 kode/tulisan warna merah dengan versi Anda, lalu Save!

Note: Untuk menampilkan gambar besar, ubah kode summary menjadi summary_large_image

Setelah itu, silakan copas salah satu link artike Anda, dan tes di Twitter Validator. Hasilnya akan seperti ini:

Twitter Card Validator

Demikian Kode Meta Twitter Card atau cara memasang Open Graph Twitter untuk Blogger. Wasalam. (www.komunikasipraktis.com).*

Sumber

» Thanks for reading: Kode Meta Twitter Card: Cara Pasang Open Graph Twitter untuk Blogger
Previous
« Prev Post
Komunikasi Praktis Updated at: Wednesday, August 30, 2017

0 comments:

Post a Comment

Komentar Spam dan yang menyertakan alamat blog atau link aktif tidak akan muncul.

Subscribe via Email
Copyright © Komunikasi Praktis. All rights reserved. New Johny Wuss Template by Contoh Blog & Creating Website
Web Partners: Romeltea Media - Blog Romeltea - Risalah Islam - Info Bandung. Member of BATIC Media Network