Cara Memasang Facebook Like Box SEO Friendly di Blog

Baca Juga

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:

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

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).*