Alat Uji untuk Mobile-Friendly

Memiliki situs web yang mobile-friendly adalah hal penting di dunia online. Di banyak negara, traffic smartphone kini sudah lebih tinggi dari traffic desktop. Jika situs web Anda belum mobile-friendly, sebaiknya Anda mengubahnya. Alat Uji untuk Mobile-Friendly di Search Console adalah cara mudah dan cepat untuk menguji apakah halaman di situs Anda sudah mobile-friendly atau belum.

Buka Alat Uji untuk Mobile-Friendly

 

Menggunakan alat tersebut

Alat Uji untuk Mobile-Friendly sangat mudah digunakan; cukup ketik URL lengkap halaman web yang ingin diuji. Pengalihan apa pun yang diterapkan oleh halaman tersebut akan diikuti oleh pengujian. Pengujian biasanya memakan waktu kurang dari satu menit.

Hasil pengujian mencakup screenshot tampilan halaman yang dilihat Google di perangkat seluler, serta daftar masalah kegunaan seluler apa pun yang ditemukannya. Masalah kegunaan seluler adalah masalah yang dapat memengaruhi pengguna yang mengunjungi halaman tersebut di perangkat seluler (dengan layar kecil), termasuk ukuran font yang kecil (yang sulit dibaca di layar kecil) dan penggunaan Flash (yang tidak didukung oleh sebagian besar perangkat seluler).

Jika halaman tidak dapat dijangkau

Jika fitur tidak dapat mengakses halaman karena suatu alasan, fitur tersebut akan menampilkan error yang menjelaskan masalahnya. Masalah akses mencakup masalah konektivitas jaringan atau situs tidak aktif.

Fitur ini mengakses halaman sebagai Googlebot (yaitu, tidak menggunakan kredensial Anda, melainkan sebagai Google). Artinya, fitur ini dapat diblokir oleh file robots.txt.
Jika ada resource halaman yang tidak dapat dimuat

Jika pengujian tidak dapat memuat semua resource yang digunakan oleh halaman, Anda akan mendapatkan peringatan. Resource adalah elemen eksternal yang disertakan oleh halaman, seperti gambar, CSS, atau file skrip. Hal ini dapat terjadi karena beberapa alasan:

  • Resource tidak dapat dimuat dalam waktu yang relatif singkat. Dalam kasus ini, coba jalankan pengujian lagi. Jika masalahnya terus terjadi, pertimbangkan untuk menghosting resource di tempat lain, atau coba temukan dan perbaiki penyebab kurangnya respons dari host.
  • Resource tidak ada di lokasi yang dicantumkan (error 404). Perbaiki URL resource.
  • Resource tidak dapat diakses oleh pengguna yang tidak login. Pengujian mengakses halaman sebagai pengguna anonim; pastikan semua resource dapat diakses oleh pengguna anonim.
  • Resource diblokir untuk Googlebot oleh file robots.txt. Jika resource itu penting (lihat di bawah), jika resource itu ada di situs Anda sendiri, Anda mungkin ingin membatalkan pemblokiran resource untuk Googlebot; jika resource ada di situs lain, Anda mungkin ingin menghubungi webmaster situs tersebut dan meminta pemblokirannya dibatalkan.

Membatalkan pemblokiran resource yang penting

Jika resource yang diblokir penting, hal ini dapat berdampak besar pada cara Google memahami halaman. Misalnya, gambar besar yang diblokir dapat membuat halaman muncul sebagai mobile-friendly padahal sebenarnya tidak seperti itu, atau file CSS yang diblokir dapat menyebabkan halaman menerapkan gaya font yang tidak sesuai (misalnya, terlalu kecil untuk perangkat). Hal ini memengaruhi skor kegunaan seluler dan kemampuan Google untuk melakukan crawling halaman. Karena itu, Anda harus memastikan bahwa resource penting tidak diblokir untuk Googlebot oleh file robots.txt dan dapat diakses oleh siapa saja.

Hasil pengujian yang tidak andal/Masalah pemuatan halaman

Jika memiliki resource yang tidak dapat dimuat atau masalah pemuatan halaman lainnya, Anda mungkin melihat hasil yang sedikit berbeda setiap kali menjalankan pengujian. Hal ini karena kumpulan resource yang dimuat dapat bervariasi setiap kali pengujian dijalankan. Jika rendering halaman berubah setiap kali Anda menjalankan pengujian, dan Anda belum mengubah apa pun, periksa peringatan "masalah pemuatan halaman"; jika ada, klik untuk melihat informasi selengkapnya guna mengetahui hal-hal yang kemungkinan menyebabkan halaman tidak dirender secara konsisten dan sebagaimana mestinya.

Error terkait kegunaan seluler

Alat Uji untuk Mobile-Friendly dapat mengidentifikasi error kegunaan berikut:

Daftar error

Menggunakan plugin yang tidak kompatibel

Halaman ini menyertakan plugin, seperti Flash, yang tidak didukung oleh sebagian besar browser seluler. Kami merekomendasikan Anda untuk mendesain ulang halaman menggunakan teknologi web modern yang didukung secara luas, seperti HTML5. Baca lebih lanjut pedoman animasi web.

Viewport tidak ditetapkan

Halaman Anda tidak menentukan properti viewport, yang memberi tahu browser cara menyesuaikan dimensi dan penskalaan halaman agar sesuai dengan ukuran layar. Karena pengunjung ke situs Anda menggunakan berbagai perangkat dengan ukuran layar yang berbeda-beda—dari monitor desktop yang lebar, hingga tablet dan smartphone berlayar kecil—halaman Anda harus menentukan viewport menggunakan tag meta viewport. Pelajari lebih lanjut di Dasar-Dasar Desain Web yang Responsif.

Viewport tidak ditetapkan ke "device-width"

Halaman Anda menentukan properti viewport lebar tetap, sehingga tidak dapat menyesuaikan dengan ukuran layar yang berbeda-beda. Untuk memperbaiki error ini, gunakan desain responsif untuk halaman situs Anda, dan setel viewport agar sesuai dengan skala dan lebar perangkat. Baca cara Menyetel Viewport dengan benar.

Konten lebih lebar daripada layar

Laporan ini menunjukkan halaman yang harus di-scroll secara horizontal untuk melihat kata dan gambar di halaman. Hal ini terjadi saat halaman menggunakan nilai mutlak di deklarasi CSS, atau menggunakan gambar yang didesain agar terlihat sangat baik pada lebar browser tertentu (misalnya 980 piksel). Untuk memperbaiki error ini, pastikan halaman menggunakan lebar relatif dan nilai posisi untuk elemen CSS, dan pastikan gambar dapat diskalakan juga. Baca selengkapnya di Menyesuaikan Konten dengan Viewport.

Teks terlalu kecil untuk dibaca

Laporan ini mengidentifikasi halaman yang ukuran fontnya terlalu kecil untuk dapat dibaca dan pengguna seluler perlu "mencubit jari untuk melakukan zoom" untuk membaca. Setelah menentukan viewport untuk halaman web, setel ukuran font agar diskalakan dengan benar di dalam viewport. Baca lebih lanjut tentang praktik terbaik ukuran font di Menggunakan Ukuran Font yang Dapat Dibaca.

Elemen yang dapat diklik terlalu berdekatan satu sama lain

Laporan ini menunjukkan URL untuk situs yang elemen sentuhnya, seperti link navigasi dan tombol, terlalu berdekatan sehingga pengguna seluler tidak dapat menge-tap elemen yang diinginkan dengan mudah menggunakan jari mereka tanpa juga menge-tap elemen di sampingnya. Untuk memperbaiki error ini, pastikan Anda memberi ukuran dan jarak link navigasi dan tombol dengan benar agar sesuai untuk pengunjung seluler Anda. Baca selengkapnya di Atur Ukuran Target Tap dengan Sesuai.

Langkah berikutnya

Apakah ini membantu?
Bagaimana cara meningkatkannya?