Ini berawal saat saya sedang memodifikasi template Kompi Centil. Pada template tersebut saya memasangkan sliding statis social widget yang di dalamnya terdapat like button Facebook, follow button Twitter, dan G+ button. Saya sempat dibuat resah dengan nilai atau skor SEO template. Sebelum memasang widget tersebut, skor SEO template Kompi Centil sudah 100% di Chkme, namun setelah saya pasang sliding statis social widget nilai SEO template turun drastis menjadi hanya 78%, menghilang sebanyak 22%.
Kemudian saya mengecek isyarat pembentuknya, saya pikir tidak ada yang aneh. Kemudian saya cek validasi HTML5 di W3C, nah disitu ada penambahan error pada link untuk like button fb yang ada di dalam iframe. Untuk mengatasinya kemudian saya parse link iframe fb tersebut, dan dilema validasi teratasi.
Kemudian saya cek lagi skor SEO template di Chkme, masih 78%. Karena ingin mempertahankan sliding statis social widget ini, maka saya mulai ber-eksperiment dengan mencoba menghilangkan salah satu plugin social sharingnya. Pertama saya hilangkan plugin G+ tapi skor SEO masih 78%, begitu juga dengan follow button Twitter. Terakhir saya hilangkan like button Facebook dan ternyata skor SEO blog kembali menjadi 100%.
Ternyata yang mengurangi skor SEO template yaitu like button Facebook yang menggunakan iframe. Hal ini diketahui setelah saya mengganti like button Facebook yang meggunakan iframe dengan like button Facebook yang meggunakan HTML5. Dengan menggunakan like button Facebook yang meggunakan HTML5, skor SEO template tidak berkurang. Kalau dilihat-lihat lumayan juga pengurangannya hingga 22% hanya oleh satu hal saja.
Oleh alasannya yaitu itu saya mencoba mensharing pengalaman ini semoga yang lain tidak menggunakan plugin Facebook dengan menggunakan iframe, apa pun itu ibarat like box, like button, comment, recomendation bar, dan lain-lain. Gunakanlah isyarat plugin Facebook dengan HTML5.
Jika Anda masuk ke Facebook Developers untuk mengmbil plugin untuk diterapkan di blog misalnya ibarat like box, maka saat mengambil isyarat akan tampak ibarat gambar di bawah ini.
Nah pilihlah isyarat HTML5, untuk isyarat pada kotak atas (Kode 1) simpan di bawah isyarat <body> dan isyarat pada kotak bawahnya (Kode 2) simpan di mana Anda ingin tampilkan pluginnya. Itu berlaku untuk semua plugin Facebook yang ingin Anda terapkan pada blog Anda. Namun perlu diingat, kalau Anda memasang lebih dari satu plugin Facebook, maka cukup hanya satu saja untuk Kode 1-nya, kalau Anda memasang lebih dari satu isyarat ibarat itu (Kode 1) maka akan ada error pada validasi HTML5 yaitu error pada duplikat ID untuk "fb-root".
Jika blog Anda sekarang menggunakan plugin Facebook ibarat like box atau like button yang menggunakan iframe, silahkan coba cek skor SEO-nya di Chkme. Kemudian bandingkan skor SEO-nya dengan cara menhapus atau menggantinya dengan cara di atas.
Semoga postingan ini dapat bermanfaat bagi Anda yang membacanya.
Komentar
Posting Komentar