Kesalahan umum

Laman ini menjelaskan beberapa kesalahan paling umum yang dilakukan webmaster saat merancang untuk seluler.

File JavaScript, CSS, dan Gambar yang Diblokir

Untuk perenderan dan pengindeksan yang optimal, selalu izinkan Googlebot mengakses file JavaScript, CSS, dan gambar yang digunakan oleh situs web Anda, sehingga Googlebot dapat melihat situs seperti pengguna pada umumnya. Jika file robots.txt situs tidak mengizinkan perayapan aset tersebut, secara langsung hal ini akan mengganggu seberapa baik algoritme kami merender dan mengindeks konten Anda. Akibatnya adalah peringkat yang tidak optimal.

  1. Pastikan Googlebot dapat meng-crawl JavaScript, CSS, dan file gambar Anda menggunakan "Fitur Inspeksi URL" di Search Console. Tindakan ini memungkinkan Anda melihat secara persis cara Googlebot melihat dan merender konten, sehingga akan membantu mengidentifikasi serta memperbaiki sejumlah masalah pengindeksan pada situs Anda.

  2. Periksa dan uji robots.txt Anda di Search Console.

  3. Uji halaman seluler dengan Pengujian Situs Mobile-Friendly untuk mengetahui apakah sistem kami mendeteksi situs Anda sebagai situs yang kompatibel untuk pengguna seluler.

  4. Jika menggunakan URL yang terpisah untuk halaman seluler, pastikan Anda menguji URL desktop dan seluler, sehingga Anda dapat memastikan bahwa pengalihannya dikenali dan dapat di-crawl.

Konten yang Tidak Dapat Diputar

Beberapa jenis video dan konten tidak dapat diputar di perangkat seluler, seperti media yang dibatasi lisensi atau pengalaman yang memerlukan Flash maupun pemutar lain yang tidak didukung secara luas di perangkat seluler. Konten yang tidak dapat diputar, saat ditampilkan di laman situs web apa pun, bisa membuat pengguna merasa amat bingung.

Saat pengguna mengunjungi laman dengan konten yang tidak didukung di perangkat seluler, mereka akan melihat pesan kesalahan yang serupa dengan kesalahan di bawah ini:

Video tidak dapat diputar

Hal ini memberikan pengalaman seluler yang buruk kepada pengguna!

Sebagai ganti menggunakan pemutar video kepemilikan atau menempatkan konten dalam format yang tidak didukung, sebaiknya gunakan tag standar HTML5 untuk menyertakan video atau animasi.

Untuk konten animasi yang dirender menggunakan Flash atau pemutar multimedia lain, pertimbangkan untuk menggunakan animasi HTML5 yang bekerja di semua browser web. Google Web Designer memudahkan Anda membuat animasi ini dalam format HTML5.

  • Gunakan standar HTML5 untuk animasi guna memberikan pengalaman yang baik kepada semua pengguna.
  • Gunakan penyematan video yang dapat diputar di semua perangkat.
  • Pertimbangkan untuk menyediakan transkrip video. Tindakan ini akan membuat situs Anda dapat diakses oleh pengguna yang menggunakan teknologi penjelajahan bantuan atau yang memiliki browser yang tidak dapat memutar format video proprietary (dimiliki pihak tertentu).

Untuk mengetahui detail selengkapnya, baca praktik terbaik video di Dasar-dasar Web Google.

Pengalihan yang Salah

Jika Anda memiliki URL seluler yang terpisah, Anda harus mengalihkan pengguna seluler di setiap URL desktop ke URL seluler yang tepat. Pengalihan ke laman lain (seperti selalu diarahkan ke beranda) tidaklah benar.

Contoh:

  • Server situs desktop dikonfigurasikan untuk mengalihkan pengguna seluler ke halaman beranda situs seluler tanpa memperhatikan URL mana yang awalnya mereka minta, meskipun situs seluler memiliki halaman yang setara dengan halaman desktop yang dialihkan.
  • URL situs desktop Anda dibuat secara dinamis dengan parameter URL yang tidak dipetakan dengan baik ke URL seluler yang setara. Misalnya, pengguna yang mencari jadwal kereta api pada tanggal tertentu di situs desktop akan bingung jika mereka dialihkan ke halaman penelusuran jadwal umum di situs seluler. Sebaiknya konfigurasikan pengalihan dengan benar jika Anda memiliki URL seluler setara sehingga pengguna akhirnya dapat membuka laman yang mereka cari.

  • Situs desktop Anda hanya mengalihkan beberapa perangkat seluler, namun tidak dengan yang lainnya. Misalnya, situs hanya mengalihkan pengguna Android ke situs seluler dan tidak mengalihkan pengguna iPhone atau Windows Phone.

  • Gunakan Search Console. Jika Anda adalah pengguna terverifikasi, kami akan mengirimkan pesan saat kami mendeteksi adanya halaman situs Anda yang mengalihkan pengguna smartphone ke halaman beranda.

  • Siapkan server Anda agar server tersebut mengalihkan pengguna smartphone ke URL yang setara di situs smartphone.

  • Jika halaman di situs Anda tidak memiliki URL yang setara di situs smartphone, biarkan pengguna tetap di halaman desktop, jangan alihkan mereka ke halaman beranda situs smartphone. Dalam keadaan seperti ini, Anda lebih baik tidak melakukan apa pun daripada melakukan tindakan yang tidak tepat.

  • Coba gunakan desain web yang responsif, yang menyajikan konten sama untuk pengguna desktop dan smartphone.

404 Khusus Seluler

Beberapa situs menyajikan konten kepada pengguna desktop yang mengakses URL, tetapi menampilkan laman kesalahan kepada pengguna seluler.

404 khusus seluler

Untuk memastikan pengalaman pengguna terbaik, jika Anda mengetahui bahwa pengguna mengunjungi laman desktop dari perangkat seluler dan Anda memiliki laman seluler yang setara di URL lain, alihkan mereka ke URL tersebut sebagai ganti menunjukkan laman 404 atau laman 404 ringan. Selain itu, pastikan laman yang ramah seluler tersebut bukan laman kesalahan.

Pengalihan yang baik
  • Gunakan Search Console. Jika Anda adalah pengguna terverifikasi untuk situs tersebut, kami akan mengirimkan notifikasi kepada Anda di Pusat Pesan.

  • Jika Anda memiliki situs smartphone di URL terpisah, siapkan server agar server tersebut mengalihkan pengguna smartphone ke URL yang setara di situs smartphone.

  • Jika Anda menggunakan penayangan Dinamis, pastikan deteksi agen pengguna telah dikonfigurasikan dengan benar.

  • Jika halaman di situs Anda tidak memiliki URL yang setara di situs smartphone, biarkan pengguna tetap di halaman desktop. Menampilkan konten yang dicari pengguna merupakan tindakan yang jauh lebih baik daripada hanya menampilkan halaman error.

  • Jika memungkinkan, gunakan desain web yang responsif. Konfigurasi ini memberi Anda kesempatan untuk menyajikan konten yang sama kepada pengguna, apa pun perangkat yang mereka gunakan.

Hindari interstisial

Banyak situs web menampilkan interstisial atau hamparan yang menutupi sebagian atau seluruh konten laman yang dikunjungi pengguna. Interstisial ini, yang sering muncul di perangkat seluler untuk mempromosikan aplikasi asli situs web, milis, formulir pendaftaran, atau iklan, memberikan pengalaman yang buruk untuk pengguna. Pada kasus yang ekstrem, interstisial ini dirancang agar pengguna merasa kesulitan untuk menutupnya dan melihat konten asli laman. Karena bidang di layar perangkat seluler sangatlah terbatas, interstisial apa pun dapat berdampak negatif pada pengalaman pengguna.

Interstisial Pengunduhan Aplikasi

Banyak webmaster yang mempromosikan aplikasi asli bisnis mereka kepada pengunjung situs versi seluler mereka. Jika tidak dilakukan dengan hati-hati, tindakan ini dapat menyebabkan masalah pengindeksan, dan mengganggu pengunjung dalam menggunakan situs.

Hindari interstisial
Interstisial tersebut menghambat pengguna menyelesaikan tugas.
Spanduk aplikasi
Spanduk memungkinkan pengguna menyelesaikan tugas selagi menampilkan aplikasi.
  • Gunakan spanduk sederhana untuk mempromosikan aplikasi Anda, sejajar dengan konten laman. Banner ini dapat diterapkan menggunakan:

    • Banner yang didukung browser seperti Smart App Banners untuk Safari atau Banner Aplikasi Asli untuk Chrome.
    • Gambar atau banner HTML, serupa dengan iklan kecil biasa, yang mengarahkan ke app store yang benar untuk mendownload aplikasi Anda.
  • Jika Anda memiliki aplikasi Android, pertimbangkan untuk menerapkan pengindeksan aplikasi: jika konten yang diindeks dari aplikasi Anda relevan untuk kueri tertentu, kami akan menampilkan tombol penginstalan di hasil penelusuran, sehingga pengguna dapat mendownloadnya dan langsung membuka halaman tertentu di aplikasi Anda.

Praktik umum saat situs web disajikan ke pengguna pada URL seluler yang terpisah adalah memberikan tautan ke versi yang dioptimalkan untuk desktop, sekaligus tautan dari laman desktop ke laman seluler. Salah satu kesalahan umum adalah membuat tautan mengarah ke laman yang tidak relevan, seperti tautan laman seluler ke beranda situs desktop.

  • Periksa tautan untuk memastikan bahwa tautan mengarah ke laman setara yang benar.

Laman Seluler Lambat

Sangat penting untuk memastikan situs seluler dimuat dengan cepat. Pengguna dapat menjadi sangat tidak nyaman jika mereka harus menunggu lama untuk melihat konten.

Gunakan Google PageSpeed Insights untuk mengetahui apakah laman Anda memiliki masalah yang dapat membuatnya lambat, dengan berfokus pada sub-bagian “Kecepatan”. Cobalah untuk menyelesaikan masalah yang ditandai sebagai "Harus Diperbaiki".

Untuk informasi selengkapnya, lihat:

Setel area pandang dengan benar

Karena pengunjung ke situs Anda menggunakan berbagai perangkat dengan berbagai ukuran layar, laman Anda harus menetapkan area pandang menggunakan tag meta viewport. Tag ini memberi tahu browser cara menyesuaikan dimensi dan penskalaan laman agar sesuai dengan perangkat. Berikut adalah dua masalah umum:

  • Menggunakan viewport dengan lebar tetap. Hal ini dapat membuat halaman tidak terskalakan dengan benar untuk semua ukuran perangkat (dan hal ini sering terjadi). Baca selengkapnya.
  • Menentukan viewport minimum yang terlalu lebar, yang dapat memaksa pengguna perangkat dengan layar kecil untuk men-scroll secara horizontal guna membaca konten. Hal ini terjadi saat halaman menggunakan nilai absolut 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 nilai posisi dan lebar relatif untuk elemen CSS, serta pastikan gambar juga dapat diskalakan. Pelajari lebih lanjut.

Ukuran font kecil

Hindari penetapan ukuran font yang terlalu kecil di perangkat seluler, yang memaksa pengunjung "mencubit untuk memperbesar" agar dapat membacanya. Setelah menentukan area pandang untuk laman web, setel ukuran font agar diskalakan dengan benar di dalam area pandang. Baca lebih lanjut tentang praktik terbaik ukuran font di Menggunakan Ukuran Font yang Dapat Dibaca.

Elemen sentuh terlalu dekat

Hindari penetapan elemen sentuh seperti tombol dan tautan yang terlalu dekat satu sama lain sehingga pengguna seluler tidak dapat dengan mudah mengetuk elemen yang diinginkan menggunakan jari mereka tanpa mengetuk elemen di dekatnya. Untuk menyelesaikan kesalahan ini, pastikan ukuran dan ruang untuk tautan navigasi dan tombol sesuai bagi pengunjung seluler. Baca selengkapnya di Ukur Target Tap dengan Sesuai.

Kirim masukan tentang...

Penelusuran
Penelusuran