INFO: Blog ini sudah discontinue sejak Desember 2018. Untuk info tutorial SEO terupdate silahkan ke halaman Belajar SEO di Kepointernet.com
Karena hal itulah sering muncul perdebatan di dunia maya tentang SEO untuk mobile; dan yang paling sering diangkat topiknya adalah template blog responsive design. Bagi anda yang masih pemula mungkin bingung dengan apa yang dimaksud dengan responsive design....
Sederhananya, template blog responsive design adalah template yang menyesuaikan dengan lebar layar pengguna, sehingga tidak perlu memunculkan scroll bar horizontal saat ditampilkan di gadget mobile yang kecil.....
Apakah sulit membuat template blog responsive design?
Cara membuat template blog responsive design ini sebenarnya susah-susah gampang. Jelas lebih sulit dari membuat template blog biasa, karena parameter lebar harus diatur dengan seksama agar semua variabelnya bekerja dengan baik.
Biasanya untuk perangkat smartphone yang bisa berubah-ubah saat layarnya diputar, kita harus menggunakan berbagai macam parameter agar tampilan blog tetap baik dan tidak terpotong. Parameter lebar di sini menggunakan persentase agar selalu responsive dengan lebar layar.
Jadi kalau biasa parameternya terlihat seperti width:700px; mungkin kali ini akan terlihat seperti width:70%; Tapi tentu saja anda bisa menentukan lebar yang minimal dan maksimal agar pada akhirnya semua akan menjadi satu baris kolom untuk nilai lebar minimal.
Agar hasil rendering pada browser bisa tampil baik, kita bisa menggunakan meta viewport, seperti pada contoh di bawah ini....
<meta name='viewport' content='width=device-width, initial-scale='1' />
Selain menyesuaikan dengan lebar layar, template blog yang responsive design harus bisa menghilangkan gambar besar atau mengubah ukuran gambar jika melewati lebar layar. Salah satu contoh dari halaman web yang responsive design adalah http://www.google.com/about/. Coba anda tahan tombol Ctrl dan scroll layar hingga hanya tersisa satu kolom berjejer ke bawah....gambar header pada halaman tersebut akan hilang.
Pengaruh Template Blog Responsive Design pada SEO
Tentu ini adalah isu yang sering muncul ke permukaan di kalangan praktisi SEO. Kenapa? Karena banyak website yang menggunakan responsive design terindex dengan sangat baik di hasil-hasil pencarian. Walaupun Google sudah secara jelas menyatakan bahwa mereka memang menyukai template yang responsif, tapi masih terlalu sulit untuk mengukur seberapa besar pengaruh template dalam peringkat situs-situs tersebut.
Alasannya adalah situs-situs yang menggunakan responsive design, pada umumnya memang situs yang profesional, sehingga SEO mereka sama sekali tidak buruk. Jadi kalau anda tanya ke saya seberapa besar pengaruhnya, maka sampai sekarang saya belum menemukan satupun referensi yang bisa menjelaskan itu.
Lain kasus kalau saudara tanya ke saya "Apakah responsive design itu adalah template blog SEO friendly?" Maka jawab saya adalah tergantung pengaturan dari setiap komponen di dalam template itu. Jadi hanya karena templatenya menyesuaikan lebar jendela browser, belum tentu template itu SEO friendly....
Apa Kelebihan Dari Menggunakan Template Blog Responsive Design?
Kelebihan ini hanya akan dirasakan oleh anda yang memang sengaja ingin menyediakan tampilan yang sesuai dengan lebar browser pengguna. Template yang responsive design ini bisa membuat anda terbebas dari berbagai masalah, yaitu:
- Anda tidak perlu membuat banyak website untuk mengakomodir lebar layar pengunjung situs anda
- Jika anda tidak perlu membuat banyak situs, maka jelas anda juga tidak memerlukan rel='canonical' untuk mengatasi duplikat konten antara situs-situs tersebut.
- Ini juga akan membuat anda terbebas dari masalah redirect hanya untuk membuat pengunjung anda mendapatkan tampilan yang pas di gadgetnya
Bukan hanya itu, kalau anda menggunakan template blog yang bisa menyesuaikan lebar layar pengguna mobile, maka anda bisa mematikan versi mobile dari blogspot yang pada dasarnya sangat membosankan dan tidak memuat widget dari blog anda....
Kesimpulan
Template blog responsive design, membantu anda memuaskan pengunjung situs yang mengakses situs anda dengan menggunakan perangkat mobile tanpa harus membahayakan SEO anda dengan kegagalan rel='canonical' ataupun redirect. Jadi jika ada manfaat SEO yang bisa didapatkan, maka itu adalah anda lebih mudah menaikkan indikator kepuasan pengunjung blog dari sarana mobile. Indikator itu bisa berupa waktu kunjungan ataupun waktu pentalan (bounce rate).
