Cara Memasang Facebook Like Box SEO Friendly di Blog

 Facebook Like Box SEO Friendly di Blog
HAMPIR semua situs web, website, atau blog membuat & menampikan widget Facebook Like Box (kotak fanspage facebook) di sidebar. Namun, kode yang digunakan untuk memasangnya umumnya berupa iframe sehingga tidak SEO Friendly.

Kode iframe memang menjadi "musuh" mesin pencari. Google tidak mengindeks iframe. Skor SEO blog pun akan menurun drastis jika menggunakan kode iframe, setidaknya menurut Chkme.

Kode facebook like box dengan iframe memang lebih mudah dipasang. Tinggal copy paste ke widget dan fanspage pun muncul. Sama halnya dengan kode tempel (embed) video yang juga tidak seo friendly karena menggunakan iframe.

Posting kali ini akan menjelaskan bagaimana menampilkan Facebook Like Bok yang SEO Friendy alias tanpa iframe.

Cara Memasang Facebook Like Box SEO Friendly di Blog
Tentu saja kita harus buat dulu fanspagenya di Facebook Create a Page. Setelah itu kita akan mendapatkan alamat urla fanspage, misalnya https://www.facebook.com/pagekomunikasipraktis.

Jika sudah punya fanspage, maka lakukan langkah berikut ini:

1. Buka Facebook Like Box for Page.
2. Masukkan URL alamat Fanspage di kolom yang tersedia.
3. Lakukan setting seperti contoh di bawah ini:

 Facebook Like Box SEO Friendly di Blog

4. Klik "Get Code" yang ada di bawahnya!
5. Pilih "HTML5"

 Facebook Like Box SEO Friendly di Blog

6. Copy kode yang pertama dan Parse di Blogcrowds Resources Parse supaya tidak error saat dipasang.

7. Masuk ke template blog: "Template" > "Edit HTML"
8. Cari kode </body> yang biasanya ada di bagian akhir kode template.

7. Copy hasil parse di nomor 6 tadi, lalu Paste di atas kode </body>
8. Save Template!

Kini saatnya Anda memasang Facebook Like Box SEO Friendly di Blog itu di Sidebar Blog atau lainnya:

1. Layout > Add a Gadget > HTML/Javascript
2. Copy kode KEDUA yang ada di Facebook (langkah no 5 di atas) ke kolom "Content". Kodenya seperti ini:

<div class="fb-like-box" data-href="https://www.facebook.com/pagekomunikasipraktis" data-width="300" data-height="300" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="false"></div>
 
3. Save!

Selamat, Facebook Like Box SEO Friendly sudah terpasang dan muncul di Blog Anda! Wasalam. (www.komunikasipraktis.com).*

» Thanks for reading: Cara Memasang Facebook Like Box SEO Friendly di Blog
Previous
« Prev Post
Komunikasi Praktis Updated at: Tuesday, January 27, 2015

4 comments:

  1. Gan, bagaimana caranya supaya tampilan facebook likeboxnya seperti punya juragan? karena ketika saya masuk ke FB likebox for page, tampilannya berbeda dengan gambar diatas maupun punya blog ini. Mohon pencerahan, terimakasih..

    ReplyDelete
  2. Mantap Saya berhasil Pasang di blog Saya . Tg Gan tutornya

    ReplyDelete
  3. Benar-benar membantu bang...
    blog saya bisa menggunakannya

    ReplyDelete

Komentar Spam dan yang menyertakan alamat blog atau link aktif tidak akan muncul.

Subscribe via Email