Website Perusahaan di Ponsel: Hal yang Sering Terlewat

Banyak pemilik perusahaan mengecek website dari laptop di kantor. Tampilannya rapi, fotonya besar, semua terasa beres. Tapi calon pembeli Anda sering membukanya dengan cara lain: dari tautan yang dikirim lewat WhatsApp, di ponsel, sambil menunggu rapat atau di lokasi proyek.

Di layar kecil, masalah yang tidak terlihat di laptop jadi jelas. Tombol susah ditekan, tabel terpotong, formulir melelahkan. Artikel ini membahas hal-hal yang paling sering terlewat, dan cara mengeceknya sendiri.

Kenapa tampilan di ponsel menentukan

Ada dua alasan. Pertama, pengunjung. Buka Google Analytics atau alat analitik lain yang Anda pakai, lalu lihat pembagian pengunjung per jenis perangkat. Angka ini berbeda untuk setiap bisnis, jadi lebih baik melihat data Anda sendiri daripada menebak.

Kedua, Google. Google memakai versi ponsel dari website Anda untuk mengindeks dan menentukan peringkat. Google juga meminta isi versi ponsel sama dengan versi desktop. Jadi kalau ada informasi yang disembunyikan di ponsel supaya tampilannya ringkas, informasi itu bisa ikut tidak terbaca oleh Google.

Tombol dan tautan yang terlalu kecil

Jari tidak setepat kursor mouse. Tombol kecil yang berdempetan membuat pengunjung salah tekan, lalu kesal. Pedoman aksesibilitas WCAG 2.2 menetapkan ukuran minimum 24 × 24 piksel CSS untuk target sentuh, atau jarak yang cukup antar target. Itu batas bawah, bukan ukuran ideal. Tombol utama seperti "Minta Penawaran" sebaiknya jauh lebih besar dan mudah dijangkau ibu jari.

Beberapa hal kecil yang sering terlupa:

• Nomor telepon yang tidak bisa ditekan. Kalau nomor ditulis sebagai teks biasa, pengunjung harus menyalinnya manual. Dengan tautan tel:, ponsel langsung menawarkan untuk menelepon.
• Menu yang terlalu dalam. Menu bertingkat tiga yang nyaman dengan mouse jadi sulit di ponsel. Ringkas menunya, dan pastikan halaman penting bisa dicapai dalam satu atau dua ketukan.
• Tombol mengambang yang menutupi isi. Tombol WhatsApp, tombol chat, dan tombol "kembali ke atas" bisa menumpuk di sudut layar dan menutupi teks atau tombol lain.

Tabel spesifikasi dan dokumen yang tidak muat

Website pabrik dan distributor biasanya punya tabel spesifikasi dengan banyak kolom: kode, ukuran, bahan, berat, kemasan. Di laptop tabel ini terbaca. Di ponsel, kolomnya terpotong, atau seluruh halaman bisa digeser ke samping sehingga tampilannya berantakan.

Ada beberapa jalan keluar. Tabel bisa dibuat bisa digeser ke samping di dalam kotaknya sendiri, sementara halaman tetap diam. Untuk tabel yang pendek, setiap baris bisa ditampilkan sebagai kartu kecil di ponsel. Untuk tabel yang sangat besar, tampilkan kolom terpenting saja, dan sediakan datasheet lengkap sebagai unduhan.

Hati-hati juga dengan informasi yang hanya ada di dalam PDF besar. Di ponsel, pengunjung harus mengunduh seluruh file dulu sebelum bisa membaca satu baris pun.

Formulir yang melelahkan di ponsel

Mengetik di ponsel lebih lambat dan lebih sering salah. Setiap kolom tambahan di formulir permintaan penawaran adalah alasan baru untuk berhenti di tengah jalan.

• Minta seperlunya. Nama, perusahaan, kontak, dan kebutuhan biasanya sudah cukup untuk kontak pertama. Detail lain bisa ditanyakan saat menindaklanjuti.
• Pakai jenis kolom yang tepat. Kolom email dan nomor telepon yang diatur dengan benar membuat ponsel menampilkan keyboard yang sesuai: keyboard dengan tanda @ untuk email, dan tombol angka untuk telepon.
• Izinkan isi otomatis. Dengan pengaturan autocomplete, browser bisa mengisi nama, email, telepon, dan nama perusahaan yang sudah tersimpan di ponsel pengunjung.
• Pesan kesalahan yang jelas, tepat di dekat kolom yang salah, bukan di bagian atas halaman yang tidak terlihat.

Pop-up dan banner yang menutupi layar

Pop-up yang di laptop hanya menutupi sebagian layar bisa menutupi seluruh layar ponsel. Kalau tombol tutupnya kecil, pengunjung memilih keluar dari website.

Google sendiri menyarankan untuk tidak menutupi seluruh halaman dengan pop-up, dan memakai banner yang hanya mengambil sebagian kecil layar. Menurut Google, elemen yang mengganggu seperti ini membuat mesin pencari lebih sulit memahami isi halaman, dan bisa mengikis kepercayaan pengunjung. Pengecualiannya adalah pemberitahuan yang memang wajib secara hukum.

Kecepatan di jaringan seluler

Laptop di kantor biasanya tersambung ke internet yang stabil. Ponsel di jalan tidak selalu begitu. Foto produk berukuran besar, video latar, dan terlalu banyak skrip tambahan paling terasa di sini.

Google memakai tiga ukuran Core Web Vitals. Batas "baik"-nya: konten utama tampil dalam 2,5 detik, halaman merespons ketukan dalam 200 milidetik, dan pergeseran tata letak tidak lebih dari 0,1. Ukuran ini dinilai terpisah untuk ponsel dan desktop. Anda bisa mengeceknya gratis di PageSpeed Insights, yang memberi laporan untuk ponsel dan desktop.

Cara mengecek sendiri dalam 15 menit

1. Buka website di ponsel Anda sendiri, lewat data seluler, bukan Wi-Fi kantor.
2. Coba jalankan tugas yang biasa dilakukan pembeli: cari satu produk, buka spesifikasinya, lalu kirim permintaan penawaran.
3. Tekan nomor telepon dan tombol WhatsApp. Apakah langsung berfungsi?
4. Buka halaman dengan tabel terpanjang. Apakah halamannya bisa tergeser ke samping?
5. Cek apakah ada tombol mengambang atau pop-up yang menutupi isi.
6. Masukkan alamat website ke PageSpeed Insights dan lihat hasil untuk ponsel.
7. Minta satu orang di luar tim, misalnya kenalan, melakukan hal yang sama. Mereka akan menemukan hal yang tidak Anda sadari.

Website perusahaan tidak cukup "bisa dibuka" di ponsel. Pembeli harus bisa menemukan produk, membaca spesifikasi, dan menghubungi Anda tanpa memperbesar layar.

Baca juga penyebab website perusahaan lambat, cara membuat formulir permintaan penawaran, dan cara memasang tombol WhatsApp tanpa mengganggu. Kalau ingin website yang nyaman di ponsel sejak awal, lihat layanan pembuatan website kami.