Penjelasan Apa Itu Mobile Friendly

Hallo Shobatasmo - Website mobile-friendly adalah website yang dirancang untuk bisa ditampilkan dengan baik pada perangkat atau layar yang lebih kecil, seperti pada smartphone Android atau iPhone dan tablet berukuran sedang. Saat ini hampir seluruh orang di dunia sudah mengenal dengan baik mengenai jaringan internet dan paham menggunakannya dalam beragam perangkat. Bermula dari komputer dan laptop, bagi Anda yang menjalankan sebuah bisnis pasti memanfaatkan jaringan internet untuk memperluas dan meningkatkan kesuksesan bisnis Anda. Hal itu termasuk penggunaan smartphone atau tablet untuk mengakses website bagi bisnis Anda.


Website tradisional (yang tampil di layar komputer atau laptop), tidak secara umum diformat untuk tampilan ponsel dan masih belum memiliki performa yang baik ketika diakses melalui perangkat tersebut. Sementara sudah banyak perusahaan yang melakukan transisi website mereka untuk diaplikasikan pada perangkat ponsel, banyak juga yang masih tak menyadari bahwa hal ini merupakan masalah penting yang berpengaruh besar terhadap bisnis mereka.
Untuk merespon hal ini, ada 2 strategi pilihan yang biasa digunakan oleh website/blog:


1. Menggunakan prinsip Responsive Web Design (RWD) untuk menciptakan template/desain halaman website yang bisa diadaptasi browser desktop dan mobile. Menurut prinsip ini, layout web/blog harus mampu menyesuaikan diri dengan lebar browser. Umumnya, desain responsif melibatkan dua hal: meta tag viewport (yang digunakan mobile version jg) dan CSS media queries (@mediascreen) untuk melakukan adaptasi itu. Pada beberapa desain responsive yang lebih canggih, diperlengkap lagi dengan berbagai hal, misalnya: digunakan HTML5 secara utuh atau penggunaan javascript/jquery untuk memperkaya kemampuan respon, menyembunyikan beberapa elemen, dan memberikan efek tertentu saat peralihan device. Template dengan prinsip RWD ini bisa diakses dengan baik oleh berbagai browser, baik untuk desktop maupun browser mobile berbagai ukuran dan resolusi.

2. Membuat desain dan versi halaman web khusus untuk akses melalui perangkat mobile, atau istilahnya menyediakan template/theme mobile version. Konsep ini menggunakan fitur deteksi otomatis apabila terdapat akses melalui mobile, sehingga kemudian (setelah terdeteksi) browser akan diredirect ke template/theme mobile version tersebut. Situs-situs berita besar paling lazim menggunakan versi ini dan menggunakan domain bercirikan akses mobile pada halaman versi mobile-nya (m.domain.com, mobile.domain.com, dll, ini tidak mutlak, cuma sebagai contoh saja), Facebook juga (m.facebook.com). Di beberapa platform, fitur ini juga ada, misalnya: di Blogger ada fitur mobile version lengkap dengan template bawaannya atau bisa dibuat custom-nya. Di WordPress (self-hosted) ada plugin versi mobile yang cukup populer, WP-touch. 

sekali lagi Jadi, mobile friendly website adalah website yang mampu menyajikan konten bagi pengguna perangkat mobile dengan baik, dengan salah satu dari dua cara di atas, dan tidak terbatas pada kemampuan sebuah template untuk merespon perangkat mobile saja.

Mana yang lebih baik? Tidak ada. Dua-duanya baik apabila diterapkan dengan tepat, dan buruk apabila salah penerapannya. Seperti yang sudah disampaikan di atas, website berita besar lebih memilih menggunakan 2 template berbeda: desktop version dan mobile version, untuk merespon akses dari dua jenis perangkat itu daripada menggunakan prinsip template responsif. Ini lantaran website berita cenderung memiliki berat file cukup tinggi (karena memiliki banyak sekali elemen). Jadi, jika diadaptasi menjadi atau mengganti dengan template/theme responsif, kemungkinan beratnya tetap akan tinggi. Meski sebenarnya bisa saja diatur sedemikian rupa agar beberapa elemen tidak ditampilkan ketika diakses melalui mobile, tapi ini masih dipandang kurang efektif.

Tidak semua template responsif teruji dengan baik saat diakses via mobile. Pada beberapa template Blogger khususnya, masih banyak yang cukup berat saat diakses via browser perangkat mobile. Maka tidak heran apabila sebagian pengguna Blogger lebih memilih menggunakan versi mobile daripada menggunakan template responsif dan mematikan fitur mobile version-nya.

Bagaimana cara mengetahui apakah sebuah website/blog mendukung konsep mobile friendly ini? Semua mungkin sudah tahu, Google belum lama ini merilis tool untuk cek apakah sebuah website mobile friendly:

https://www.google.com/webmasters/tools/mobile-friendly/

Di situ akan dilihat apakah sebuah website mendukung konsep mobile-friendly (lulus tes atau tidak), baik melalui penggunaan template responsif atau penggunaan template mobile. Jadi konsep mobile friendly website tidak terbatas pada prinsip desain web tertentu saja (misalnya RWD saja).

Nah, begitulah Penjelasan Apa Itu Mobile Friendly. Semoga bermanfaat.

Comments

Popular posts from this blog

Cara Mengatasi MAXStream Error Tidak Bisa Play

Cara Membuat Squad Mobile Legends

Daftar 5 Artis Indonesia Yang Menjadi Korban Tsunami