Menurut Kementrian Komunikasi dan Informatika (KOMINFO) diperkirakan pengguna smartphone Indonesia juga bertumbuh dengan pesat. Lembaga riset digital marketing, E-marketer memperkirakan pada 2018 jumlah pengguna aktif smartphone di Indonesia lebih dari 100 juta orang.
Oleh karena itu website mobile friendly menjadi suatu hal yang penting dalam perancangan website di era ini. Website mobile friendly adalah sebuah kata yang biasanya digunakan dalam website development yang memiliki arti bahwa website tersebut tidak berantakan atau masih terlihat bagus pada saat dibuka dalam tampilan Mobile atau Handphone.
Lalu apa saja manfaat lainnya yang didapatkan dengan menerapkan website mobile friendly? dan bagaimana cara mengecek dan membuat website mobile friendly? Simak selengkapnya pada artikel ini.
Apa Itu Website Mobile Friendly
Website mobile friendly adalah website yang telah dioptimalkan supaya memberikan tampilan yang baik saat diakses menggunakan mobile device seperti handphone atau tablet.
Saat mengakses sebuah website mobile friendly pada perangkat yang berbeda, maka layout dan ukuran seluruh komponen pada website akan menyesuaikan ukuran perangkat yang digunakan. Hal ini dapat memberikan kesan yang menyenangkan dalam penggunaanya atau meningkatkan user experience pengunjung website.
Manfaat Website Mobile Friendly
Dengan berubahnya gaya seseorang mengakses internet melalui handphone, maka pembuatan website mobile friendly banyak memberikan manfaat dalam SEO. Berikut ini beberapa manfaat memiliki website mobile friendly :
- Menjadikan pengalaman mengakses website di mobile menjadi tetap menyenangkan.
- Menjadikan Search Engine seperti Google memberikan rekomendasi pada pengguna karena website kita responsive dengan baik pada perangkat mobile.
- Menaikkan nilai website kita pada pengunjung ataupun kompetitor.
Cara Cek Website Mobile Friendly
Untuk mengetahui suatu website dikatakan mobile friendly atau belum adalah dengan melakukan pengujian website mobile friendly. Terdapat beberapa cara untuk pengujian tersebut, salah satu cara mudahnya dengan menggunakan. Cara penggunaan Tools Mobile Friendly dari Google adalah sebagai berikut :
- Buka situs untuk cek website mobile friendly milik Google
- Masukkan URL website anda di kolom dengan panah merah
- Klik tombol “TEST URL” warna orange dan tunggu 1 – 2 menit untuk mendapatkan hasil apakah anda memiliki website mobile friendly
- Google kemudian akan melakukan crawling pada website anda dan jika anda dapatkan “Centang Hijau” maka itu berarti website anda sudah dianggap mobile friendly oleh Google
Cara Membuat Website Mobile Friendly
Ada berbagai macam cara ketika Anda akan membuat website mobile friendly, salah satu caranya adalah dengan menggunakan Break Point. Break Point merupakan salah satu elemen css yang dapat membatasi berapa lebar dan tinggi perangkat yang Anda gunakan menggunakan satuan Pixel (px).
Hal tersebut membuat developer dapat membuat website dengan berbagai macam tampilan dengan tidak mengorbankan elemen apapun. Berikut beberapa contoh penggunaan Break Point dalam Website :
1. Bootstrap dan Tailwind CSS
Pada Bootstrap dan Tailwind CSS kita sangat dimudahkan dalam membedakan breakpoint hanya dengan mengganti nama class dari element HTML nya saja, beberapa contoh breakpoint yang digunakan bootstrap dan Tailwind seperti (sm = ≥576px).
2. WordPress
Pada CMS WordPress memberikan kemudahan dengan tidak membuka coding sama sekali, penggunaan breakpoint pada wordpress hanya cukup mengganti Responsive Mode selanjutnya dapat langsung Anda sesuaikan tampilan website sesuai dengan yang diinginkan.
Kesimpulan
Dengan berubahnya tren dalam mengakses sebuah internet maka website mobile friendly menjadi suatu hal yang penting dalam perancangan sebuah website. Selain itu website mobile friendly juga sangat berpengaruh dalam bidang SEO karena dapat menentukan seberapa nyaman pengunjung dalam mengakses website tersebut.
Website mobile friendly dapat diimplementasikan dengan menggunakan elemen css yaitu Break Point yang disana kita bisa membatasi berapa lebar dan tinggi perangkat yang digunakan menggunakan satuan Pixel (px). Pada implementasinya kita dimudahkan dalam mengatur responsivitas website dengan bantuan beberapa framework seperti bootstrap, tailwind css atau dengan CMS seperti WordPress.
Demikian artikel tentang website mobile friendly. Selain menghadirkan artikel-artikel terbaru, Sekawan Studio menyediakan jasa maintenance website untuk membantu Anda menciptakan website mobile friendly dan performa terbaik lainnya.
Referensi : 1. Indonesia Raksasa Teknologi Digital Asia 2. Mobile Friendly Test by Google 3. Bootstrap Breakpoint Documentation 4. Tailwind Responsive Documentation
