Cara Memasang Meta Tag Open Graph Facebook Untuk Blogger

Pada kesempatan kali ini saya akan membagikan tutorial cara memasang Open Graph Facebook pada blogger. Anda pasti tahu bahwa facebook adalah media sosial yang sangat populer dan paling banyak digunakan oleh semua pengguna jejaring sosial. Maka tidak heran jika sekarang facebook bukan cuma digunakan untuk berkomunikasi dan berbagi curhatan, namun juga dapat kita gunakan sebagai alat promosi produk yang ingin kita jual. Terlepas dari itu semua facebook pun memiliki meta tag sendiri yang bernama open graph facebook.

Maka untuk lebih mengenal Open Graph Facebook, maka saya akan menjelaskan fungsi dari meta tag open graph bila kita pasang didalam blog. Berikut ini penjelasanya, Open Graph Facebook adalah sebuah protokol yang memungkinkan halaman situs web, bisa menjadi objek yang lebih menarik saat link blog atau link artikel di share yang nanti akan menempel pada dinding facebook seseorang. Terciptanya Open Graph Facebook terinspirasi dari Link canonical, Microformats, RDFa, Dublin core, dan protokol yang wajib atau harus ada yaitu title, gambar, deskripsi  dan url.

Untuk anda yang ingin memaksimalkan kinerja blog di dalam plugin facebook, dan ingin memasangnya silahakan ikuti tutorial di bawah ini.

Cara menerapkan meta tag open graph facebook dengan benar

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:if cond='data:blog.url'>
<meta expr:content='data:blog.url' property='og:url'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' property='og:title'/>
</b:if></b:if></b:if></b:if>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta content='article' property='og:type'/>
<b:else/>
<meta content='website' property='og:type'/>
</b:if>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<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 expr:content='data:blog.blogspotFaviconUrl' property='og:image'/>
</b:if></b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta content='isi deskripsi blog anda' property='og:description'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='243535664566' property='fb:app_id'/>
<meta content='123456' property='fb:admins'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>
<meta content='summary' name='twitter:card'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='rohenk' name='twitter:site'/>
<meta content='@rohenk' name='twitter:creator'/>

Catatan :
Kode diatas sudah saya tambahkan dengan meta tag twitter, ganti tulisan yang beri warna biru dengan id anda.

Saya rasa cukup sampai disini dulu, dan semoga artikel saya ini bermanfaat bagi anda semua.