Kami berusaha menyediakan website yang berguna untuk pengetahuan para pembaca, panduan singkat dan sederhana ini semoga menjadi jalan bagi kalian yang mengalami kesulitan dalam membuat blog di dunia maya, kami mengambil sumber dari blog Panduan Blog Online.com seandainya kalian berkenan langsung mengunjungi website tersebut, selamat menikmati!
Punya website mobile friendly itu penting. Wajib, malahan. Jadi kalau Anda belum sempat optimasi website ke mobile friendly, bersiaplah untuk melakukannya sekarang juga.
Ada tiga alasan kenapa website harus mobile friendly. Kira-kira begini penjelasan singkatnya:
Semisal Anda tak punya website versi mobile friendly, ya habislah sudah. Anda bisa kehilangan pengunjung, ranking di mesin pencari, leads, dan cuan dari pembeli.
Jadi sebelum terlanjur, baiknya Anda gerak cepat untuk menghindarinya. Lantas, bagaimana caranya membuat website mobile friendly? Berikut adalah jawabannya:
Tak perlu khawatir dengan banyaknya cara di atas. Kami akan temani Anda melakukan semuanya langkah per langkah.
Sebelum buru-buru melakukan optimasi, baiknya Anda jawab dulu pertanyaan di atas.
Dari situ, Anda bisa tahu berapa banyak yang perlu dilakukan. Karenanya, Anda terhindar melakukan segalanya dari nol. Kemudian, Anda bisa fokus ke hal-hal yang memang perlu diperbaiki.
Untuk menjawab pertanyaan di atas, Anda bisa pakai Mobile-Friendly Test dari Google.Tinggal masukkan URL website dan tunggu beberapa saat.
Platform ini bekerja menggunakan Googlebot. Googlebot akan mengakses JavaScript, CSS, dan dokumen gambar di web.
Dari sanalah, bisa dipastikan apakah web Anda sudah mobile friendly atau belum. Lewat tool ini juga, Anda bisa tahu masalah spesifik yang membuat website tidak mobile friendly.
Setelah menunggu beberapa saat, Anda akan mendapati halaman seperti di atas. Di halaman tersebut Anda bisa mendapatkan info berupa:
Pastikan Anda mengklik bagian Page loading issues di bagian bawah tulisan Test results. Di sana, terdapat daftar lengkap isu yang ditemui oleh Googlebot.
Dari sana lah, Anda bisa mulai mengubah website jadi mobile-friendly. Pastikan, Anda melakukan rekomendasi optimasi sesuai yang Goole resepkan pada website.
Setelah tahu isu-isu spesifik yang perlu ditangani, gilirannya melakukan optimasi secara menyeluruh. Di sini, kami akan tunjukkan 11 cara yang bisa dilakukan untuk membuat website mobile-friendly.
Tema punya pengaruh besar pada website. Baik dari sisi performa website, maupun pengalaman berkunjung.
Secara teknis, tema responsif membantu memotong waktu loading. Sebab, Google tak perlu melakukan redirect ke versi website yang teroptimasi.
Kriteria tema yang sama juga membantu Googlebot mengindeks halaman website. Karenanya, ini berpengaruh langsung ke ranking website di hasil pencarian.
Dari sisi user experience, instalasi tema responsif memudahkan user membagikan konten. Pemilik website hanya punya satu jenis URL yang berlaku konsisten. Kalau user membagikan URL dari versi mobile, URL yang sama bisa dibuka melalui desktop dengan tampilan yang pas.
Jadi, jelas sudah alasan mengapa tema responsif wajib diinstall di website.
Namun nyatanya, tak semua tema itu responsif. Beberapa tema (sayangnya) berfungsi sekadar sebagai riasan. Mereka hanya fokus untuk mempercantik tampilan website.
Lalu, bagaimana bentuk tema yang responsif itu? Berikut tiga kriteria utama yang perlu diingat:
Untuk lebih mudahnya, Anda bisa dapatkan tema responsif di WordPress Directory. Anda tinggal ketikkan URL: https://wordpress.org/. Kemudian klik opsi Themes dan masukkan kata kunci “Responsive” di kolom pencarian.
Seketika, Anda dapatkan ribuan pilihan tema responsif yang bisa dipakai secara gratis.
Ukuran layar desktop jelas berbeda dengan ponsel. Ketika desktop punya resolusi minimal 1080p, resolusi layar ponsel hanyalah 720p. Karena itulah, menu website perlu didesain berbeda dari yang di desktop.
Kalau mau menyederhanakan tampilan menu, ada beberapa prinsip yang perlu Anda ikuti:
Sedangkan untuk best practice-nya, Anda bisa contoh web milik Pizza Hut Delivery. Di bawah ini, Anda bisa bandingkan websitenya dalam versi mobile dan desktop.
Di versi mobile, menu Order Now dan Status Pesanan ditampilkan paling atas. Karena harapannya, user siap melakukan order melalui ponsel.
Baru kemudian, menu makanan dan minuman diletakkan di bagian bawah. Tepatnya, setelah slider berisi foto promosi. Deretan menu produk masih mudah diakses meski diletakkan di bagian bawah.
Tak lupa, ada menu navigasi tersembunyi di bagian pojok kiri atas. Menu navigasi berisi menu yang sama persis di halaman depan website. Namun, navigasi bukan berarti pemborosan tempat. Malahan, navigasi ini bekerja mirip dengan breadcrumbs yang memudahkan user untuk bolak-bali dari satu halaman ke halaman lainnya.
Di versi desktop, tampilan website nampak lebih detail. Menu Order Now sama-sama diletakkan di bagian atas. Hanya saja posisinya ada di bagian kanan halaman.
Posisi ini membuat menu-menu produk dan slider promosi jauh lebih mencolok. Dengan tampilan macam ini, user lebih terpancing untuk mencari tahu produk apa saja yang disajikan oleh Pizza Hut Delivery.
Panduan Blog Online juga memberikan contoh tampilan website yang menarik di halaman promo domain dan hosting.
Tak semua hal bisa dibuat simpel. Termasuk di dalamnya menu dan konten website. Apalagi kalau website yang dimaksud merupakan marketplace atau toko online. Mau tak mau, ada begitu banyak menu dan halaman berisi produk yang dijual.
Kalau Anda punya website macam itu, ada baiknya untuk tambahkan kolom pencarian. Kolom pencarian bisa memudahkan pelanggan mencari produk yang benar-benar dibutuhkan. Toh, tak mungkin juga Anda menyuruh pengunjung mencari konten atau produk secara manual kan?
Sama halnya dengan tema, font juga punya pengaruh ke tingkat mobile friendly sebuah website.Karena ruang yang terbatas di ponsel, pilihan font berpengaruh ke tampilan keseluruhan website.
Dengan font yang tepat, konten website bisa dengan mudah dibaca. Selain itu, font juga bisa mempengaruhi kesan, mood, dan branding website itu sendiri.
Font yang sifatnya dekoratif biasanya tak masuk dalam kategori mobile friendly. Memang, tampilan font klasik macam ini biasanya amat menarik perhatian. Hanya saja, jika dilihat dari ponsel tampilannya akan jadi sangat besar dan kurang elok.
Untuk tahu font apa yang baik digunakan, coba baca artikel Kombinasi Font Sempurna untuk Website Anda.
Hal satu ini mungkin tak ada hubungannya dengan persoalan teknis. Akan tetapi, baiknya Anda terus mengingat dan mempraktikkan ini.
Tampilan putih polos memberi kesan bersih dan elegan pada website. Apalagi kalau website dilihat melalui ponsel.
Di saat bersamaan, latar putih juga membuat pengunjung fokus ke objek utama di halaman website. Kalau Anda punya toko online, latar putih membantu produk Anda tampak lebih mencolok.
Kalau konten yang dimaksud berupa paragraf, maka paragraf tersebut akan lebih mudah dibaca. Asalkan, Anda menulis dalam potongan paragraf yang pendek-pendek.
Form di website pada prinsipnya harus singkat. Tapi kalau bicara soal mobile friendly, Anda perlu melakukan langkah ekstra.
Pangkas semua form isian yang kurang penting untuk user. Ketika Anda menanyakan informasi untuk leads dan kontak, sertakan dua macam form saja: nama dan alamat email.
Baca juga: Membuat Formulir Kontak WordPress dengan Contact Form 7
Kalau konteksnya untuk pengiriman barang, buatlah form yang apa perlunya saja. Fokus ke informasi penting yang dibutuhkan. Anda tak perlu tahu warna kesukaan atau darimana pembeli mendapat info tentang bisnis Anda.
Dalam membuat website mobile friendly, gambar biasanya jadi momok. Sebab, masih banyak orang yang asal mencantumkan gambar ke website. Tanpa peduli format gambar atau ukurannya.
Akibatnya, website jadi lambat. Belum lagi memori disk server jadi boros. Maka dari itu, optimasi gambar jadi hal penting untuk dilakukan.
Ada beberapa hal yang perlu dilakukan dalam mengoptimasi gambar, yaitu:
Pop-up itu makan tempat. Bayangkan saja layar ponsel sekecil itu penuh dijejali pop-up. Menyebalkan, bukan?
Lebih buruk lagi, pop-up sulit sekali ditutup. Tombol close (X) biasanya terlalu kecil atau sulit ditemukan. Double menyebalkan jadinya.
Tak perlu alasan lain lagi. Sebisa mungkin, hindarilah pop-up pada website versi mobile.
Accelerated Mobile Pages (AMP) merupakan proyek yang digawangi oleh Google. AMP diklaim bisa membuat waktu loading website jadi super cepat.
Ini karena AMP bekerja menggunakan cache. Cache dipakai untuk menyimpan data website di gadget. Selain itu, AMP Cache juga mampu mengoptimalkan kerja server dengan cara:
Lewat cara-cara di atas, tak heran kalau AMP mampu memangkas data website hingga delapan kali lebih kecil.
Sebagai proyek Google, AMP tentunya punya keunggulan di mesin pencarian Google. Website dengan AMP punya prioritas untuk tampil di urutan teratas halaman pencarian. Seperti yang bisa dilihat pada gambar di atas.
Untuk tahu lebih lanjut soal optimasi lewat AMP, silakan baca Cara Meningkatkan Pengunjung Blog dengan Google AMP.
Flash sudah usang dan ketinggalan jaman. Semua orang tak suka padanya.
Bahkan di desktop pun, pengalaman menjelajah website dengan Flash sangat menyebalkan. Website jadi tak responsif dan waktu loading-nya pun lama. Saking menyebalkannya, baik iOS dan Android pun sudah tidak mendukung Flash.
Maka dari itu, jangan pernah pakai Flash. Sebagai gantinya, gunakan teknologi terbaru yang lebih kompatibel. HTML, misalnya.
Inti dari mobile friendly adalah soal kecepatan. Karenanya, kecepatan website harus jadi prioritas.
Kalau website Anda tak lekas muncul dalam waktu tiga detik, kemungkinan pengunjung tak jadi mengakses meningkat hingga 32 persen. Semakin lama waktu load yang dibutuhkan, semakin tinggi pula kemungkinan bounce rate-nya. Seperti yang nampak pada infografis di bawah.
Untungnya, itu semua tak jadi masalah. Terutama kalau Anda berhasil menerapkan 10 cara membuat website mobile friendly di atas. Syukur-syukur Anda juga melakukan langkah tambahan seperti:
Namun, ada kalanya kesemua langkah itu kurang manjur. Kalau sudah begitu, artinya ada yang salah dengan performa server yang Anda pakai.
Lalu bagaimana solusinya?
Anda bisa mengupgrade paket hosting ke layanan unlimited web hosting sesuai kebutuhan. Kalau boleh memberi saran, kami rekomendasikan paket hosting Personal untuk layanan shared hosting.
Paket ini sudah mencakup fitur unlimited disk space, unlimited website, dan unlimited akun email. Harganya pun lebih miring dibanding dua paket lainnya.
Kalau Anda butuh yang lebih, Anda bisa pilih layanan cloud hosting. Layanan ini menjanjikan performa server jempolan. Cocok untuk website toko online hingga marketplace.
Oh, tentu saja! Kami harap, 11 cara membuat website mobile friendly di atas benar-benar bermanfaat buat Anda.
Eiits, tak cuma sampai di situ. Kami juga menyediakan ebook gratis untuk didownload. Anda tinggal masukkan nama dan alamat email ke halaman 20+ Tips Membuat WordPress Super Cepat. Tak butuh waktu lama untuk ebook itu sampai ke kotak masuk email Anda.
Akhir kata, selamat mengoptimasi website!
Source:niagahoster.com
No comments:
Post a Comment