Cara Memasang Widget Like Facebook Seo Friendly di Blog - kali ini saya akan membahas Cara Membuat Widget Like Facebook Box di Blog Terbaru yang Seo Friendly tentunya, tujuan pemasangan Widget Like Facebook ini tidak lain adalah untuk menambah jumlah fans atau likers untuk Fanspage Facebook anda.
Jika kita menggunakan kode <inframe> diblog, termasuk kode dari facebook, maka skor SEO blog kita akan menurun drastis, dan saya pernah mengalaminya yakni dari 100% menjadi 74%, turun drastis bukan.ini semua terjadi karena kode Iframe tidak terindex di search egine.
Cara Memasang Widget Like Facebook Seo Friendly di Blog
- Buatlah Fanspage anda terlebih dahulu
- Masuk ke developers facebook
- Lakukanlah setting dan ambil kodenya, klik "Get kode"
- Pilihlah yang HTML5 jangan pilih yang Iframe karena alasan di atas.
- Parse kode pertama, yaitu kode yang harus disimpan di bawah kode <body> atau di atas kode</body> di Blogcrowd Parse.
Contoh kode Widget Like Facebook sebelum di Parse
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=Fadhil76&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=Fadhil76&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Contoh kode Widget Like Facebook setelah di parse
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=Fadhil76&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=Fadhil76&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
keterangan : Ganti Fadhil 76 dengan ID aplikasi Facebook anda.
6. Jika kode sudah dicopas ke template, Save Template dan kembali ke Dashboard Blog!
7. Copy paste kode seperti berikut ini di Sidebar Widget atau di mana pun posisi yang diinginkan.
7. Copy paste kode seperti berikut ini di Sidebar Widget atau di mana pun posisi yang diinginkan.
<div class="fb-like-box" data-href="https://www.facebook.com/Fadhil76" data-width="300" data-height="300" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="false"></div>
Keterangan : ganti https://www.facebook.com/Fadhil76 dengan alamat fans page anda
Pasang kode diatas dengan cara :
- Tata Letaka > Tambah Widdget > HTML/Javascript
- Copas kode no 7 ke kotak content.
Cara ini masih belum selesai. Agar Tetap Seo Friendly anda harus menghapus kode <b:include name='quickedit'/> .
Dengan menghapus kode tersebut anda akan tetap mempertahankan skor seo anda di chkme.
Sekian Artikel dari saya tentang Cara Memasang Widget Like Facebook Seo Friendly di Blog, semoga bermanfaat bagi anda yang sedang mencari cara untuk memasang widget Like Facebook tersebut.
EmoticonEmoticon