• Belajar SEO

Pengindeksan Mobile-First: Panduan untuk Memastikan Situs Web yang Ramah Seluler

  • Yoni Yampolsky
  • 7 min read
Pengindeksan Mobile-First: Panduan untuk Memastikan Situs Web yang Ramah Seluler

Intro

Pengindeksan yang mengutamakan perangkat seluler bukanlah topik baru dalam dunia pengoptimalan mesin pencari (SEO) dan pengembangan situs web. Faktanya, Exploding Topics melaporkan bahwa lebih dari 55% trafik di seluruh dunia berasal dari perangkat seluler.

Jika bisnis Anda tidak memiliki situs web yang ramah seluler, calon pelanggan mungkin akan meninggalkan situs Anda dalam hitungan detik.

Cara terbaik agar situs web Anda muncul di halaman hasil mesin pencari Google (SERP) adalah dengan menggunakan pengindeksan yang mengutamakan seluler.

Ini adalah metode Google untuk menentukan peringkat situs web berdasarkan versi seluler dari konten situs mereka.

Untuk membantu Anda mengarahkan Anda ke jalan yang benar, panduan ini akan menjelaskan cara menggabungkan pengindeksan mobile-first dengan membuat desain situs web yang responsif.

Periksa apakah situs web Anda ramah seluler

Dalam pengindeksan yang mengutamakan seluler, mesin pencari akan merayapi dan menampilkan versi seluler situs web Anda di atas yang lainnya. Jika situs web Anda tidak ramah seluler, versi desktopnya akan muncul pada tampilan seluler secara default.

Dan pengguna seluler Anda bisa berakhir dengan presentasi situs web yang terlalu besar dan sulit digunakan pada ponsel cerdas atau tablet mereka. Bukan situasi yang ideal, untuk sedikitnya. Anda kehilangan desain yang responsif. Dan situs web Anda tidak beradaptasi dengan berbagai ukuran layar.

Perkenalkan Ranktracker

Platform Lengkap untuk SEO yang Efektif

Di balik setiap bisnis yang sukses adalah kampanye SEO yang kuat. Namun dengan banyaknya alat dan teknik pengoptimalan yang dapat dipilih, mungkin sulit untuk mengetahui dari mana harus memulai. Nah, jangan takut lagi, karena saya punya hal yang tepat untuk membantu. Menghadirkan platform lengkap Ranktracker untuk SEO yang efektif

Kami akhirnya membuka pendaftaran ke Ranktracker secara gratis!

Buat akun gratis

Atau Masuk menggunakan kredensial Anda

Anda dapat menghindari skenario ini dengan memeriksa apakah situs web Anda sudah ramah seluler. Cara terbaik adalah dengan menggunakan alat PageSpeed Insights dari Google.

PageSpeed Insights (Sumber Gambar)

Hanya dengan memasukkan URL situs web Anda ke dalam bilah pencarian, Anda bisa melihat data real-time tentang bagaimana kinerjanya di perangkat seluler:

PageSpeed Insights results (Sumber Gambar)

Seperti yang Anda lihat, sangat penting untuk mempertahankan skor situs web yang ramah seluler antara 90-100. Jika Anda menemukan bahwa situs web Anda tidak ramah seluler, maka inilah saatnya untuk membuka Google Search Console.

Mobile Usability from Search Console (Sumber Gambar)

Perkenalkan Ranktracker

Platform Lengkap untuk SEO yang Efektif

Di balik setiap bisnis yang sukses adalah kampanye SEO yang kuat. Namun dengan banyaknya alat dan teknik pengoptimalan yang dapat dipilih, mungkin sulit untuk mengetahui dari mana harus memulai. Nah, jangan takut lagi, karena saya punya hal yang tepat untuk membantu. Menghadirkan platform lengkap Ranktracker untuk SEO yang efektif

Kami akhirnya membuka pendaftaran ke Ranktracker secara gratis!

Buat akun gratis

Atau Masuk menggunakan kredensial Anda

Di sana, Anda bisa menemukan masalah perayapan, masalah kecepatan situs, dan kesalahan lain yang bisa menghambat pengalaman seluler Anda.

Namun, masalah ramah seluler yang paling umum akan Anda temukan di dalamnya ketika artikel, Google Search Console:

  • Masalah dengan input sentuh (tautan dan tombol) untuk pengguna seluler
  • Desain, templat, atau tema situs web yang tidak responsif
  • Munculan yang tidak ramah seluler
  • Navigasi situs web yang aneh
  • Font yang sulit dibaca

Apakah situs web Anda dibuat dari awal atau jika Anda menggunakan sistem manajemen konten (CMS) seperti WordPress, Anda tidak boleh berasumsi bahwa situs Anda sudah ramah seluler.

PageSpeed Insights dan Google Search Console akan memberi Anda ikhtisar performa seluler situs web Anda sehingga Anda bisa melakukan perbaikan yang diperlukan untuk layar seluler.

Pastikan situs web Anda memberikan pengalaman yang sama di desktop dan perangkat seluler

Sudah menjadi hal yang umum bagi para SEO dan pengembang untuk memotong beberapa fitur web dari situs web seluler untuk mempromosikan pengalaman pengguna yang baik (UX).

Bagaimanapun juga, memiliki situs web seluler yang kikuk dan penuh dengan elemen yang tidak berguna bukanlah ide yang bagus. Namun, menghilangkan terlalu banyak fitur ini dapat memengaruhi pengindeksan seluler situs web Anda.

Google ingin memastikan bahwa para pengembang memberikan pengalaman yang sama kepada pengguna desktop dan seluler. Inilah yang secara khusus mereka katakan tentang masalah ini:

"Jika situs seluler Anda memiliki konten yang lebih sedikit daripada situs desktop, pertimbangkan untuk memperbarui situs seluler Anda sehingga konten utamanya setara dengan situs desktop. Hampir semua pengindeksan di situs Anda berasal dari situs seluler."

Ini cukup sederhana.

Jika versi situs web seluler Anda memiliki lebih sedikit konten, maka situs web tersebut tidak akan berkinerja baik di SERP.

Mesin pencari menghargai konten karena itu adalah satu-satunya cara mereka dapat menentukan tentang apa situs web Anda. Untuk menjaga agar versi desktop dan seluler situs web Anda tetap sama, berikut ini beberapa rekomendasi utama yang harus diikuti:

  • Bekerjasamalah dengan tim UX, SEO, dan pengembangan Anda untuk menampilkan konten dengan cara yang ramah seluler alih-alih menghilangkan elemen situs web yang penting.
  • Gambar, video, dan file konten berukuran besar lainnya harus dioptimalkan dengan benar berdasarkan perangkat seluler yang berbeda, seperti tablet, ponsel cerdas, dan perangkat pintar lainnya.
  • Simpan semua data terstruktur, tag meta robot, dan data situs web teknis secara universal di semua perangkat IoT.

Ingat, pengindeksan yang mengutamakan seluler berarti mesin pencari akan merayapi versi seluler situs web Anda. Jika situs web seluler Anda kekurangan konten, tidak masalah seberapa optimal situs web desktop Anda.

Keduanya tidak akan menghasilkan performa SEO yang Anda cari.

Pelajari perbedaan antara kegunaan seluler dan pengindeksan yang mengutamakan seluler

Pengindeksan yang mengutamakan seluler dan kegunaan seluler sering kali digunakan secara bergantian. Kenyataannya, kedua istilah ini tidaklah sama.

Kegunaan seluler menjelaskan kinerja situs web di perangkat seluler. Seperti yang telah kami jelaskan sebelumnya, pengindeksan yang mengutamakan seluler adalah preferensi Google untuk merayapi versi situs web seluler daripada versi desktop.

Inilah peringatannya.

Jika situs web Anda tidak ramah seluler dan memiliki banyak sekali masalah kegunaan seluler, situs web Anda masih dapat dan akan tetap diindeks oleh Google. Sebagai contoh, katakanlah Anda menjalankan sebuah restoran, dan salah satu halaman menu Anda adalah file PDF.

Tentu saja, file PDF sulit untuk dibaca dan dinavigasi di perangkat seluler. Namun, Google masih dapat merayapi informasi dengan pengindeksan mobile-first jika ada cukup banyak informasi.

Pada akhirnya, Googlebot smartphone akan secara otomatis merayapi situs web Anda jika memiliki konten yang cukup untuk pengindeksan seluler. Namun, Anda harus menyelesaikan masalah kegunaan seluler situs web Anda terlebih dahulu.

Mempercepat kecepatan situs web Anda

Waktu rata-rata yang dihabiskan pengguna di situs web mana pun adalah 54 detik.

Tidak ada orang yang memiliki waktu seharian untuk menunggu situs web Anda dimuat. Lagipula, ada miliaran situs web lain yang bisa mereka akses hanya dalam beberapa detik.

Oleh karena itu, meningkatkan kecepatan situs web Anda sangat penting, tidak hanya untuk pengguna seluler tetapi juga untuk tujuan SEO.

Waktu pemuatan situs web yang lambat memengaruhi waktu tunggu dan rasio pentalan. Ini adalah metrik yang memperkirakan berapa lama orang bertahan di situs web Anda atau pergi tanpa melakukan apa pun.

Jika hal ini terjadi karena kecepatan situs web Anda yang lambat, Google akan melihat dan menurunkan peringkat situs web Anda di SERP. Untuk menghindari hal ini, Anda dapat memeriksa dan memantau kecepatan situs web Anda dengan melakukan audit situs.

Anda bisa menggunakan Ranktracker untuk melakukan audit web komprehensif untuk mengukur kecepatan situs Anda di seluruh perangkat seluler.

Optimalkan situs web Anda untuk konten yang lambat dimuat

Konten yang lambat dimuat adalah hal yang biasa di sebagian besar situs web modern. Publikasi berita menggunakan jenis konten ini untuk terus mengisi lebih banyak cerita saat Anda menggulir ke bawah situs mereka.

Penerbit berita olahraga, ClutchPoints, memungkinkan pengguna mengklik tombol "More Stories" jika mereka ingin membaca lebih banyak artikel berita dalam kategori olahraga tertentu:

Lazy Loading content (Sumber Gambar)

Prinsip di balik pemuatan konten yang malas adalah hanya menampilkan konten ketika pengguna memintanya. Dan ini meningkatkan kecepatan situs web dengan mengurangi baris kode yang tidak perlu untuk dirayapi oleh Google.

Selain itu, ini juga menambahkan sentuhan UX yang bagus untuk menjaga agar halaman situs web Anda tidak terlalu banyak konten untuk pengguna seluler. Namun, masalahnya adalah konten yang lambat dimuat dapat menjadi tantangan bagi mesin pencari untuk mengindeks.

Kembali ke ClutchPoints, misalnya.

Tentu saja, Google tidak akan dapat mengindeks cerita yang dapat Anda ambil dengan mengeklik tombol "More Stories" jika belum ada di sana.

Anda bisa memperbaiki masalah ini dengan memastikan situs web Anda memungkinkan pemuatan halaman. Hal ini memungkinkan mesin pencari seperti Google untuk mencatat semua konten situs Anda, meskipun menggunakan gulir tak terbatas, seperti ClutchPoints.

Hati-hati dengan penempatan iklan yang tidak tepat

Jika Anda menggunakan Google Adsense, penting untuk berhati-hati tentang bagaimana iklan Anda muncul di versi seluler situs web Anda.

Perangkat seluler menampilkan iklan tampilan responsif (RDA), bukan iklan yang lebih umum yang akan Anda lihat di komputer desktop.

Sebagai contoh, berikut ini adalah iklan desktop yang umum:

Watch out for improper ad placement (Sumber Gambar)

Dan, inilah tampilannya pada perangkat seluler:

here's what they'd look like on a mobile device (Sumber Gambar)

Anda tidak bisa lepas dari penggunaan ulang iklan tampilan desktop di ponsel. Berikut ini beberapa praktik terbaik yang harus diikuti saat membuat RDA seluler:

  • Instruksikan tim SEO dan pengembang Anda untuk menggunakan tag CSS dan HTML untuk menyesuaikan iklan Anda berdasarkan ukuran presentasi yang berbeda
  • Jaga agar judul dan teks Anda tetap jelas dan singkat
  • Cobalah untuk menghindari menambahkan teks di atas gambar
  • Membuat gambar iklan dengan berbagai ukuran

Pastikan situs web Anda sesuai dengan ADA

61 juta orang di Amerika Serikat hidup dengan disabilitas. Memiliki situs web yang dapat diakses berarti mengakomodasi pengguna dengan disabilitas yang mungkin tuna rungu, buta warna, atau memiliki disabilitas lain yang tidak terlihat.

Semakin banyak orang yang dapat berinteraksi dengan situs web Anda, semakin besar kemungkinan mereka untuk bertahan dan melakukan konversi. Konsep ini sangat penting untuk pengindeksan yang mengutamakan seluler.

Membuat situs web Anda mudah diakses akan menguntungkan semua pengguna, tidak hanya bagi mereka yang memiliki keterbatasan. Pengalaman pelanggan yang lebih baik disediakan oleh situs web ramah seluler yang mudah digunakan, memiliki struktur konten yang jelas, dan memberikan teks alternatif untuk gambar, di antara fitur-fitur aksesibilitas lainnya.

Mengupayakan aksesibilitas situs web juga merupakan keputusan komersial yang bijaksana selain sebagai keputusan etis. Sangat penting untuk mengenali implikasi hukum dalam memastikan aksesibilitas. Sebagai contoh, peraturan seperti Undang-Undang Penyandang Disabilitas Amerika (ADA) berdampak pada perusahaan-perusahaan AS dan mewajibkan situs web mereka, yang mencerminkan tempat fisik mereka, untuk memberikan pengalaman yang komprehensif bagi semua pengunjung.

Anda dapat menggunakan pemeriksa aksesibilitas situs web gratis, seperti accessiBe, yang secara akurat menilai status aksesibilitas situs web Anda saat ini untuk menentukan apakah situs web Anda sesuai dengan peraturan yang berlaku.

website accessibility checker Sumber Gambar

Perkenalkan Ranktracker

Platform Lengkap untuk SEO yang Efektif

Di balik setiap bisnis yang sukses adalah kampanye SEO yang kuat. Namun dengan banyaknya alat dan teknik pengoptimalan yang dapat dipilih, mungkin sulit untuk mengetahui dari mana harus memulai. Nah, jangan takut lagi, karena saya punya hal yang tepat untuk membantu. Menghadirkan platform lengkap Ranktracker untuk SEO yang efektif

Kami akhirnya membuka pendaftaran ke Ranktracker secara gratis!

Buat akun gratis

Atau Masuk menggunakan kredensial Anda

Cara lain untuk membuat situs web Anda lebih mudah diakses adalah dengan:

  • Menggunakan warna yang konsisten di situs web Anda. Pastikan untuk menghindari penggunaan warna-warna neon yang sangat terang dan sulit dibaca.
  • Menambahkan teks alternatif ke gambar Anda untuk mengakomodasi penyandang disabilitas yang menggunakan pembaca layar.
  • Menggunakan struktur konten yang jelas sehingga pengguna dapat menemukan informasi penting dengan cepat dan mudah.

Setelah Anda menerapkan beberapa praktik terbaik ini, periksa kepatuhan situs web Anda, menurut Undang-Undang Penyandang Disabilitas Amerika (ADA). Jika halaman Anda mendapatkan skor lulus, Anda siap untuk melanjutkan.

Access Scan (Sumber Gambar)

Mengembangkan situs web yang mudah diakses menjamin bahwa semua orang terlibat, terinformasi, dan siap untuk melakukan konversi.

Hal-hal penting yang dapat diambil

Secara keseluruhan, pengindeksan yang mengutamakan seluler telah menetapkan standar yang lebih tinggi tentang bagaimana situs web seharusnya terlihat dan berkinerja di internet. Mesin pencari sekarang lebih tertarik pada bagaimana situs web Anda melayani pengguna seluler.

Dengan mengikuti panduan ini, Anda akan mendapatkan gambaran yang lebih jelas tentang cara mengelola situs web yang ramah seluler dan mengakomodasi lebih banyak pengguna seluler.

Yoni Yampolsky

Yoni Yampolsky

Marketing Manager, Elementor

is a Marketing Manager for Elementor. With more than 10 million active users, Elementor empowers just about anyone to create stunning WordPress websites, code-free. Elementor now offers best-in-class, built-in cloud hosting features. You can build and host your WordPress site in one, single platform.

Link: Elementor

Mulai gunakan Ranktracker... Gratis!

Cari tahu apa yang menghambat situs web Anda untuk mendapatkan peringkat.

Buat akun gratis

Atau Masuk menggunakan kredensial Anda

Different views of Ranktracker app