Og Meta Tags Twitter Untuk Share Posting Blog Di Twitter Tampil Menarik
Rabu, 10 Juni 2015
Edit
OPEN Graph (OG) Meta Tags Twitter dipasang di template blog kita, kalau ketika share posting (artikel) blog ke Twitter yang tampil cuma judul dan link-nya doang.
Share Posting Blog di Twitter yang "normal" terdiri dari Judul, Gambar Thumbnail, Deskripsi, dan Link.
Berikut ini pola posting blog yang di-share ke Twitter yang menampilkan gambar kecil:
Nah, kalau tampilan postingan blog Anda di Facebook hanya berupa judul dan link doang, tanpa gambar dan deskripsi menyerupai yang saya punya di atas, berikut ini kodenya.
OG Meta Tags Twitter untuk Share Posting Blog di Twitter Tampil Menarik
1. Di dashboard blogger Anda, klik Tema/Theme > Edit HTML2. Copas isyarat berikut ini di bawah isyarat <head> atau di atas isyarat ]]><b:skin>
<meta expr:content='data:blog.title' name="twitter:site"/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta expr:content='data:blog.title' name='twitter:title'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageName' name="twitter:title"/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name="twitter:description"/>
</b:if>
</b:if>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' name="twitter:image:src"/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' name="twitter:image:src"/>
<b:else/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc7oePa6TztkQwxe0FGh6aBY-9r6yuT54bmd_3alU1gNuFf6VmtzNBCaYWud1i_OksXCJi7rA6dpgCSjR-oqmLunwh-_DrvVwIyoAA9GNRdFK_ENj7veBWfUpssO0S7pNt-J0ypXUw-05R/s1600/no-image.jpg' name="twitter:image:src"/>
</b:if>
</b:if>
<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'/><meta expr:content='data:blog.canonicalUrl' name='twitter:url'/>
Catatan:
- Ganti @username dengan username akun Twitter Anda, misalnya @romeltea
- Jika ingin menampilkan gambar besar, ganti summary dengan summay_large_image menjadi <meta content='summary_large_image' name='twitter:card'/>
- Link gambar no-image yang warna merah dapat diganti dengan gambar lain, contohnya logo blog Anda, namun ukuran gambarnya minimal 600x400 pixel
3. Save!
Silakan tes tampilannya di Validator Twitter Open Graph. Jika sukses, akhirnya menyerupai ini.
Itu beliau cara memasang Open Graph Meta Tags Twitter untuk Share Posting Blog di Twitter Tampil Menarik. Wasalam. ().*
OG Meta Tags Twitter untuk Share Posting Blog di Twitter Tampil Menarik https://t.co/DlMwddkOsC— Romel Tea (@romeltea) August 10, 2017
Sumber1 | Sumber2