√ Cara Pasang Meta Tag Facebook Open Graph Untuk Mengatasi Gambar Tidak Muncul Ketika Share Artikel Ke Facebook
Konten [Tampil]
Masalah ini sering dihadapi blogger yang templatenya belum dilengkapi dengan
Meta Tags khusus untuk share ke Facebook.
Pemasangan arahan ini juga guna mengatasi pesan error yang muncul
"Aplikasi Belum Disiapkan: Aplikasi ini sedang dalam pengembangan, dan Anda tidak dizinkan untuk mengaksesnya. Beralih ke penguji aplikasi yang terdaftar atau meminta izin seorang pengurung aplikasi untuk mendapat akses".
ikuti step by step ..
Cara Pasang Meta Tag Facebook Open Graph
Berikut ini cara memasang Meta Tag Facebook Open Graph (OG)
untuk mengatasi gambar dan judul posting blog yang tidak muncul ketika share ke Facebook.
1. Di Dashboard, klik "Template" > "Edit HTML"
2. Simpan arahan berikut ini di bawah kode <head>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.pageType == "static_page"'>
<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 == "item"'>
<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:post.snippet' name='og:description'/>
<b:else/>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='KODE-APLIKASI-FB-ANDA' property='fb:app_id'/>
<meta content='USERNAME-FB-ANDA' 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'/>
- Kode Aplikasi sanggup diperoleh dari Developer Facebook
- Sedangkan cara mendapat Username bila belum tau
#masuk ke profil anda.
#lalu lihat url di bab atas.
contoh ibarat yang aku beri garis kuning dibawah ini.
3. Pasang arahan berikut ini di bawah kode <body> atau <body .... ada arahan lain... />
<div id='fb-root'/><script>window.fbAsyncInit = function() {FB.init({appId : 'KODE-APLIKASI-FB-ANDA',status : true, // check login statuscookie : true, // enable cookies to allow the server to access the sessionxfbml : true // parse XFBML});};(function() {var e = document.createElement('script');e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';e.async = true;document.getElementById('fb-root').appendChild(e);}());</script>
4. Ganti goresan pena warna merah dengan arahan atau App ID punya Anda.
6. Ukuran Gambar Penting!
Pastikan gambar ilustrasi posting yang diupload berukuran minimal 200x200 pixel atau ideaknlnya minimal 600×300 pixels. Facebook akan mengambil gambar paling besar yang ada di halaman yang di-share.
7. Cek salah satu posting di Facebook Debugger. Masukkan linknya dan klik
fetch new scrape information.
THE END..........
Sumber http://tiksatuweru.blogspot.com
THE END..........