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 merayapi file JavaScript, CSS, dan gambar menggunakan fitur "Ambil sebagai Google" di Google Search Console. Tindakan ini memungkinkan Anda melihat secara persis cara Googlebot melihat dan merender konten. Ini akan membantu Anda mengidentifikasi serta memperbaiki sejumlah masalah pengindeksan pada situs.

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

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

  4. Jika menggunakan URL terpisah untuk laman seluler, pastikan Anda menguji URL desktop dan seluler, sehingga Anda dapat mengonfirmasi bahwa pengalihan dikenali dan dapat dirayapi.

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. Ini akan membuat situs Anda dapat diakses oleh pengguna yang menggunakan teknologi penjelajahan bantuan atau yang memiliki browser yang tidak dapat memutar format video kepemilikan.

Untuk detail selengkapnya, baca tentang 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 dikonfigurasi untuk mengalihkan pengguna seluler ke beranda situs seluler, terlepas dari URL mana yang awalnya mereka minta, meskipun situs seluler memiliki laman yang setara dengan laman desktop yang dialihkan.
  • URL situs desktop Anda dibuat secara dinamis dengan parameter URL yang tidak terpetakan dengan baik ke URL seluler yang setara. Misalnya, pengguna yang mencari jadwal kereta api pada tanggal tertentu di situs desktop akan kebingungan jika mereka dialihkan ke laman penelusuran jadwal umum di situs seluler. Sebaiknya konfigurasikan pengalihan dengan benar jika Anda memiliki URL seluler yang setara sehingga pengguna akhirnya dapat membuka laman yang mereka cari.

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

  • Gunakan Google Search Console. Jika Anda adalah pengguna terverifikasi, kami akan mengirimkan pesan kepada Anda jika kami mendeteksi bahwa laman situs mengalihkan pengguna ponsel cerdas ke beranda. Kami juga akan menampilkan semua pengalihan yang salah yang terdeteksi di bagian Kesalahan Perayapan Ponsel Cerdas Search Console. Gunakan URL contoh yang kami berikan di Alat Webmaster sebagai titik awal untuk melakukan debug secara tepat pada tempat terjadinya masalah di konfigurasi server Anda.

  • Siapkan server Anda sehingga server mengalihkan pengguna ponsel cerdas ke URL yang setara di situs ponsel cerdas.

  • Jika laman di situs Anda tidak memiliki versi ponsel cerdas yang setara, tahan pengguna di laman desktop, jangan alihkan mereka ke beranda situs ponsel cerdas. Dalam kasus ini, lebih baik Anda tidak melakukan apa-apa daripada melakukan sesuatu yang salah.

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

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 Google Search Console. Jika Anda adalah pengguna terverifikasi untuk situs tersebut, kami akan mengirimkan notifikasi di Pusat Pesan kepada Anda.

  • Jika Anda memiliki situs ponsel cerdas di URL terpisah, siapkan server sehingga server mengalihkan pengguna ponsel cerdas ke URL yang setara di situs ponsel cerdas.

  • Jika Anda menggunakan Penyajian dinamis, pastikan deteksi agen pengguna dikonfigurasikan dengan benar.

  • Jika laman di situs Anda tidak memiliki versi ponsel cerdas yang setara, tahan pengguna di laman desktop. Menampilkan konten yang dicari pengguna merupakan pengalaman yang jauh lebih baik daripada menampilkan laman kesalahan.

  • Gunakan desain web yang responsif bila mungkin. Konfigurasi ini memungkinkan Anda menyajikan konten yang sama kepada pengguna, apa pun perangkat yang mereka gunakan.

  • Lihat laporan Kesalahan Perayapan di Google Search Console; tab Ponsel Cerdas akan menampilkan daftar URL terdeteksi yang menampilkan kesalahan 404 khusus ponsel cerdas.

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. Spanduk ini dapat diterapkan menggunakan:

    • Spanduk yang didukung browser seperti Smart App Banners untuk Safari atau Spanduk Aplikasi Asli untuk Chrome.
    • Spanduk atau gambar HTML, serupa dengan iklan kecil biasa, yang tertaut ke toko aplikasi yang benar untuk melakukan pengunduhan.
  • Jika Anda memiliki aplikasi Android, pertimbangkan untuk menerapkan pengindeksan aplikasi: jika konten yang terindeks dari aplikasi Anda relevan untuk kueri tertentu, kami akan menampilkan tombol pemasangan di hasil penelusuran, sehingga pengguna dapat mengunduhnya dan langsung membuka laman 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 area pandang dengan lebar tetap. Hal ini membuat laman tidak terskalakan dengan benar untuk semua ukuran perangkat (dan hal ini sering terjadi). Baca selengkapnya.
  • Mengasumsikan area pandang minimum yang terlalu lebar, yang dapat memaksa pengguna perangkat berlayar kecil untuk menggulir secara horizontal guna membaca konten. Hal ini terjadi jika laman menggunakan nilai absolut dalam pendeklarasian CSS, atau menggunakan gambar yang didesain untuk tampilan terbaik dalam lebar browser tertentu (misalnya, 980 piksel). Untuk menyelesaikan kesalahan ini, pastikan laman menggunakan nilai posisi dan lebar yang relatif untuk elemen CSS, dan pastikan gambar dapat diskalakan juga. 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 Memberi Ukuran Target Ketuk dengan Tepat.

Kirim masukan tentang...