KOTAK "Like" halaman Fanspage (Facebook Like Box) adalah salah satu fasilitas Facebook untuk menambah jumlah fans atau "likers".
Namun, banyak blogger yang memilih kode <iframe> sehingga tidak SEO Friendly.
Jika kita menggukan kode <iframe> di blog, termasuk kode dari Facebook itu, maka skor SEO blog di Chkme bisa turun drastis, dari 100% bisa menjadi 78% saja. Pasalnya, kode iframe tidak diindeks mesin pencari.
Lihat contoh berikut ini:
1. IFrames: Bad: IFrames are not indexed at all, and you have 1. Hasilnya, skor seo cuma 78%
2. Setelah iframe dihilangkan, maka skor seonya jadi sempurna: 100%!
Baca Juga
- Algoritma Terbaru Google 2015: MobileGeddon
- Algoritma & Pemeringkat Situs Google Terbaru 2015: Akurasi Informasi, Bukan Link!
- Top 12 Template Blog Majalah Berita Terbaik 2015
- 10 Alasan Blogger Lebih baik dari Facebook untuk Bisnis Online
- Navigasi Menu Responsive plus Drop-Down & Media Sosial
- Cara Pasang Widget Akun Media Sosial dengan CSS Sprite
- Mengatasi Gambar Salah (Tidak Muncul) Saat Posting Share ke Facebook
- Cara Pasang Facebook Like Box SEO Friendly
- Cara Baru Menambah Admin Fans Page Facebook
- Cara Membuat Facebook Emoticon di Status Update atau Komentar
- Pengertian dan Jenis-Jenis Media Sosial
- Top 10 Website Dofollow 2015 untuk Backlink Gratis Blog
- Mengganti Link Posting Lama, Beranda, dan Posting Baru Menjadi Judul
- Teknik SEO On-Page untuk Meningkatkan Pengunjung Blog
- Cara Menghapus Widget Bundle CSS untuk Fast Loading Blog
- Pengertian & Tips Hindari Google Sandbox
- Mengganti Link Newer Post, Home, Older Post dengan Judul Posting
- Mengatasi Remove Render-Blocking JavaScript untuk Loading Blog
- Mempercantik Tampilan Numbered List Posting Blog
- Cara Mengubah Warna Judul Blog
Cara Pasang Facebook Like Box SEO Friendly di Blog
1. Buat dulu Fanspage-nya di Facebook Page Creator.2. Lakukan Seting dan Ambil kode Like Box di Facebook Plugin Like Box Page.
3. Klik "Get Code"
4. Pilih "HTML5", jangan yang IFRAME!
5. Parse kode pertama, yaitu kode yang harus disimpan di bawah kode <body> atau di atas kode </body> di Blogcrowd Parse.
Contoh Kode 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=XXXXX&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=XXXXX&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Kode setelah di-Parse.
Kode seperti di bawah inilah yang dicopy+paste ke template blog.
<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=XXXXX&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=XXXXX&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Keterangan: XXXXX adalah 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.
<div class="fb-like-box" data-href="https://www.facebook.com/cbblogger" data-width="300" data-height="300" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="false"></div>
Ganti Url https://www.facebook.com/cbblogger dengan alamat Fanspage Anda.
7. Jika mau dipasang di Sidebar, langkahnya sebagai berikut:
- Layout > Add a Gadget > pilih HTML/Javascript.
- Copas kode no. 7 tadi di kolom "Content".
Selamat, Anda sudah berhasil memasang Facebook Like Box SEO Friendly di blog Anda.
LIKE BOX MELAYANG
Jika ingin memunculkan Kotak Fanspage itu "melayang" di halaman blog, silakan ikuti panduannya di CB Blogger Lab sekaligus melihat DEMO-nya. Good Luck!
