MASIGNCLEAN102

Cara mengecek blog Sudah Responsif

Sudahkah blog anda berlabel responsif? Lalu apa manfaatnya kalau blog kita sudah responsif? dan apa pula akibatnya jika blog kita tidak responsif?
Di artikel kali ini, AnakSosial.com akan menjawab pertanyaan-pertanyaan tersebut dan sekaligus cara mengecek apakah blog sudah responsif atau belum. Selamat membaca 😃

Cara Cek Blog Sudah Responsif atau belum


Cara Cek Blog atau Web sudah Responsif

Apa itu responsif?

Menurut KBBI, responsif adalah cepat (suka) merespons; bersifat menanggapi; tergugah hati; bersifat memberi tanggapan (tidak masa bodoh).
Namun "responsif" disini lebih spesifik lagi yakni terkait dengan tampilan web/blog/situs.

Wikipedia punya pengertian tersendiri tentang tampilan responsif, yakni adalah sebuah metode atau pendekatan sistem web desain yang bertujuan memberikan pengalaman berselancar(browsing) yang optimal dalam berbagai perangkat, baik mobile maupun desktop (komputer meja). Dengan metode ini, web akan beradaptasi jika dibuka dari perangkat mobile berukuran kecil maupun komputer dengan ukuran monitor besar.
Ukuran huruf, user interface (UI), gambar dan tata letak akan menyesuaikan dengan lebar layar dan resolusi layar monitor yang tersedia.
Hasilnya pengguna akan merasakan pengalaman (UX) mudah membaca, nyaman dan melihat informasi web tersebut sama dengan jika ia melihat melalui perangkat komputer/laptop. (Sedikit saya modifikasi bahasanya)

Jadi intinya begini,
Setiap orang mengakses internet bisa dari berbagai perangkat baik itu HP, smartphone, Tab, maupun Komputer/Laptop/Notebook.
Luas (panjang dan lebar) layar tersebut berbeda-beda.
Jadi ketika ia membuka suatu web/blog/situs tertentu tampilannya akan menyesuaikan dengan perangkat pengunjung.

Contoh simpel :
Pasti berbeda tampilan ketika kamu membuka facebook dari Komputer dengan dari HP.
Beda pula tampilannya ketika kamu membuka dari tab.
Nah, yang dimaksud tampilan responsif tadi.

Manfaat dari Tampilan Responsif

Ada beberapa manfaatnya yakni :
  • UX (User Experience) atau pengalaman pengguna semakin meningkat karena tampilan website tetap bagus dan baik meskpun diakses dari perangkat yang berbeda-beda
  • Google suka ini, yang artinya SEO anda semakin baik dan dipertimbangkan google dalam membuat posisi ranking di pencarian google (SERP)
  • Pemilik Situs tidak perlu membuat web 2 tampilan terpisah (khusus hp dan khusus PC)

Akibat tidak Responsif

Jika blog/web/situs kamu tidak responsif, akan ada akibat/efeknya yakni :
  • Pengujung tidak betah karena tampilan buruk
  • Bounce Rate/ Rasio Pentalan akan semakin buruk, efeknya SERP bisa jatuh

Lantas kenapa kita harus memperhatikan pengguna HP?
Menurut data penelitian, pengguna HP semakin lama semakin banyak, terlebih negara kita sebagai negara berkembang, orang lebih banyak mengakses internet dari HP mereka.

Data tahun 2016, menurut https://databoks.katadata.co.id/datapublish/2016/08/08/pengguna-smartphone-di-indonesia-2016-2019
Pengguna smartphone di Indonesia di tahun 2018 saha sudah 83,5 juta.
Statistik pengguna smartphone di Indonesia tahun 2016 sampai 2019
Statistik Pengguna Smartphone di Indonesia


Dan menurut data dari https://www.statista.com/statistics/430830/share-of-mobile-internet-traffic-countries/
Pengguna Internet dari HP di Indonesia mencapai 69%
Statistik Pengguna Intenet dari HP

Maka tidak heran 82% dari pengunjung AnakSosial.com adalah pengguna android (yang tidak lain adalah pengguna HP)

Tentu saja kita harus beradaptasi terhadap perubahan itu, jika tidak kita akan tertinggal dan SERP pun meluncur jatuh ke halaman yang sangat jarang dibuka orang.

Cara Cek Responsif

Ada beberapa cara, namun cara yang satu ini cukup simpel dan gratis.

1. Buka situs http://responsivedesignchecker.com
2. Masukkan URL blog/web kamu disana, misalnya saya memasukkan URL blog ini : https://www.anaksosial.com

3. Tampilannya akan seperti ini

4. Kamu tinggal sesuaikan tampilkan dari perangkat yang mana blog/web kamu diakses.
Di situs ini sudah ada 3 jenis tampilan yakni :

Tampilan Desktop, yang terdiri dari :
  • Layar Desktop 24 inci (1920 x 1200)
  • Layar Desktop 23 inci (1920 x 1080)
  • Layar Desktop 22 inci (1680 x 1050)
  • Layar Desktop 20 inci (1600 x 900)
  • Layar Desktop 19 inci (1440 x 900)
  • Layar Desktop 15 inci (1366 x 768)
  • Layar Desktop 13 inci (1024 x 800)
  • Layar Desktop 10 inci (1024 x 600)
Bisa juga lihat gambar dibawah ini
Pilihan layar desktop
Pilihan Layar Desktop

Tampilan Tab, yang terdiri dari :
  • Layar iPad Mini (768 x 1024)
  • Layar iPad Retina (768 x 1024)
  • Layar iPad Pro (1366 x 1024)
  • Layar Amazon Kindle Fire (768 x 1024)
  • Layar Amazon Kindle Fire HD (768 x1024)
  • Layar Asus Eee 1000 (768 x 1024)
  • Layar Nexus 7 (600 x 960)
  • Layar Nexus 9 (1024 x 768)
  • Layar Samsung Galaxy Tab 10 (800 x 1280)
Boleh juga lihat gambar dibawah ini
Pilihan Tampilan Layar Tab
Pilihan Tampilan Tab

Tampilan Smartphone, yang terdiri dari :
  • Layar iPhone 3/4/4s (320 x 480)
  • Layar iPhone 5/5s (320 x 568)
  • Layar iPhone 6/6s/7 (375 x 667)
  • Layar iPhone 6s Plus/7 plus (414 x 736)
  • Layar Samsung Galaxy S5/S6/S7 (414 x 736)
  • Layar Sony Xperia Z2/Z3 (360 X 640)
  • Layar Google Pixel (411 x 731)
  • Layar Nexus 4 (384 x 640)
  • Layar Nexus 5 (411 x 731)
  • Layar Nexus 6 (411 x 731)
Bisa juga lihat gambar dibawah
Pilihan Tampilan dari Smartphone
Pilihan Tampilan Smartphone

Contohnya tampilan blog ini (AnakSosial.com) ketika dilihat dari tampilan Samsung Galaxy S5

Contoh tampilan Blog AnakSosial.com dari Samsung Galaxy S 5
Tampilan AnakSosial.com dari Galaxy S 5

Bagaimana, mudah bukan?
Simpel sehingga kita semakin nyaman menyesuaikan tampilan blog/web kita.

Semoga artikel Cara mengecek blog Sudah Responsif berguna dan bermanfaat buat kamu.
Terimakasih

Salam, Pubiway 😉


Share This :
Pubiway Edwin

Seorang mahasiswa yang suka berbagi informasi dunia teknologi

Berilah komentar secara wajar, baik dan benar.