Kini memiliki website yang mobile friendly atau ramah bagi pengguna mobile merupakan suatu kewajiban yang harus dilakukan. Jadi, jika website kamu belum ramah untuk pengguna mobile, maka segera optimasi ke mobile friendly, ya!
Lalu, bagaimana cara membuat website mobile friendly? Sebelum membahas itu ada baiknya jika kamu mengetahui alasan mengapa website harus ramah untuk pengguna mobile. Apa saja alasannya?
- Jumlah traffic dari ponsel semakin meningkat.
- Mobile –first index. Yaitu, Google lebih mengutamakan indexing website pada versi mobile.
- Mobile SEO, yaitu logika mobile Search Engine Optimization atau SEO sedikit berbeda dengan versi desktop.
Di artikel kali ini, kita akan membahas bagaimana cara membuat website mobile friendly, agar tampilan web sama di semua browser. Penasaran? Langsung saja simak penjelasan di bawah ini!
Apakah Website Kamu Sudah Mobile Friendly?
Sebelum membahas materi utama, sebaiknya kamu mengecek apakah website milikmu sudah mobile friendly atau belum.
Dari hasil test tersebut, kamu bisa mengetahui berapa banyak yang harus dilakukan. Supaya terhindar dari melakukan segalanya dari nol, setelah itu kamu bisa fokus ke hal-hal lain yang harus diperbaiki.
Untuk menjawab pertanyaan di atas, kamu bisa menggunakan Mobile-Friendly Test dari Google. Caranya cukup mudah, yaitu itnggal memasukkan URL website dan menunggu beberapa saat saja.
Setelah itu, akan muncul informasi berupa:
- Keterangan waktu tes dan hasil tesnya.
- Screenshot halaman yang terlihat dari ponsel.
- HTML yang terlihat dari Googlebot.
- Isu-isu yang ditemukan saat loading halaman.
- Artikel penting lainnya.
Pastikan untuk mengklik bagian Page loading issues di bawah tulisan Test results. Di opsi itu, ada beberapa daftar lengkap mengenai isu yang ditemukan Googlebot.
Nah, dari hasil itu kamu bisa mulai mengubah website jadi mobile-friendly. Pastikan juga, optimasi yang dilakukan harus sesuai dengan rekomendasi dari Google, ya!
Baca juga 11 Cara Optimasi SEO On Page untuk Kesuksesan Website!
Cara Membuat Website Mobile Friendly
Setelah mengetahui isu-isu spesifik yang harus diatasi, kini saatnya melakukan optimasi. Lalu bagaimana cara membuat website pas di segala ukuran layar?
Berikut ini adalah 11 cara yang bisa dilakukan untuk membuat website mobile friendly. Apa saja caranya?
1. Install Tema Responsif
Tema memiliki pengaruh besar. Baik dari sisi performa maupun user experience. Tema yang responsif akan memotong waktu loading. Sehingga halaman situs web dapat dimuat dengan sangat cepat.
Ciri-ciri tema responsif, yaitu:
- Dapat menyesuaikan tampilan web secara otomatis
- Memiliki desain yang simple
- Memiliki user interface yang intuitif (form, slider dan button)
Kamu bisa mendapatkan tema responsif di WordPress Directory, lalu klik opsi Themes dan masukkan keywords “Responsive” di kolom pencarian.
2. Buat Menu Sesimple Mungkin
Ukuran ponsel jelas sangat berbeda dengan desktop. Resolusi layar ponsel hanya 720p, sedangkan desktop resolusi minimalnya 1080p. Karena itu, menu di website haus didesain berbeda antara ponsel dengan desktop.
Berikut ini beberapa cara yang bisa kamu ikuti untuk menyederhanakan tampilan menu, yaitu:
- Tampilkan menu yang penting saja.
- Letakkan menu-menu lain ke dalam collapsible navigation sidebar atau menu navigasi yang disembunyikan.
- Tulis CTA dengan jelas dan singkat.
- Buat tombol dengan ukuran yang besar.
- Hindari penggunaan sidebar. Karena biasanya konten dengan sidebar akan ditampilkan pada bagian paling bawah halaman di versi mobile.
3. Sertakan Kolom Pencarian
Tak semua menu bisa dibuat simple, terutama toko online atau marketplace. Karena, mau tak mau tampilan menu harus lengkap dan itu cukup banyak.
Jika kamu memiliki website semacam itu, aa baiknya menambahkan kolom pencarian.
Fungsinya, untuk memudahkan pengunjung menemukan apa yang mereka cari dengan cepat dan mudah.
Kamu juga bisa menyimak 6 Teknik Ampuh Mengoptimalkan SEO Off Page Terbaru!
4. Gunakan Jenis Font yang Tepat
Langkah selanjutnya dari bagaimana cara membuat website mobile friendly yaitu dengan memilih jenis font yang tepat.
Dengan font yang tepat, konten bisa dengan mudah dibaca baik di desktop maupun di mobile. Selain itu, font juga bisa berpengaruh terhadap kredibilitas, kesan, mood dan branding dari website itu sendiri.
5. Buat Whitespace yang Cukup
Meskipun bukan prioritas, namun tampilan putih bersih akan membuat website semakin terlihat profesional. Apalagi jika website kamu fokus menjual produk. Dengan latar belakang yang berwarna putih pasti akan membuat produk semakin terlihat.
6. Buat Form yang Singkat
Form di website memang harus singkat. Apalagi jika dibuat mobile friendly. Maka form harus benar-benar singkat, caranya potong semua isi form yang dirasa kurang penting.
Contohnya, kamu bisa membuat form yang bertuliskan nama dan alamat email saja.
Jika konteksnya untuk pengiriman barang, maka buat form yang benar-benar penting. yaitu, kamu tak perlu mengetahui warna kesukaan atau dari mana konsumen mendapatkan info tentang bisnis kamu.
7. Lakukan Optimasi Gambar
Tentang poin optimasi gambar, sudah disinggung dalam beberapa materi, seperti optimasi SEO. Karena memang mengoptimasi gambar kamu bisa mendapatkan beberapa manfaat, salah satunya loading website bisa lebih cepat.
Nah, berikut ini adalah beberapa hal yang harus dilakukan ketika mengoptimasi gambar. Apa saja?
- Pilih format gambar yang tepat, agar tidak menghabiskan ruang penyimpanan media. Gunakan format gambar JPG atau JPEG, jika menggunakan gambar screenshot bisa menggunakan format PNG.
- Kompresi gambar, untuk mengurangi kompleksitas warna dan informasi yang kurang relevan. Caranya, unggah gambar ke TinyPNG atau TinyJPG.
- Perkecil dimensi gambar, gunakan tools seperti Picasa atau Paint untuk memudahkan kamu.
- Install plugin image optimizer seperti WP Smush . Gunanya untuk mengoptimasi gambar agar ukuran tidak terlalu besar.
- Tambahkan judul dan alt text untuk optimasi SEO. Kamu bisa memberikan title dan text alt pada gambar, gunanya agar Google dengan mudah mengindex konten yang terdapat di gambar tersebut.
8. Hindari Pop-Up
Layar ponsel sudah kecil, jika kamu memberikan pop-up pasti akan memakan tempat. Hal tersebut sangat menyebalkan, bukan? Apalagi jika tombol close (X) terlalu kecil.
Pasti akan membuat pengunjung menutup halaman situs web kamu. Karena itulah, sebisa mungkin menghindari pop-up.
Baca selengkapnya Cara dan Tips Membuat Struktur Website yang SEO Friendly!
9. Gunakan AMP
AMP atau Accelerated Mobile Pages adalah proyek dari Google yang berfungsi untuk mempercepat loading halaman suatu website.
Kamu bisa membaca penjelasan selengkapnya di Apa itu AMP dan Bagaimana Cara Menggunakannya di Website?
10. Tinggalkan Flash
Flash sudah ketinggalan jaman, pengalaman menjelajah website dengan Flash juga sangat menyebalkan. Loading halaman web sangat lama dan website tidak responsif. Bahkan android dan IOS juga sudah tidak mendukung Flash.
Karena itu, jangan memaki Flash lagi. Sebagai gantinya, gunakan teknologi terbaru, seperti HTML misalnya.
11. Jadikan Kecepatan Sebagai Prioritas
Kecepatan website merupakan elemen penting. Karena jika website tidak responsif hal tersebut akan mempengaruhi user experience dan juga kredibilitas website.
Karena itu mempertimbangkan semua hal yang mempengaruhi kecepatan website sangat penting. Contohnya, dari pemilihan hosting. Pilih provider hosting dari spesifikasi dan sesuaikan dengan kebutuhan.
Contohnya, seperti Bamaha Digital. Kami memberikan jasa layanan hosting terpercaya dan yang pasti aman. Jika kamu tertarik bisa langsung menghubungi kontak yang sudah tersedia di homepage Bamaha Digital atau mengunjungi sosial media @bamahadigital.
Kesimpulan
Nah itulah pembahasan mengenai bagaimana cara membuat website mobile friendly. Website yang ramah dengan perangkat mobile sudah menjadi kewajiban, bukan sebuah pilihan.
Jika kamu memiliki pertanyaan atau kritik dan saran, jangan ragu meninggalkan komentar di kolom yang sudah tersedia di bawah ya! terimakasih dan sampai jumpa di artikel selanjutnya!
