Cara Mengoptimalkan Pengalaman Seluler Situs Web Anda untuk Konversi

Lima puluh satu setengah.

Itu adalah persentase pengguna online yang menjelajahi web dari perangkat seluler. Dengan peluang tersebut, kemungkinan sejumlah besar calon pelanggan bisnis Anda mendatangi Anda dari layar 480px. Jika Anda membiarkan versi seluler situs web Anda tidak diformat, menghapusnya dalam informasi, atau tidak memilikinya, Anda kehilangan peluang untuk mengonversi setengah dari pengunjung situs Anda.

Anda mungkin percaya bahwa pengoptimalan untuk seluler memerlukan upaya sebanyak membangun situs web lain yang sepenuhnya terpisah. Namun sebenarnya, ada banyak cara mudah untuk membuat situs Anda lebih mobile-friendly. Berikut adalah beberapa tip dan trik untuk membuat versi seluler situs web Anda yang menghasilkan konversi.

Kebutuhan akan Kecepatan

Kecepatan adalah komponen paling penting dalam membuat situs seluler – dan itu bukan hanya karena pengguna akan meninggalkan situs web yang membutuhkan waktu lebih dari tiga detik untuk dimuat. Situs web yang memuat lambat memiliki tingkat pentalan yang lebih tinggi, artinya pengguna tidak terlibat dengan konten selama yang seharusnya dan cenderung tidak mengunjungi halaman lain di situs Anda (seperti halaman kontak atau halaman pembayaran).

Idealnya, Anda ingin situs web Anda dimuat dalam 2-3 detik atau kurang. Ada banyak cara untuk mempercepat situs web Anda, tetapi mari kita tetap berpegang pada cara yang akan memberikan peningkatan terbesar:

1. Kompres File yang Banyak Sumber Daya

• Gambar sangat penting untuk desain tetapi membiarkannya dalam keadaan tidak terkompresi secara drastis memperlambat situs Anda. Ada banyak plugin yang dapat memampatkan gambar di backend, atau Anda dapat menggunakan gaya lama dan mengompres gambar Anda ke ukuran yang lebih mudah diatur di editor foto sebelum mengunggah – rute mana pun akan berfungsi. Tujuannya adalah untuk membuat gambar dan video menggunakan ruang sesedikit mungkin tanpa mengorbankan kualitas tampilannya di halaman.
• Sangat mudah untuk mengabaikan kode HTML, CSS, dan JavaScript saat Anda menggunakan pembuat halaman. Tetapi file-file ini sering berisi baris-baris yang berlebihan atau kosong yang memperlambat situs Anda. Kami merekomendasikan penggunaan plugin seperti WP Rocket, yang akan mengecilkan file-file ini dengan mengklik tombol. Atau, Anda dapat memeriksa kodenya sendiri. Lihat baris kosong? Menghapus baris-baris itu tidak akan memengaruhi keseluruhan tampilan situs web Anda dan itu akan membantu menghilangkan beberapa kembung, sehingga meningkatkan kinerja situs web Anda.

2. Pertimbangkan Menggunakan Accelerated Mobile Pages (AMP)

AMP adalah tentang kecepatan dan membuat informasi mudah dicerna oleh pembaca. Plugin AMP awalnya dikembangkan oleh Google untuk memberi pengguna pengalaman yang lebih baik saat mengunjungi situs seluler. Versi AMP dari halaman web pada dasarnya adalah versi HTML yang dipreteli dari halaman asli Anda. Hasil? Halaman web secepat kilat yang memiliki kemungkinan konversi yang jauh lebih tinggi.

Desain responsif

Jika Anda menggunakan WordPress untuk mendesain situs web, kemungkinan besar Anda memasang tema untuk mengontrol tampilan situs web Anda. Sayangnya, semua tema tidak dibuat sama.

Satu area di mana beberapa tema gagal adalah kurangnya desain yang responsif. Desain responsif mengatur informasi dan elemen desain dengan cara terbaik untuk berbagai ukuran layar. Apa yang luar biasa tentang memiliki tema dengan bawaan ini adalah bahwa ini akan terjadi secara otomatis, dengan properti CSS yang dibangun ke dalam lembar gaya tema itu sendiri.

Mengoptimalkan situs Anda untuk seluler akan jauh lebih mudah dilakukan jika Anda memilih tema dengan desain responsif bawaan. Jika tema Anda saat ini tidak memiliki fungsi ini, daftar 14 tema WordPress ramah seluler ini adalah tempat yang baik untuk mulai mencari yang memilikinya.

Sentuhan dan Kegunaan

Pengguna yang mengakses situs seluler Anda akan menavigasi setiap halaman dengan sentuhan ibu jari mereka. Mungkin terdengar konyol untuk mengungkitnya, tetapi mengingat fakta ini akan membantu Anda merancang situs seluler yang lebih baik.

• Zona ibu jari: Artikel tentang cara kita memegang gadget mengacu pada zona ibu jari sebagai area di mana ibu jari dapat menyapu layar dengan lebih akurat. Area paling atas dan paling bawah halaman adalah yang paling tidak nyaman untuk dijangkau di ponsel cerdas. Sebagai desainer web, kita harus menempatkan elemen konversi – item yang ingin disentuh – di area yang paling mudah bagi pengguna untuk melakukannya.
• Interaksi “Klik”: Saat menggunakan perangkat seluler, pengguna memiliki kemampuan untuk melakukan dua hal: menggesek untuk menggulir ke bawah halaman dan mengetuk dengan lembut untuk berinteraksi dengan suatu elemen. Tidak ada animasi atau perubahan warna saat melayang untuk memberi tahu pengguna bahwa ada sesuatu yang dapat diklik. Karena kita telah kehilangan unsur itu, kita harus menggantinya dengan cara lain. Jika ada sesuatu yang dapat diklik pada halaman, itu harus lebih terlihat seperti tombol di perangkat seluler. Sebagai alternatif, Anda dapat menambahkan tombol di bawah item yang tampaknya tidak dapat diklik untuk mengarahkan pengguna tentang cara melanjutkan.

Muncul tiba-tiba

Pernahkah Anda menemukan munculan saat mengunjungi situs web di ponsel yang tidak dapat Anda klik? Entah "x" terlalu kecil, atau agak tidak terlihat dan tidak dapat diklik. Ini adalah masalah umum dengan munculan di situs seluler.

Solusinya sederhana: Jika Anda menggunakan munculan di situs seluler, luangkan waktu untuk memformat dan mengujinya. Prinsip yang sama berlaku untuk bentuk dan tombol. Sangat penting bahwa semua munculan di seluler berukuran tepat. Hal terakhir yang Anda inginkan adalah agar pengguna yang berniat melakukan konversi dicegah melakukannya oleh situs web Anda.

Buat Konten Sederhana

1. Berikan Jalur yang Jelas

Pada versi desktop situs web, biasanya terlihat menu di header yang menampilkan tautan ke setiap halaman utama. Pengguna seluler mendapatkan opsi itu, seringkali dengan mengeklik tombol sakelar yang membuka menu. Ini adalah salah satu cara untuk memastikan pengunjung dapat dengan cepat bernavigasi di antara halaman beranda penting, tetapi ada cara lain agar kami, sebagai desainer web, dapat mengarahkan mereka ke halaman yang kami inginkan – halaman yang berkonversi.

Misalnya, banyak situs web eCommerce menempatkan ikon keranjang di sebelah menu mereka. Ini menempatkan kereta di bagian depan dan tengah, memudahkan pengguna untuk menemukan dan memeriksa. Situs web yang menjual layanan dapat menggunakan tombol kontak sebagai gantinya. Ini tidak hanya memajukan tujuan Anda untuk mengonversi pengguna menjadi pelanggan, tetapi juga membantu memenuhi tujuan pengguna dengan membuatnya mudah untuk menemukan apa yang mereka cari.

2. Pimpin Dengan Apa yang Penting

Tujuannya adalah untuk menghasilkan konversi dari situs web Anda – ingatlah itu saat Anda membuat versi seluler. Ini adalah area yang lebih kecil, jadi jangan menyia-nyiakan real estat utama pada informasi atau halaman yang biasanya tidak menghasilkan konversi.

Di situs desktop, Anda mungkin dapat memasukkan informasi tiga kolom dengan nyaman tanpa mengorbankan estetika. Di situs seluler, kemungkinan besar Anda terbatas pada tata letak satu atau dua kolom. Beberapa pengguna tidak akan pernah menggulir ke bawah halaman. Itulah mengapa ajakan bertindak (CTA) dan peluang bagi pengguna untuk mengambil tindakan harus siap diakses di bagian atas.

3. Jangan Mengupas Situs

Memimpin dengan informasi yang mendorong tindakan tidak berarti bahwa segala sesuatu yang lain harus dihilangkan. Desainer web terkadang tergoda untuk menghapus versi seluler situs mereka sepenuhnya, hanya menyisakan sebagian kecil informasi yang tersedia di versi desktop. Ini adalah kesalahan. Pada Juli 2019, Google mengumumkan pengindeksan yang memprioritaskan seluler , artinya Google akan melihat versi seluler situs web Anda terlebih dahulu saat menentukan peringkat hasil pencarian.

Maret 2021 menandai tanggal Google akan menjadikan pengindeksan yang memprioritaskan seluler sebagai standar di semua situs web. Jika Anda meninggalkan informasi penting dari situs seluler Anda, Anda dapat mengorbankan keseluruhan strategi SEO Anda.

Jadi, bagaimana Anda bisa memasukkan informasi itu sambil tetap merancang situs web yang mudah dibaca dan mobile-friendly? Jawabannya sederhana: reorganisasi. Pindahkan informasi tersebut ke halaman lain yang tidak berada di depan dan tengah, tambahkan tautan dan tombol agar pengguna tetap dapat mengaksesnya, bahkan memadatkan versi desktop jika perlu. Hanya saja, jangan tinggalkan versi seluler situs Anda di luar dalam cuaca dingin tanpa mengenakan mantel.

Jangan Kehilangan Setengah Konversi Anda

Penggunaan seluler telah melampaui penggunaan desktop, dan terus bertambah setiap tahun. Cara terbaik untuk memastikan bahwa Anda mendapatkan bisnis calon pelanggan adalah dengan memastikan bahwa situs web seluler Anda membuat prosesnya sederhana.

Ingat 51,5 persen pengguna yang kami sebutkan sebelumnya? Yah, mereka masih di luar sana. Pertanyaannya adalah, apakah Anda akan menggunakan kesempatan ini untuk mengonversi mereka?