Logo

MOBILE-FRIENDLY TEST TOOL

CMLABSDEV

Hasil Tes

Diuji Pada 04/08/2020 22.50

Halaman ramah seluler

Halaman ini mudah digunakan di perangkat selulerHalaman ini mudah digunakan di perangkat seluler

(Pratinjau) Versi Mobile Web

mobile preview small

Mobile-Friendly Test Tool

Memiliki situs web yang mobile-friendly adalah suatu hal penting untuk meningkatkan "brand awarenesss" bisnis Anda. Di banyak negara, "traffic" ponsel pintar sekarang melebihi "traffic" desktop. Jika Anda belum membuat situs web Anda mobile-friendly, Anda harus melakukannya sekarang. Menggunakan Mobile-Friendly Test Tool dari CMLABS adalah cara cepat dan mudah untuk menguji apakah suatu halaman di situs Anda mobile-friendly.

Penggunaan Alat

Mobile-Friendly Test Tool mudah digunakan; cukup ketik URL lengkap dari suatu halaman web yang ingin Anda uji. Setiap pengalihan yang dilakukan oleh halaman tersebut akan dijalani selama tes. Tes biasanya memakan waktu kurang dari satu menit.

Hasil pengujian mencakup tangkapan layar tentang tampilan halaman tersebut di perangkat seluler, serta daftar masalah tampilan mobile yang ditemukannya. Masalah mobile adalah masalah yang dapat memengaruhi pengguna ketika mengunjungi laman web pada perangkat seluler (layar kecil), termasuk ukuran font kecil (yang sulit dibaca pada layar gadget) dan penggunaan Flash (yang tidak didukung di perangkat sesuler).

Jika halaman tidak dapat dijangkau

Jika karena alasan tertentu Mobile-Friendly Test Tool ini tidak dapat mengakses halaman web Anda, maka akan ditampilkan kesalahan yang menjadi akar masalah. Masalah akses mencakup masalah konektivitas jaringan atau situs sedang down.

Mobile-Friendly Test Tool ini mengakses halaman sebagai Googlebot (artinya, tidak menggunakan kredensial Anda, melainkan sebagai Google). Berarti akses tool ini juga dapat diblokir oleh file robots.txt.

Jika halaman memiliki sumber yang tidak memberikan akses

Jika tes tidak berhasil memuat semua sumber daya yang ada di dalam halaman web, Anda akan mendapat pemberitahuan. Resource/sumber daya adalah elemen eksternal yang disertakan dalam halaman, seperti gambar, CSS, atau file skrip. Hal ini dapat terjadi karena beberapa alasan:

  • Sumber tidak selesai dimuat dalam kurun waktu yang wajar. Jika terjadi hal ini, coba jalankan tes lagi. Jika terus terjadi, hubungi hosting sumber di tempat lain, atau coba temukan dan perbaiki masalah kurangnya respon dari host.
  • Sumber tidak ada di lokasi yang tercantum (404 error). Perbaiki URL.
  • Sumber tidak memberi akses pada pengguna yang tidak terdaftar. Alat Tes Mobile friendly ini mengakses halaman sebagai pengguna anonim; pastika bahwa semua sumber dapat diakses oleh pengguna anonim.
  • Sumber Googlebot diblokir oleh file robots.txt. Jika sumber tersebut penting, dan berada di situs Anda sendiri, sebaiknya unblock Googlebot; jika ada di situs lain, Anda perlu menghubungi webmaster situs tersebut dan meminta agar di-unblock.

Membuka blokir sumber penting

Jika sumber yang diblokir penting, bisa berdampak besar pada cara Google memahami halaman tersebut. Misalnya, gambar besar yang terblokir dapat membuat halaman tampak mobile-friendly padahal sebenarnya tidak, atau file CSS yang terblokir dapat mengakibatkan ukuran font salah diterapkan (misalnya, terlalu kecil untuk perangkat seluler). Hal ini memengaruhi skor mobile usability dan kemampuan Google untuk meng-crawl laman Anda. Anda harus memastikan bahwa sumber penting tidak memblokir Googlebot dengan file robots.txt dan dapat diakses oleh semua orang.

Masalah hasil tes "Flaky" / masalah pemuatan Halaman

Jika Anda memiliki sumber yang tidak berhasil dimuat atau masalah pemuatan halaman lainnya, bisa jadi Anda mendapat hasil yang sedikit berbeda setiap kali Anda menjalankan tes. Hal ini terjadi karena set sumber yang dimuat dapat bervariasi dalam setiap uji coba. Jika rendering halaman Anda berubah setiap kali Anda menjalankan tes, padahal Anda tidak mengubah apa pun, periksa peringatan masalah pemuatan halaman; jika ada, klik informasi lebih lanjut untuk melihat masalah apa yang mungkin saja terjadi agar halaman dapat tampil secara konsisten dan benar.

Kesalahan Penggunaan Seluler

Mobile-Friendly Test dapat mengidentifikasi kesalahan kegunaan berikut:

Menggunakan plugin yang tidak cocok

Dalam kasus ini, halaman tersebut berisi plugin, seperti Flash, yang tidak didukung oleh sebagian besar browser seluler. Kami sarankan untuk mendesain ulang halaman Anda menggunakan teknologi web modern yang didukung secara luas, seperti HTML5.

Viewport tidak ditentukan

Dalam kasus ini, halaman tersebut tidak mendefinisikan properti viewport, yang berguna untuk memberi tahu browser cara menyesuaikan dimensi halaman dan penskalaan yang sesuai dengan ukuran layar. Ketahuilah pengunjung yang datang ke situs Anda menggunakan ukuran layar yang berbeda-beda, dari monitor desktop besar, tablet hingga ponsel pintar yang berlayar kecil. Dengan alasan ini,halaman Anda harus menentukan viewport menggunakan tag meta viewport.

Viewport tidak disetel untuk "lebar perangkat"

Halaman dengan viewport yang tidak disetel mendefinisikan properti viewport dengan lebar yang tetap, yang artinya tidak dapat menyesuaikan ukuran layar yang berbeda. Cara memperbaiki kesalahan ini, pilih desain yang responsif untuk halaman situs Anda, dan atur viewport agar sesuai dengan lebar dan skala perangkat.

Konten lebih luas dari layar

Horizontal scrolling diperlukan untuk melihat kata dan gambar pada halaman tersebut. Hal ini terjadi ketika halaman menggunakan nilai absolut dalam deklarasi CSS, atau menggunakan gambar yang dirancang untuk terlihat terbaik pada lebar browser tertentu (seperti 980px). Cara memperbaiki masalah ini, pastikan halaman web tersebut menggunakan lebar relatif dan nilai posisi untuk elemen CSS, dan pastikan gambar juga dapat diskalakan.

Teks terlalu kecil untuk dibaca

Ukuran font dalam halaman yang terlalu kecil dan sulit dibaca akan mempersulit pengunjung yang menggunakan ponsel pintar sehingga harus men-zoom agar dapat membaca. Setelah menentukan viewport untuk halaman Anda, atur ukuran font Anda untuk skala dengan benar dalam viewport.

Elemen yang dapat diklik terlalu berdekatan

Elemen yang dapat disentuh, seperti tombol dan link navigasi yang berdekatan akan membuat pengguna ponsel kesulitan untuk mengetuk elemen yang diinginkan dengan jari mereka tanpa terganggu elemen di sebelahnya. Untuk memperbaiki kesalahan ini, pastikan untuk mengukur dengan benar tombol spasi dan ruang serta link navigasi agar sesuai untuk pengunjung seluler.