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 HTML2. 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 == "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='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:
Demikian Kode Meta Twitter Card atau cara memasang Open Graph Twitter untuk Blogger. Wasalam. (www.komunikasipraktis.com).*
Sumber
0 comments:
Post a Comment
Komentar Spam dan yang menyertakan alamat blog atau link aktif tidak akan muncul.