Halo guys, lama ya udah ga update lagi. Mumpung lagi ada waktu saya akan membagikan sedikit tutorial buat sobat yang gemar nge-blog. Tutor apa itu ? Tutor itu adalah Cara Mengoptimalkan Iframe Blog Agar Lebih Seo Frendly. Sebelum masuk ke tutorialnya, saya jelaskan apa itu Iframe. Iframe adalah tag HTML yang digunakan dalam desain web untuk menampilkan sebuah laman web dalam sebuah bingkai pada sebuah laman web lainnya. Untuk lebih jelasnya tentang apa itu Iframe sobat bisa searching di google.
Pada Umumnya Kode HTML Iframe Seperti dibawah ini :
<iframe src="http://azurfachryblog.blogspot.com/2014/05/cara-membuat-sticky-widget-di-sidebar.html" title="iframe" width="300" height="250" style="border:none;"> </iframe>
Agar Iframe tersebut Menjadi SEO Friendly, Maka Kita Harus Sedikit Mengedit Kode HTML nya
- Ganti kode <iframe menjadi <object.
- Ganti kode src menjadi data.
- Ganti kode </iframe> menjadi </object>.
Maka, Hasilnya Kurang Lebihnya Seperti ini sobat :
<object data="http://azurfachryblog.blogspot.com/2014/05/cara-membuat-sticky-widget-di-sidebar.html" title="iframe" width="300" height="250" style="border:none;"> </object>
Cara Ini Hanya Berguna Pada Blog yang mempunyai Struktur HTML berbentuk HTML5
Namun, Jika Blog Anda Mempunyai Struktur HTML Berbentuk XHTML, anda harus merubahnya menjadi HTML5 dengan cara Berikut :
- Login ke Akun Blogger Sobat
- Masuk ke Dashboard >> Template >> Edit HTML
- Carilah Kode Berikut ini :
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
- Lalu Sobat Ganti Kode Diatas Menjadi :
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML>
- Setelah diatas selesai Cari Code Berikut ini :
</html>
Biasanya Kode </html> Terletak Pada Akhir Code HTML , Jadi Sobat Bisa Menemukan Kode ini Di Bagian Akhir Kode HTML Template Sobat.
- lalu ganti Kode Tersebut dengan :
</HTML>
Semoga Bermanfaat
^_^
