Cara Memasang Meta Tag Open Graph Facebook di Blog

Cara Memasang Open Graph Facebook Pada Blogger - Anda pasti sudah tahu bahwa ternyata facebook merupakan media sosial yang begitu populer dan paling banyak digunakan oleh semua pengguna jejaring sosial. Maka tidak heran lagi jika facebook bukan hanya digunakan untuk berkomunikasi dan berbagi curhatan seseorang, ternyata juga dapat kita gunakan sebagai media promosi produk yang ingin kita bagikan. Tidak hanya dari itu facebook juga memiliki meta tag tersendiri yang bernama open graph facebook.

Bagi kalian yang belum mengenal apa itu Open Graph Facebook, maka akan kami jelaskan secara singkat fungsi dari meta tag open graph apa bila kita pasang didalam blog. Simak penjelasan berikut ini. Meta Tag Open Graph Facebook merupakan sebuah protokol yang memungkinkan halaman situs web, bisa menjadi objek agar lebih menarik pada saat link blog atau link artikel yang kita bagikan nanti akan muncul pada dinding facebook seseorang. Ternyata terciptanya Open Graph Facebook terinspirasi dari sebuah Link canonical, Microformats, RDFa, Dublin core, dan protokol yang wajib dan harus ada yaitu title, gambar, deskripsi  dan url.

Cara Memasang Meta Tag Open Graph Facebook di Blog

Sementara untuk melakukan pemasangan kode pada blog kita bisa ikuti langkah berikut :

1. Seperti biasa, pergi ke halaman Dashboard Blogger - >> Template - >> Edit HTML dan temukan kode </head>

2. Salin dan tempel kode tepat sebelum </head> berikut kode yang disediakan di bawah ini.

<!-- [ Facebook Open Graph Meta Tag ] -->
<b:if cond='data:view.isHomepage'>
<b:if cond='data:view.isPost'>
<b:if cond='data:view.isPage'>
<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 content='blog' property='og:type'/>
<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='URL Icon' 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 expr:content='data:post.snippet' property='og:description'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='https://www.facebook.com/106660612706164' property='article:author'/>
<meta content='https://www.facebook.com/106660612706164' property='article:publisher'/>
<meta content='id admin' property='fb:admins'/>
<meta content='id app' property='fb:app_id'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>

3. Sebelum anda simpan sebaiknya ganti kode URL Icon dengan URL gambar atau favicon blog anda.

4. Untuk berikut nya silahkan ganti kode :
Id admin dengan Id Profil Facebook
Id App dengan Id App Facebook.

5. Jika semuanya sudah diperbaiki lalu klik Simpan, sekarang anda dapat melihat hasilnya ketika membagikan link ke Facebook.

Mungkin cukup sekian untuk artikel Cara Memasang Meta Tag Open Graph Facebook di Blog, jika anda mengalami masalah silahkan tulis keluhan anda pada kolom komentar, semoga bermanfaat dan sampai jumpa kembali di artikel selanjutnya.

Baca Juga