Apa saja keuntungan desain responsive?
Banyak! Tapi itu kita jelaskan nanti. Sekarang kita simak dulu apa pengertian template resposive dan bagaimana cara kerjanya.
* Template responsive adalah template yang menggunakan desain fleksibel yang bisa mengikuti bentuk dan ukuran layar semua perangkat, seperti: desktop (mis: Windows7/8/XP/vista, Mac, Linux), ponsel cerdas (mis: ipad, tablet, blacberry, android) dan segala macam perangkat seluler yang ada di bumi, serta bisa mengikuti bentuk dan ukuran browser yang anda gunakan. Hmmm… Pokoknya banyak deh kehebatan template responsive ini.
Artinya, jika kita menggunakan desain template resposive, maka tampilan website kita akan terlihat bagus dan sempurna meskipun dilihat dari semua jenis perangkat.
* Namun jika anda menggunakan desain template lama atau yang tidak responsive, maka tampilan website anda hanya akan terlihat bagus jika dilihat dari komputer milik anda sendiri. Sedangkan jika dilihat dengan menggunakan komputer milik tetangga maka website anda akan terlihat berantakan.
Tidak percaya? Silakan dicoba. Jika anda saat ini menggunakan windows7, cobalah anda sekarang pergi ke warnet dan lihatlah website anda menggunakan windowsXP di warnet. Maka saya yakin anda akan seperti orang membaca iklan kecik di koran. Jika ingin menavigasi sidebar, anda harus menggeser layar desktop karena biasanya bagian sidebar blog anda hilang dimakan desktop bagian kanan windowsXP.
Belum lagi jika website anda dilihat oleh pengguna menggunakan macam-macam perangkat lain model baru. Bisa-bisa blog anda hanya terlihat bagian headernya saja, sementara bagian lain terbenam oleh layar perangkat kelas menengah ke atas yang hari ini bermacam-macam model.
Jika anda seorang publisher adsense, sempatkan anda membaca sebentar informasi tentang Desain Web Terkini Paling Cocok Untuk Publisher Adsense.
Keuntungan menggunakan desain template responsive
1. Pengunjung akan bisa melihat website kita dengan baik dan sempurna di perangkat mereka masing-masing. Ini berarti mereka akan betah berlama-lama dan mau menavigasi blog kita. Maka tentu saja hal ini akan membuat blog kita naik peringkatnya di mesin pencari sehingga pada akhirnya trafik blog akan meningkat.
Namun jika kita menggunakan desain non responsive, maka hanya pengunjung desktop tertentu saja yang akan membaca blog kita, sedangkan pengunjung seluler akan balik kanan. Ngapain membaca website yang tampilannya berantakan. Akhirnya bounce rate blog kita akan tinggi sehingga trafik blog macet, karena mesin pencari akan menganggap website kita tidak bermanfaat bagi pengguna.
2. Jika anda seorang publisher adsense atau ppc lain, maka desain resposive memungkinkan iklan anda tampil dengan sempurna ketika blog anda dikunjungi pengguna dengan menggunakan perangkat model apapun. Ini berarti kita tidak kehilangan uang yang berasal dari pengguna seluler yang saat ini jumlahnya mencapai 40% dari total pengunjung blog.
Namun jika kita menggunakan desain non responsive, maka banyak iklan-iklan yang tidak bisa tampil di perangkat pengguna yang bermacam-macam jenisnya. Sehingga pengguna seluler maupun desktop versi tertentu tidak akan bisa melihat iklan kita. Siapa yang mau klik iklan anda jika mereka tidak melihat iklan apapun di blog anda.
Apa lagi jika dipadu dengan unit iklan adsense responsive, maka pendapatan adsense anda akan benar-benar maksimal dan kita tidak khawatir melanggar kebijakan penempatan iklan. Informasi lebih jelas bisa anda baca di Keuntungan Memasang Unit Iklan Adsense Responsive di Blog.
Kesimpulan:
Sekarang sudah jamannya pengguna seluler. Bahkan hari ini jumlah pemilik perangkat seluler telah jauh melebihi pemilik desktop. Oleh karena itu, mulai sekarang sudah saatnya bagi kita untuk membangun situs yang ramah seluler, seperti yang sudah dilakukan oleh situs-situs besar. Jika tidak, maka kita akan kehilangan ratusan visitor dari pengguna seluler setiap hari secara terus-menerus tanpa kita sadari.
Oke sampai disini dulu informasi yang bisa saya bagikan kali ini dan semoga bermanfaat bagi teman-teman semua. Jangan lupa baca juga Apa Cara Terbaik Untuk Menaikkan Penghasilan Adsense Anda.
Penampilan website blognya akan terlihat lebih oke Mba, :D<br /><br />Salam
benar mas, tentunya akan membuat tampilan blog tampak lebih keren, hehehe 😀
Keren, berarti kayak punya saya dong haahahaha…<br />mbak ikutan dong proyek saya http://ikerenki.blogspot.com/2014/03/proyek-nusajawacom.html ;D
wah bisa dicoba tuh proyeknya nusajawa nya mas, makasih infonya 😀
setuju mbak, template responsive memang oke<br />dan alhamdulillah template saya dari pertama buat sudah responsive<br />:D
keren tuh mas Onqi, saya sendiri menggunakan template responsive hanya baru2 ini, hehehe 😀
hehehehe<br />terima kasih mbak indri 😀
termasuk template mbk yang baru ini ya, terima kasih infonya mbk..
iya mas, ini saya barusan ganti template responsive, makanya saya langsung woro2, hehehe 😀
saya juga setuju mbak , <br />dengan template yang responsive maka template akan dengan sendirinya bisa berubah tergantung pada resolusi layar saat tampil. :)<br /><br />#maaf oot , tadi yang css gambar responsive sudah bisa di copy mbak 🙂
Saya malah sudah gonta ganti template responsive mbak? ada yang kurang Sreg
wah berarti uda pengalaman banget tuh mas, saya baru sekali ini aja, hehehe 😀
Woalah barusan ganti template to buin.biasanya kagak ada meta keyword sekarang ada-pantesan yg dulu WRScorenya 2.68 skarang 2.18 trus text/html ratio 29.8% sekarang 2.05% mudah mudahan cepat stabil ya buin.
wah ternyata mas maseus malah lebih ngerti nih daripada saya tentang blog ini, hehehe 😀 mudah2an setelah ganti template ini lebih baik kedepannya ya mas, makasih perhatiannya 🙂
kalo template saya sudah dikatakan responsive apabelum
wah gak ngerti saya mas 😀
Wooow template blognya baru yah Mbak nampak ngejreng sekali<br />Tampilanya, memang banyak sekali keuntungan pakai template<br />Responsive yah Mbak Indri :-bd
tampilan baru nih mas karryst, makin ngejreng ya mas desain responsivenya, hehehe 😀
Wah perlu ngecek nih mbak, template saya responsif atau tidak, dan perlu mulai dipikirkan memilih template yang responsif ..
segera ganti aja pakai template responsive mas, biar senang melihatnya, hehehe 😀
jadi pengen ganti template responsive juga nih, ternyata banyak manfaatnya..
hehehe iya nih mas irpan, biar gak dikomplini sama teman2 coz dulu pakai template model lama sering dikomplin, hehehe 😀
Templatenya keren Mbak, jadi kelihatan lebih profesional :)<br />
makin tampak profesional ya mas, hehehe makasih mas heri reviewnya 🙂
Semakin cantik aja dengan template barunya, jadi kepengen ganti nih Mbak
silakan ganti aja templatenya dgn template yg responsive mas biar makin cakep aja, hehehe 😀 makasih apresiasinya 🙂
Mau, tapi dimana yah dapatnya temple responsive ini…
ini dapat di blognya kang ismet mas, silakan aja ambil disana mumpung gratis, hehehe 😀
tentunya akan lebih profesional dan mudah untuk di akses ya mbak indri
benar mas Arie, pada intinya template responsive mudah dikunjungi oleh pengunjung 🙂
Wah… ternyata udah ganti template ya Mba, baru tau nih soalnya baru berkunjung juga. 🙂 Kalau template blog saya udah lama saya nda ganti2 tapi ps lagi trend2ny tampilan responsive kemarin makanya saya putuskan untuk merancang dari awal kode2 blog saya supaya tmpilannya menjadi responsif. Alhamdulillah akhirnya bisa juga tapi sampai sekarang belum kelar2 juga untuk menjadikannya fast loading
jika gak mau repot2 edit template mendingan ganti aja sekalian sama template responsive mas, setelah itu kita gak perlu utak atik template lagi selamanya sehingga hemat waktu dan bisa fokus update artikel 😀
Iya juga sih kalau nggak mau repot tinggal nyari aja template responsif lalu ganti template blog dengan template responsif tsb. Saya cuman mau pelajari aja kok mba, gmn caranya bikin template supaya responsif dan kode2 apa saja yang dilibatkan.. 😀 Alhamdulillah sekarang udah bisa tinggal dipermantap aja
wah lama2 mas Agung bisa bikin pabrik template donk kalau udah menguasai teknik desain responsive, hmmm keren 🙂
Bener banget mbak indri. Belum lama ini saya juga membahas tentang tampilan iklan jika di akses pake hp. Dengan menggunakan template responsive ini mbak.. Hehehe
benar banget tuh mas nady, karena skrg jamannya ponsel cerdas jadi yg menjadi juara adalah template responsive 😀
wiiuuw…. templatenya responsive…. hehee 🙂
keren ya mas, hehehe 😀
wajah baru =D mantep mbak.. hehe
soalnya saya terinspirasi templatenya mas mawan yg responsive banget, hehehe 😀 makasih ya mas 🙂
sama-sama mbak 😀 ngikutin jaman,hehe
Belajar banyak dari sini mbak?
makasih mas kita belajar sama2 ya 😀
juragan juga pake template kang ismet ya,,, mudah-mudahan blognya terus berkembang n blog aku juga kecipratan,, hohohohoo,,, juragan nitip lapak ya http://goo.gl/bC9EZi
iya mas ini barusan nyoba templatenya KI sepertinya bagus banget nih 😀 makasih doanya dan semoga sukses juga buat mas Dadan beserta blognya, amin 🙂
ini templatenya bos kang ismet yia bos, saya juga suka banget tapi lebar banget yia bos, hehehe…..
Tentu donk mas bos, yang namanya template responsive pasti selalu mengikuti lebar layar masing2 perangkat, kalau gak mengikuti lebar layar komputer namanya bukan responsive, hehehe 😀
yia bener sekali bos, tapi maksud saya top-menuwrapper dan header-wrappernya lebar banget, jadi ga sama dengan outerwrapernya (pos dan sidebar) kalo di lihat dari pc bos….<br />
oww itu ya bos, ini memang bentuk bawaan template yang disengaja seperti layang2 ekor panjang bos, hehehe 😀 ntar bisa dimodifikasi sendiri pelan2 sambil memahami teknik template responsive 😀 makasih koreksinya bos 🙂
Desain template responsive sepertinya mampu memenuhi sasaran pengguna internet seperti tablet dan selluler menengah ke atas. So, Uda juga ganti template….hehehe…
selamat ya pak dgn template responsive barunya, semoga dapet trafik banyak dan sukses kedepannya, amin 😉
kok ga ada contoh template desain responsiv nya dan ga di jelaskan cara mendapatkan nya itu lewat apa download atau apa gtu ya….<br />dan tolong coba dilihat template blog ku udh masuk kategori responsip blm ini alamat nya http://jasabikin-website.blogspot.com tks
Tapi ada yang kurang tuh mba,sebaiknya kalo menggunakan template responsif dibagian template versi mobile dinonaktifkan saja supaya kalo ada yg buka blog dari hp yg tampil langsung desain responsifnya kalo tidak pasti yg tampil versi mobilenya dan gk ada iklannya kecuali pengunjungnya ngeklik "view web versi" coba dites aja dibuka dari Android atau Blackberry