Home / Tips / Tips Membuat Website Mobile-Friendly

Tips Membuat Website Mobile-Friendly

NataProperty.com, Tangerang - Bagi Anda yang belum tahu, saat ini Google memiliki algoritma terbaru yang disebut dengan “Mobilegeddon”. Algoritma ini akan mengurangi peringkat website yang tidak mobile-friendly. Google akan mengurangi peringkat website tersebut dalam hasil pencarian melalui perangkat mobile seperti ponsel atau tablet.

Sebelumnya pada tahun 2014, total penggunaan perangkat mobile menyalip jumlah penggunaan dekstop oleh masyarakat ketika mengakses internet. Itu berarti, dekstop tidak lagi menjadi satu-satunya wadah yang diperlukan untuk mengembangkan website. Algoritma Google mendorong para pebisnis untuk memikirkan mengenai penerapan website yang mobile-friendly.

Lalu bagaimana membuat website Anda agar mobile-friendly ? Berikut sembilan tips yang akan membantu Anda:

1.    Jangan Membuat Website Mobile-Friendly yang Terpisah
Dulu ketika Anda mendesain website untuk penggunaan mobile, Anda akan memotong konten yang sesuai untuk penggunaan mobile. Namun, Anda tidak bisa mengkontrol konten mana yang dibutuhkan atau diinginkan oleh pengguna. Jangan lupa untuk menggunakan Google Page Speed Insights untuk mencari tahu elemen apa saja yang membuat load website menjadi lambat. Dengan demikian, konten website yang Anda sajikan, baik pada tampilan dekstop dan tampilan perangkat mobile haruslah sama.

2.    Gunakan Desain Responsif
Desain responsif memungkinkan web developer membuat website yang akan mudah dilihat dari beragam ukuran di perangkat yang berbeda. Hal ini akan mengurangi tugas yang harus dilakukan web developer ketika menciptakan sebuah website. Desain responsif memenuhi kebutuhan penggunaan layout dan gambar yang fleksibel, serta penempatan item yang efektif. Ketika desain responsif digunakan pada sebuah website, maka halaman website dapat mendeteksi ukuran layar, orientasi pengguna dan mengubah tata letak yang sesuai.

3.    Selalu Sertakan Viewport Meta Tag
Viewport adalah daerah virtual yang digunakan oleh mesin rendering browser untuk menentukan bagaimana konten diskala dan diukur. Karena itulah viewport adalah sebuah kode kritis ketika membangun website mobile-friendly. Tanpanya, website Anda tidak akan berfungsi dengan baik pada perangkat mobile. Yang diberitahukan viewport meta tag ke browser adalah halaman wesbite terkait harus sesuai dengan ukuran layar. Banyak konfigurasi berbeda yang bisa Anda gunakan untuk mengontrol viewport Anda.

4.    Pentingnya Menyesuaikan Ukuran Font dan Tombol
Ukuran font dan tombol pada website Anda sangat penting untuk diperhatikan dalam penerapannya di perangkat mobile. Untuk ukuran font, setidaknya Anda dapat menggunakan ukuran 14px. Walaupun mungkin tampak besar, namun hal ini akan membantu pengguna agar tidak perlu lagi melakukan zoom. Untuk ukuran kecil, minimum 12px, dapat Anda gunakan untuk teks dalam label atau misalnya formulir.

5.    Gunakan Gambar Dengan Resolusi Tinggi
Sama halnya seperti Instagram, gambar resolusi tinggi sangat penting bagi website Anda untuk memastikan kenyamanan dan pengalaman pengguna. Model terbaru perangkat iOS memiliki layar HD (high defenition) dengan resolusi gambar tinggi yang akan membantu Anda menghindari gambar yang blur. (IC)


What's On