Panduan Cara Membuat Website Mobile Friendly Dengan Mudah
Saat Anda melakukan pengujian mobile-friendly di halaman website Anda, ini
menunjukkan “ halaman website Anda mobile-friendly ”. Tetapi ketika Anda
memvalidasi URL yang terpengaruh, Ini dapat mengakibatkan " halaman website
Anda tidak ramah seluler ". Jadi masalahnya di sini adalah, halaman website
lulus tes ramah seluler ketika Anda memeriksa secara manual tetapi
mengembalikan kesalahan di Alat Google Search Console. Dalam artikel ini,
kami akan menjelaskan masalah dan panduan cara membuat website mobile
friendly dengan mudah, mari kita gali.
Awalnya, saya mendapatkan kesalahan yang sama dengan halaman seluler saya
dan memeriksa banyak solusi di internet, tetapi saya menemukan bahwa
pengujian seluler saat ini tidak berfungsi dengan benar. Tapi ini bukan
kebenaran; alat ini bekerja dengan sempurna, dan tidak ada kesalahan dalam
hasilnya. Mari kita pahami alasan masalahnya dan cara memperbaikinya.
Apa Itu Halaman Website Yang Mobile Friendly?
Halaman website yang sesuai dengan mobile friendly disebut halaman web ramah
seluler. Konten menyesuaikan sesuai dengan lebar layar.
Konsol pencarian Google dapat menampilkan kesalahan halaman web ramah
seluler bahkan jika satu baris melintasi lebar layar maksimum. Ini mungkin
terjadi karena CSS stylesheet atau file fungsi JavaScript tidak dimuat
dengan benar. Mungkin ada beberapa alasan lain, ini adalah: -
- Tidak ada layar maksimum dengan tag,
- File robots.txt memblokir sumber daya,
- Masalah di halaman AMP,
- Menggunakan widget overflow sebagian ke-3.
Halaman Anda Tidak Mobile Friendly Dalam Uji Seluler.
Kesalahan ini terjadi saat Anda memeriksa halaman website Anda untuk
mobile friendly. Dan itu semua karena halaman Anda mungkin tidak menggunakan
tema mobile friendly, atau konten halaman website Anda lebih lebar dari layar.
Jika ini adalah kasus pertama, silakan gunakan tema ramah seluler, dan
untuk kasus kedua, tinjau konten Anda dengan mengunjungi situs dari
perangkat seluler Anda. Periksa apakah lebih lebar dari layar atau tidak.
Jika tidak ada masalah seperti itu, ikuti panduan di bawah ini.
Jika Anda menggunakan jendela pop-up, kemungkinan jendela pop-up yang Anda
gunakan berukuran tetap untuk versi seluler dan desktop. Dalam hal ini,
halaman Anda tidak responsif karena pop-up itu saja.
Jika Anda tidak menggunakan tema responsif atau melewatkan tag meta
viewport, ini mungkin alasannya. Anda harus menerapkan kode berikut di
antara <head> dan </head> bagian.
<meta content='width=device-width, initial-scale=1, minimum-scale=1' name='viewport'/>
File Robots.txt Memblokir Sumber Daya.
Kesalahan ini terjadi ketika halaman Anda mobile friendly untuk semua
perangkat tetapi tidak untuk google bot. Sayangnya dapat menyebabkan
hilangnya pengguna mobile website. Dengan kata lain, ini memengaruhi lalu
lintas organik situs web Anda.
Ini semua karena file robots.txt situs web Anda. Fungsi file robots.txt
adalah untuk mengontrol web crawler untuk mengizinkan atau melarang bagian
dan menyediakan jalur peta situs. File robots.txt saat ini memblokir perayap
web untuk mengakses sumber daya halaman seperti file JS atau CSS. Itu
bertanggung jawab atas situs web yang responsif, dan robots.txt mencegah
sumber daya, sehingga laman tidak ramah seluler.
Bagaimana Cara Memperbaiki Masalah Halaman Website Mobile Friendly?
Untuk ini, Anda harus membuat perubahan pada file robots.txt dari situs web
atau blog Anda. Di WordPress, file robots.txt mungkin tidak mengizinkan
perayap untuk merayapi JS atau CSS atau bahkan halaman konten-wp. Jika Anda
baru saja membuat perubahan dengan file robots.txt default WordPress, harap
kembalikan semua perubahan. Anda juga dapat menerapkan file robots.txt
default.
File robots.txt default untuk WordPress
User-agent: *
Disallow: /wp-admin/
Allow: /wp-admin/admin-ajax.php
Allow: /
Sitemap: https://example.com/sitemap_index.xml
Setelah mengubah file robots.txt, harap validasi kesalahan halaman
mobile-friendly. Kemudian, Anda akan mendapatkan pesan operasi yang
berhasil.
Pada file robots.txt di atas, Anda mengizinkan crawler untuk mengunjungi
semua bagian blog atau situs web. Itu dapat menyebabkan masalah konten
duplikat. Untuk menghindari hal ini dan meningkatkan SEO WordPress, instal
dan atur Plugin Yoast SEO atau plugin Rank Math SEO.
Halaman Website Awalnya Mobile Friendly, Tetapi Setelah Validasi Menunjukkan Kesalahan Yang Sama.
Jika demikian halnya, saat Anda memeriksa halaman Anda untuk
Pengujian Situs Mobile Friendly , hasilnya menunjukkan Halaman Anda
mobile friendly, dan saat Anda memulai validasi halaman untuk kesalahan
di Google Search Console . Tapi tetap saja, setelah beberapa kali,
Anda menerima email yang menyatakan bahwa masalahnya belum
terpecahkan.
Sekarang pertama-tama, kita harus memahami masalahnya. Bagian mana yang
lebih lebar dari layar setelah hasil validasi? Apakah halaman web Anda
mendukung AMP? Lalu Anda sudah memeriksa apakah halaman AMP Anda bermasalah
?
Itu berarti versi seluler situs web Anda ramah seluler tetapi bukan versi
AMP.
Lakukan Pengujian Ramah Seluler Di Google
Dalam kasus di atas, Anda telah memeriksa mobile friendly Anda tidak dapat
melakukan Tes Mobile-Friendly, karena nanti gagal. Di sini Anda dapat
melakukan uji situs langsung yang akan menampilkan hasil akhir. Anda dapat
mencobanya dengan menonaktifkan halaman AMP dan juga setelah mengaktifkan
halaman AMP.
Saat Anda melakukan pengujian di atas untuk kegunaan seluler di Google
Search Console, itu akan memberi Anda hasil akhir yang mungkin Anda
harapkan. Misalkan Anda mendapatkan kesalahan dengan halaman yang mendukung
AMP dan tidak ada kesalahan setelah menonaktifkan AMP. Dalam kasus seperti
itu, coba ubah CSS untuk objek, yang menyebabkan kesalahan versi AMP atau
menonaktifkan AMP untuk halaman tertentu.
Sumber Daya Halaman Tidak Dapat Dimuat, Kesalahan Lainnya.
Jika kedua cara di atas gagal untuk Anda, maka ini bisa menjadi alasannya.
Situs web memutuskan koneksi untuk bot Google.
Dalam kasus seperti itu, hubungi penyedia hosting Anda untuk menambah waktu
habis koneksi atau minta waktu tunggu setidaknya 60 detik untuk situs web
Anda. Itu berarti koneksi dapat bertahan selama 60 detik setidaknya selama
satu sesi memuat semua sumber daya.
Kesimpulan
Dalam panduan tutorial ini, kami memahami cara mengatasi masalah pengujian
mobile friendly situs web Anda. Metode yang kita bahas adalah: panduan cara membuat website mobile friendly dengan mudah, sumber daya diblokir oleh file
robots.txt, masalah AMP, dan kesalahan waktu tunggu server.
Saya harap artikel ini membantu Anda dalam panduan cara membuat website mobile friendly dengan mudah. Jika ada keraguan, jangan ragu untuk
bertanya di bagian komentar yang disediakan di bawah ini. Terima
kasih.
Posting Komentar untuk "Panduan Cara Membuat Website Mobile Friendly Dengan Mudah"