Pengindeksan Pertama Seluler

Kutipan:

Bukan yang terkuat dari spesies yang bertahan hidup, tetapi yang paling mudah beradaptasi terhadap perubahan.
- Dikaitkan dengan Charles Darwin

Internet masih relatif baru dan masih terus berkembang. Ketika orang mencari di Internet, mereka tidak lagi duduk di depan komputer mereka dan mengetikkan permintaan pencarian dengan hati-hati. Sejak tahun 2017, sekitar separuh pengguna Internet menggunakan perangkat seluler mereka alih-alih komputer untuk mencari di Internet.

Karena pengguna mengubah cara mereka mencari di Internet, mesin pencari harus mengubah cara mereka mengindeks konten untuk menampilkan hasil yang paling relevan dan bermanfaat. Ini berarti Anda harus terus-menerus mengubah cara Anda mengatur dan menyajikan informasi melalui situs web Anda jika Anda ingin mendapat peringkat lebih tinggi dalam hasil pencarian.

Meskipun bervariasi menurut wilayah, sekitar separuh dari pengguna global adalah mengakses Internet menggunakan seluler perangkat, menurut Statista.

Ini merupakan peningkatan yang signifikan dari sekitar 30 persen di 2015. Jika situs web Anda dirancang untuk komputer desktop atau Anda tidak memiliki situs yang ramah seluler, Anda dapat berharap untuk melihat mesin pencari Anda peringkat hasilnya menurun dari waktu ke waktu.

Situs web pada awalnya dikembangkan dengan asumsi bahwa orang akan mengakses Internet dari komputer desktop. Hal ini memungkinkan perusahaan untuk membangun situs web yang berisi logika pemrograman rumit yang dimuat dan diproses oleh browser di komputer desktop dengan sangat cepat.

Namun demikian, karena pengguna bermigrasi ke arah penggunaan ponsel dan tablet mereka, situs web ini sering kali tidak dapat dimuat dan diproses dengan cepat oleh browser pada perangkat seluler.
Sebagai hasilnya, beberapa perusahaan telah menciptakan versi "ringan" dari situs web mereka yang dimuat dan diproses oleh perangkat seluler dalam waktu yang wajar. Untuk membuat versi ini, perusahaan sering kali harus menghilangkan banyak fitur dan kemampuan versi desktop.

Ketika pengguna mengakses situs web, situs web menentukan jenis perangkat yang digunakan dan menyajikan serangkaian halaman Web yang berbeda untuk pengguna perangkat seluler daripada pengguna desktop.

Bayangkan melakukan pencarian Google pada ponsel Anda dan melihat hasil pencarian yang persis seperti yang Anda lihat di Google. apa yang Anda cari. Namun, ketika Anda mengklik pada hasil pencarian, Anda tidak mendapatkan apa yang diindikasikan oleh hasil pencarian yang akan Anda lihat. Malahan, Anda mendapatkan versi yang lebih rendah dari apa yang Anda harapkan, karena situs web menyajikan serangkaian halaman Web yang berbeda saat menentukan Anda menggunakan perangkat seluler.

Rata-rata pengguna menyalahkan Google atas ketidakmampuan ini karena konten tidak sesuai dengan apa yang dijelaskan dalam hasil pencarian.

Karena alasan ini, Google mengumumkan strategi indeks mobile-first pada bulan Maret 2018. Alih-alih mengindeks versi desktop situs web, Google mulai mengindeks versi seluler. Pada bulan Juli 2018, Google juga mulai menggunakan kecepatan halaman dalam peringkat penelusuran seluler, yang berarti lebih menyukai situs web yang dimuat dengan cepat di perangkat seluler saat memberi peringkat hasil penelusuran daripada situs web yang memuat lebih lambat. Ini tidak berarti bahwa situs web tanpa versi seluler tidak diindeks, tetapi ini berarti bahwa situs web yang memuat dengan cepat dan ramah seluler lebih mungkin mendapat peringkat lebih tinggi di hasil penelusuran Google daripada situs web berat yang berkinerja lebih lambat yang memerlukan komputer desktop.

Strategi pengindeksan Google mobile-first yang murni sering kali berarti desain ulang lengkap situs web Anda. Desainnya akan ditargetkan untuk perangkat seluler dan kemudian diadaptasi untuk platform lain seperti komputer desktop. Desain pengindeksan mobile-first biasanya sederhana dan ringkas serta menggunakan bentuk geometris, warna-warna cerah, tipografi yang kuat, dan ruang putih sebagai elemen desain.

Desainnya menempatkan elemen ajakan bertindak di depan dan di tengah, dan menggabungkan metode komunikasi modern seperti obrolan dan chatbot. Tidak perlu dikatakan lagi, situs yang diindeks Google mobile-first memuat dengan cepat, dan terus diukur untuk mempertahankan atau meningkatkan kecepatan.

Jika Anda belum siap untuk mendesain ulang situs web Anda yang terindeks mobile-first secara penuh, Anda dapat mengadaptasi apa yang Anda miliki saat ini agar ramah seluler. Karena Anda masih mengambil versi desktop dan mengadaptasinya untuk perangkat seluler, bukan sebaliknya, secara teknis ini bukan strategi Google mobile-first. Tetapi ini adalah langkah praktis menuju desain situs web yang diindeks mobile-first yang memungkinkan Anda tampil sebagai mobile-first untuk mesin pencari.

Saat Anda mengadaptasi situs web Anda saat ini ke lingkungan Google mobile-first ini, tujuannya biasanya untuk menyediakan konten yang sama untuk semua pengguna, terlepas dari perangkat yang mereka gunakan.

Namun, cara konten diformat dan disajikan berbeda tergantung pada ukuran layar yang digunakan untuk melihatnya. Dalam transisi ini, masih dapat diterima untuk menyertakan beberapa fungsionalitas tambahan, seperti opsi menu atau tombol, yang hanya muncul ketika situs web diakses oleh komputer. Bahkan Google pun melakukan hal ini.

Untungnya, ada alat yang membantu membuat transisi ke mobile-friendly ini lebih mudah dari sebelumnya. Dan ada alat yang memungkinkan Anda untuk mengukur keberhasilan Anda dan mengidentifikasi area yang masih perlu ditingkatkan.

Untuk melakukan transisi ini ke situs web yang lebih ramah seluler atau Google mobile-first, kata yang perlu Anda rangkul adalah responsif. Desain Web responsif adalah pendekatan yang secara otomatis menyesuaikan presentasi situs web sesuai dengan platform, orientasi, dan ukuran layar atau jendela pengguna.

Bayangkan sebuah situs web yang terbuka di komputer desktop Anda dan terlihat di monitor komputer Anda. Ketika Anda mengklik sudut jendela dan menyeretnya untuk membuat jendela lebih kecil, apa yang terjadi? Pada situs web yang tidak responsif, tidak ada yang terjadi. Anda hanya memotong semua yang tadinya terlihat dan sekarang Anda harus menggulir ke kiri dan kanan untuk melihat konten itu.

Namun, pada situs web responsif, situs web akan secara otomatis memformat ulang dirinya sendiri setelah jendela tampilan Anda mencapai ukuran tertentu sehingga semua konten tetap terlihat di jendela itu. Alih-alih memiliki konten yang muncul berdampingan, konten tersebut ditumpuk secara vertikal. Meskipun Anda mungkin harus menggulir ke bawah halaman untuk melihat semua konten, konten yang Anda lihat sesuai dengan jendela tampilan Anda dan Anda tidak perlu menggulir ke kiri dan kanan untuk melihatnya.

Jika Anda menggunakan sistem manajemen konten (CMS) seperti WordPress, Anda harus menggunakan tema yang responsif. Jika tema Anda saat ini tidak responsif dan tersedia versi responsif yang lebih baru, upgrade ke versi tersebut. Jika tidak ada versi responsif, beralihlah ke tema responsif.

Sebagian besar pekerjaan berat akan dilakukan untuk Anda oleh tema. Anda perlu meninjau bagaimana halaman responsif terlihat pada perangkat seluler yang berbeda dan menentukan apakah Anda perlu mengubah cara Anda menyajikan beberapa informasi yang tidak terkonversi dengan baik ke halaman responsif.

Jika Anda tidak menggunakan CMS, mulailah menggunakan toolkit seperti Bootstrap. Bootstrap adalah toolkit sumber terbuka untuk pengembangan Web menggunakan HTML, CSS, dan JavaScript. Bootstrap membantu Anda membangun situs web yang responsif, Google mobile-first index dengan menggunakan sistem grid responsif, komponen front-end prebuild, dan plugin.

Untuk memeriksa desain baru Anda, buka Google Mobile-Friendly Test dan masukkan URL situs web Anda. Anda akan mendapatkan laporan yang memberi tahu Anda seberapa mobile-friendly situs web Anda, dengan saran khusus untuk meningkatkan skor Anda.

Apakah Anda memiliki situs desktop, situs web yang ramah seluler, atau situs web yang mengutamakan seluler, asumsi saat ini adalah bahwa situs web Anda akan dimuat dengan cepat. Meskipun diskusi tentang semua faktor yang memengaruhi seberapa cepat situs web Anda dimuat berada di luar cakupan artikel ini, ada beberapa elemen desain yang secara signifikan dapat memperlambat pemuatan situs web Anda yang harus Anda waspadai.

Untungnya, sebagian besar tema dan toolkit responsif menyertakan fitur-fitur yang setidaknya sebagian mengatasi beberapa area ini untuk membantu membuat situs web Anda dimuat lebih cepat pada perangkat seluler.

Apabila Anda mengunjungi situs web, situs web memuat kode untuk halaman yang Anda lihat ke dalam memori pada perangkat seluler Anda, kemudian memproses kode untuk memformat dan menampilkan halaman pada perangkat Anda. Apabila Anda mengeklik tautan untuk membuka halaman berikutnya, tautan tersebut akan membuang halaman yang sedang Anda buka dan memuat halaman berikutnya ke dalam memori. Semakin banyak yang harus dimuat, semakin lama waktu yang diperlukan untuk mengambilnya, mengirimnya melalui Internet dan memuatnya ke perangkat Anda.

Semakin banyak kode yang harus diproses, semakin lama waktu yang dibutuhkan untuk memformat dan menyajikan apa yang dimuat di layar Anda. Itu berarti jika Anda memuat lebih sedikit dan memproses lebih sedikit, situs web Anda biasanya akan dimuat lebih cepat.

File gambar atau gambar sering kali menjadi biang keladi ketika situs web memuat dengan lambat. Semakin tinggi resolusi gambar, semakin besar file dan semakin lama waktu yang dibutuhkan untuk memuat. Bersikaplah realistis dengan resolusi yang Anda butuhkan untuk gambar yang Anda tampilkan dan kecilkan gambar agar dimuat lebih cepat.

Tergantung pada format yang Anda gunakan, Anda dapat mengecilkan gambar dengan atau tanpa mengorbankan kualitas. Gambar yang mengorbankan sebagian kualitas, biasanya ukurannya jauh lebih kecil daripada gambar yang mempertahankan tingkat kualitas yang sama.

Browser Anda akan mulai memformat halaman Web saat data dimuat. Namun, beberapa kode akan memaksa browser untuk berhenti memformat dan menunggu lebih banyak kode atau bahkan seluruh halaman dimuat sebelum melanjutkan tugas pemformatannya.

Ini disebut blocking. Sejauh yang Anda bisa, Anda ingin mengurangi ukuran kode yang dimuat dan menghilangkan kode yang memblokir. Salah satu cara untuk mengurangi ukuran kode adalah dengan meminimalkannya dengan menghapus komentar dan ruang putih berlebih.

Hal ini penting bagi programmer untuk memahami kode, tetapi tidak perlu bagi browser untuk memprosesnya. Jika Anda tidak dapat meminimalkan kode, beberapa server Web akan mengirim versi terkompresi dari kode ke browser Anda, yang akan memuat versi yang lebih kecil dan kemudian mendekompresnya.

Saat Anda melihat halaman Web, Anda hanya melihat bagian halaman yang ada di dalam jendela tampilan Anda. Jika browser Anda memuat dan memformat apa yang Anda lihat di jendela Anda terlebih dahulu, browser dapat terus memuat dan memformat data lain di latar belakang hingga halaman selesai.

Bagi Anda, halaman Web tampak dimuat dengan cepat dan Anda tidak perlu menyadari bahwa halaman tersebut terus memuat dan memformat konten kecuali Anda harus menunggu lama ketika Anda mencoba menggulir ke bawah.

Sebuah halaman di situs Google Developers yang disebut Make the Web Faster menyediakan tips, terbaik-Saran dan sumber daya praktik untuk membantu Anda membuat situs web Anda dimuat lebih cepat. Alat utama dalam toolkit itu disebut PageSpeed Wawasan. PageSpeed Insights menunjukkan kepada Anda apa yang terjadi dari saat Anda mulai memuat situs web Anda hingga saat situs web itu dimuat, diformat, dan disajikan di perangkat seluler atau desktop.

Hal ini memungkinkan Anda untuk melihat apa yang menyebabkan situs web Anda memuat lebih lambat sehingga Anda tahu apa yang harus diubah. Alat ini sering memberi Anda saran spesifik tentang cara meningkatkan kinerja dan bahkan memberi Anda versi file gambar yang dioptimalkan yang akan dimuat lebih cepat.

Bahkan jika Anda tidak bisa lakukan desain yang benar-benar mengutamakan seluler Google saat ini, Anda dapat membuat situs web Anda tampak mengutamakan seluler dengan menggunakan halaman Web yang responsif dan mengurangi waktu yang diperlukan untuk memuat dan menampilkan situs Anda. Kedua strategi ini mungkin tidak menghasilkan peringkat mesin pencari yang lebih tinggi karena bersifat wajib, tetapi keduanya akan membantu Anda menghindari dihukum karena tidak mengadopsi pendekatan mobile-first.