Gabungan Meta Open Graph Facebook dan Twitter Card

Jika Anda salah satu orang yang suka Blog Walking atau sering disingkat BW di Sosial Media saya sarankan untuk menggunakan Meta Open graph facebook dan twitter card karena jika Anda tidak memasang bagian meta ini artikel yang Anda bagikan di facebook akan berantakan apa lagi di bagian deskripsi, bisa-bisa tanggal pembuatan artikelnya yang muncul.

Keuntungan:

Pertama, Artikel yang kita bagikan menjadi lebih menarik dan dapat membuat pengunjung tertarik untuk mengunjungi blog kita melalui media sosial.
Kedua, Susunan Meta di bagian awal template menjadi lebih pendek dari sebelumnya.

Cara memasang:

1. Silakan, kunjungi blogger.com.
2. Klik Template pada blog yang akan digabungkan meta open graph dan twitter cardnya.
3. Letakan kode di bawah ini di bawah <head>.

<!-- [ Open Graph and Twitter Card by materimedia.com ] -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta expr:content='&quot;Silahkan baca artikel &quot; + data:blog.pageName + &quot; ini selengkapnya di &quot; + data:blog.title + &quot;&quot;' property='og:description'/>
</b:if>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta expr:content='data:blog.title' property='og:title'/>
<meta content='website' property='og:type'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta expr:content='&quot;Silahkan kunjungi &quot; + data:blog.pageTitle + &quot;Untuk membaca postingan-postingan menarik.&quot;' property='og:description'/>
</b:if>
</b:if>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFtetS-hogOQMonsr0WNPvSCFFW1pIfD2V6GcIEdyfSdq_-1bRYyLYdvHesQr_AADztb55Tac90jkg0pg2VsuAzBun1PosipMLYapB8t8zcprJ4x0Q-1mTMv1sxEqQ9oh7TDqyeCUzPxo/s1600/Materi-Media.png' property='og:image'/>
</b:if>
</b:if>
<meta content='ID Facebook' property='fb:admins'/>
<meta content='Aps ID' property='fb:profile_id'/>
<meta expr:content='data:blog.title' name='twitter:site'/>
<meta content='summary_large_image' name='twitter:card'/>
<meta content='@Jonni_120' name='twitter:creator'/>

Pastikan sudah pernah validasi Twitter Card.
Ganti https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHfGWp-olij_XaNNRxSoX8r2chTvqOn9_YN-Q5xUgf3XwzmSFpsP-fca7fpcCJ5qne9F951XLSMmfgjm_jodOxV8o5IocKap7mXhyA3dyGUEBY2sgFKarksmCS274a-rCEsMYpsPNi8_j0/s1600/Graphic1.png dengan gambar homepage blog Anda.
Ganti ID facebook dengan ID aps dengan ID yang diberikan facebook, jika tidak tahu apa App ID Facebook Anda silahkan baca: Cara Mendapatkan App ID Facebook.
Ganti @Jonni_120 dengan username twitter Anda.