Cara pasang meta tag facebook open graph

Bagi anda yang memanfaatkan facebook sebagai media untuk mempromosikan situs yang anda miliki tentu hal tersebut sangat penting bagi situs anda guna menarik minat baca para pengguna facebook diseluruh jagat maya.

Dengan kata lain,memasang tag meta facebook open graph merupakan sebuah upaya untuk membantu dalam meningkatkan jumlah trafik blog yang anda miliki.

Apa itu meta tag facebook open garaph?

Meta tag facebook open graph merupakan sebuah kode html yang berfungsi untuk membaca seluruh komponen pada sebuah halaman ketika alamat url halaman tersebut dishare ke facebook yang kemudian meringkasnya menjadi tampilan yang lebih sederhana berupa komponen inti yang terdapat pada halaman tersebut seperti judul artikel,gambar,url blog,author dan lain-lain.

Cara pasang meta tag facebook open graph.

Langkah pertama adalah silahkan copy kode script dibawah ini

<!-- [ Facebook Open Graph Meta Tag by pandoewijaya.blogspot.com ] -->
<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='article' 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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdFcVf97hPpbZ15J9t8Qf2S0rBiiY8ru7V7_30HvwFiH-7BQsEXpCt9iVEQQG_brvO6RTQMvgtnUi69s_Sv1jMUnffA5G6pfukfyIHvtD2yAZIVwfmVZT5WyHR1796qhsQ-wU-9thuesA/s228/PWBLOG.jpg' 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/2696931272XXXXX' property='article:author'/>
<meta content='https://www.facebook.com/2696931272XXXXX' property='article:publisher'/>
<meta content='2696931272XXXXX' property='fb:admins'/>
<meta content='1626802353XXXXX' 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'/>

Keterangan: 

Ganti tulisan warna ungu dengan alamat url gambar anda.

Ganti tulisan warna merah dengan id facebook anda. (Bisa anda lihat pada alamat url ketika anda membuka photo profil fb).

Ganti tulisan warna biru dengan id aplikasi facebook anda. Untuk yang ini anda perlu membuat aplikasi facebooknya terlebih dahulu di Developer facebook.

 

Jika sudah membuat aplikasi facebook,anda bisa menyalin id aplikasi fb anda yang terdapat dibagian atas dashboard developer facebook.

Selanjutnya masuk ke akun blogger kemudian pilih menu tema lalu klik edit html.

Cari kode </head> dan tempatkan kode script tersebut di atasnya lalu klik simpan.

Dan untuk melihat hasilnya,anda bisa masuk ke bagian Alat debug berbagi yang terdapat pada halaman developer facebook dengan memasukan url blog anda kemudian klik debug.

Pada tampilan artikel blog menunjukan gambar dari url gambar yang anda masukan pada kode script di atas yang berfungsi sebagai gambar tampilan apabila artikel yang anda share ke facebook hanya berisi tulisan saja. Selanjutnya silahkan klik tulisan kurangi lagi yang terdapat pada halaman tersebut untuk menyesuaikan gambar tampilan. Lalu coba anda share ulang artikel tersebut dan lihat hasilnya ketika sudah dishare ulang. Demikian penjelasan mengenai cara pasang meta tag facebook open graph,semoga bermanfaat dan terimakasih atas kunjungannya.