Sebagai pemilik webite, Anda mungkin sudah sering mendengar nih kalau membuat website itu harus mobile friendly. Tapi, kenapa sih ini jadi penting?
Nah, ini nih yang harus Anda ketahui karena faktanya 70% traffic website itu datangnya dari mobile device atau smartphone, lho.
Fakta ini kemudian membuat Google juga merasa kalau membuat website menjadi mobile friendly itu sangatlah penting. Sehingga, Google pun jadi lebih menyukai website yang mobile friendly dibandingkan yang tidak.
Nah, ini menunjukkan bahwa mobile friendly itu ternyata bukan hanya supaya pengunjung nyaman. Namun, membuat website jadi mobile friendly jadi salah satu cara untuk meraih ranking yang baik di hasil pencarian.
Lantas, bagaimana cara membuat website agar menjadi mobile friendly? Yuk, simak cara membuat website mobile friendly berikut ini!
Cara Membuat Website Mobile Friendly
Sebelum kita masuk ke cara membuat website yang mobile friendly, Anda harus mengetahui satu hal lebih dulu nih. Membuat website yang mobile friendly itu bukan hanya soal tampilan.
Karena faktanya, membuat website jadi mobile friendly itu proses yang sangat kompleks. Tidak selesai hanya dengan mengganti tema dengan yang responsive.
Membuat website yang mobile friendly artinya Anda harus memastikan website bisa bekerja dengan optimal di smartphone, terutama mengenai kecepatan.
Nah, untuk itu ada komponen website lainnya yang harus Anda sesuaikan dengan kapasitas mobile device. Kalau begitu, langsung simak cara membuat website mobile friendly berikut ini, yuk!
-
Ganti dengan Tema yang Responsive
Salah satu pengetahuan umum yang harus Anda ketahui soal website adalah tidak semua tema itu responsive dengan semua device, lho.
Oleh karena itu, cara pertama yang wajib dilakukan untuk membuat website yang mobile friendly ya dengan mengganti tema dengan yang lebih responsive.
Tenang saja, ada banyak tema yang responsive di semua device, kok. Misalnya saja seperti tema Hello Elementor atau Astra di WordPress.
Selain itu, cara lain untuk membuat tema website Anda lebih mobile friendly adalah dengan menggunakan fitur Responsive di website builder seperti SitePad.
Baca Juga: 6+ Jenis Website yang Bisa Dibuat dengan WordPress
-
Menyesuaikan Tampilan Konten Website
Saat Anda mengganti tema dengan yang responsive, artinya tampilan setiap konten yang ada di dalam website ikut menyesuaikan dengan semua device.
Meski demikian, akan tetap ada konten yang tampilannya belum sesuai, baik itu dengan mobile device maupun keinginan Anda sendiri.
Oleh karena itu, cara selanjutnya yang harus Anda lakukan untuk membuat website mobile friendly ada menyesuaikan tampilan tiap konten. Tentunya dengan memperhatikan tiga poin berikut ini:
- Letakkan konten di posisi yang tepat. Misalnya bagian rekomendasi artikel yang diletakkan di bawah alih-alih di samping.
- Hindari konten yang terlalu panjang. Ini penting karena mobile device memiliki ukuran layar yang lebih ramping. Sehingga, kalau konten yang panjang akan jadi lebih panjang lagi di layar smartphone.
- Buat form yang pendek. Sama seperti konten, form pun harus singkat, padat dan jelas. Jadi, buatlah form dengan informasi yang penting saja.
-
Gunakan Font yang Jelas dan Besar
Ketika Anda membuat website melalui PC, font yang digunakan cenderung dalam ukuran yang normal.
Namun, saat device yang digunakan adalah smartphone, ukuran ini akan terlihat lebih kecil atau mungkin malah lebih besar.
Nah, supaya pengunjung lebih nyaman, setidaknya atur font di ukuran 14px. Selain itu pastikan pula font yang Anda gunakan mudah dibaca.
Hindari penggunaan font yang terlampau unik seperti kaligrafi dan sebagainya. Sebaiknya, gunakanlah font standar seperti Calibri, Arial dan sebagainya.
-
Berikan Ruang yang Cukup untuk Link
Pernahkah Anda kesulitan saat ingin mengklik link di suatu website melalui smartphone? Apalagi kalau ada link yang berdempetan, bukannya masuk ke link yang dituju malah masuk ke link yang ada di sebelahnya.
Kalau ini terjadi juga pada website Anda, pengunjung tidak akan berpikir dua kali untuk meninggalkan website Anda.
Inilah sebabnya Anda harus memastikan bahwa ada ruang yang cukup untuk link di website. Anda bisa mengatur spasi antar baris supaya tidak terlalu berdempetan.
Selain itu, pastikan pula tidak ada link dalam satu baris atau yang berdempetan, ya. Karena ini jelas akan mengganggu pengunjung yang ingin mengakses link tersebut.
-
Optimasi Gambar dan Video di Website
Dalam membuat website maupun blog, Anda tentu akan memasukkan gambar atau mungkin malah video.
Nah, setiap gambar dan video ini jelas memiliki ukuran yang lebih besar daripada teks. Yang mana, ini akan sangat mempengaruhi kecepatan dari website Anda.
Jika ukuran terlalu besar, tentu ini akan terlalu berat untuk diakses melalui mobile device. Sehingga, ujung-ujungnya pengunjung jadi malas berlama-lama dan Google pun bisa menggeser website Anda dari halaman pertama hasil pencarian.
Itulah mengapa penting untuk Anda mengoptimasi setiap gambar dan media yang digunakan. Alih-alih menggunakan format PNG, Anda bisa convert menjadi format JPEG atau WEBP yang ukurannya lebih ringan.
Kalaupun ingin tetap menggunakan PNG, pastikan Anda sudah compress ukurannya lebih dulu, ya.
Sedangkan, untuk video, gunakanlah fitur embed supaya loading website menjadi lebih ringan karena tidak harus memproses video tersebut.
Baca Juga: Website Anda Lelet? Ini 7 Cara Mempercepat Loading Website!
-
Ganti Flash dengan HTML5
Membuat website yang interaktif memang akan menarik mata para pengunjung. Apalagi kalau ada animasi menarik dengan script Flash.
Namun, script seperti Flash bukan pilihan yang tepat jika Anda ingin membuat website yang mobile friendly.
Flash adalah salah satu script yang tidak mobile friendly alias tidak support untuk mobile device.
Tapi, bila Anda memang sangat ingin menggunakan animasi atau fitur interaktif lainnya, sebaiknya gunakanlah script HTML5 yang bisa menggantikan Flash.
-
Hindari Pop-up yang Terlalu Banyak
Bagi banyak website bisnis, pop-up jadi salah satu cara yang ampuh untuk meningkatkan konversi, entah itu berupa leads maupun sales.
Tapi, pop-up juga bisa sangat mengganggu kalau jumlahnya terlalu banyak, lho. Bukannya langsung melihat konten, pengunjung malah disuruh melihat berbagai pop-up yang terus bermunculan.
Buat para pengunjung dari PC saja, hal ini sudah sangat mengganggu. Apalagi kalau mereka menggunakan mobile device.
Sudah layar kecil, harus pula dihadapkan dengan berbagai pop-up yang susah untuk di-close. Sangat tidak mobile friendly!
Anda pasti sudah bisa menebak apa yang akan dilakukan oleh para pengunjung. Selain itu, desain seperti ini malah akan merusak SEO website Anda.
Untuk itu, jangan menggunakan pop-up jika Anda ingin website jadi lebih mobile friendly, ya.
-
Sesuaikan Tombol CTA
Tombol CTA (Call to Action) jadi salah satu komponen penentu konversi di website. Kalau diklik, akan terjadi konversi dan sebaliknya.
Itulah mengapa tombol CTA ini harus diberikan perhatian khusus. Banyak ahli dan praktisi yang menyarankan tombol CTA haruslah jelas.
Bukan hanya dari segi bentuk, namun juga soal warna, posisi bahkan sampai ke teks copywriting-nya.
Tidak selesai sampai di situ, tombol CTA pun harus Anda sesuaikan dengan setiap device yang ada, mulai dari PC, tablet hingga mobile device.
Jadi, jika ingin membuat website jadi lebih mobile friendly pastikan ukuran, warna, teks sampai posisinya sudah nyaman untuk pengguna mobile device.
Hindari ukuran tombol yang terlalu kecil, ini akan membuat pengunjung kesulitan mengklik dengan jari mereka.
Hindari pula posisi yang terlalu sulit ditemukan atau yang sampai membuat pengunjung susah mengklik tombol CTA.
Buat Website Mobile Friendly Sekarang, Yuk!
Membuat website yang menarik memang mudah, kalau Anda hanya berpatok pada satu device.
Namun kembali lagi, Anda harus ingat bahwa pengunjung Anda tidak hanya datang dari PC atau tablet. Ada pengunjung dari mobile device yang jumlahnya bahkan mengalahkan jumlah pengunjung dari PC plus tablet.
Sehingga, membuat website yang mobile friendly jadi hukum wajib jika Anda menginginkan pengunjung nyaman dan Google menyukai website Anda.
Cara membuat website menjadi mobile friendly tidaklah sulit jika Anda mengikuti tips yang kami bagikan di atas.
Akan tetapi, jika Anda menginginkan cara membuat website mobile friendly yang lebih gampang, Bikin.Website bisa membantu Anda untuk mewujudkannya.
Kalau masih ragu dengan tampilan website atau harga paketnya, Anda tidak perlu khawatir. Tinggal konsultasikan saja ke tim Bikin.Website secara GRATIS di bawah ini!
