Mobile SEO adalah seluruh pekerjaan yang memastikan situs web Anda berfungsi dengan baik di ponsel dan tablet, baik untuk pengguna maupun mesin pencari. Di Indonesia, sebagian besar penggunaan internet dilakukan lewat ponsel, dan Google kini menilai situs Anda terutama dari versi mobile-nya. Artinya, pengalaman mobile bukan "fitur tambahan", melainkan wajah utama situs Anda. Dalam panduan ini Anda akan menemukan dasar-dasar mobile SEO, kesalahan yang sering terjadi, dan cara mengujinya.
Apa itu mobile SEO?
Mobile SEO adalah perubahan teknis dan konten yang dilakukan agar halaman Anda tampil benar di layar kecil, terbuka dengan cepat, mudah digunakan, dan dirayapi serta diindeks dengan lengkap oleh Google. Meski tampak seperti disiplin yang terpisah dari SEO desktop, tujuannya sama: membawa orang yang tepat ke halaman yang tepat dengan gesekan seminimal mungkin. Bedanya, di ponsel kesabaran pengguna lebih rendah, layarnya lebih kecil, dan koneksinya sering kali lebih lambat.
Apa arti mobile-first indexing?
Mobile-first indexing berarti Google merayapi, mengindeks, dan memberi peringkat berdasarkan versi mobile sebuah situs. Setelah masa transisi bertahun-tahun, Google menjadikan pendekatan ini sebagai default untuk semua situs. Akibat praktisnya: konten, tautan, atau data terstruktur yang tidak ada di halaman mobile Anda bisa dianggap tidak ada bagi Google, meskipun ada di desktop.
- Teks yang disembunyikan atau dipangkas di mobile tidak menggantikan teks yang ditampilkan di desktop.
- Tautan internal yang hilang di mobile melemahkan perayapan dan penyaluran otoritas.
- Sumber daya yang diblokir di mobile (CSS, JS, gambar) membuat Google tidak bisa "melihat" halaman dengan benar.
Desain responsif dan viewport
Ada tiga pilihan untuk mobile: desain responsif (responsive), penyajian dinamis, dan situs mobile terpisah (subdomain m.). Pilihan yang direkomendasikan Google dan paling mudah dirawat adalah desain responsif: satu alamat, satu HTML, dan CSS yang menyesuaikan lebar layar.
| Metode | Keuntungan | Kekurangan |
|---|---|---|
| Desain responsif | Satu URL, mudah dirawat, konten setara secara alami | Membutuhkan usaha desain dan pengujian |
| Penyajian dinamis | Dapat menyajikan HTML khusus perangkat | Rumit; konfigurasi yang salah membuat konten berbeda |
| Situs mobile terpisah (m.) | Antarmuka khusus mobile | Dua situs untuk dikelola, risiko kesalahan pengalihan dan canonical |
Dasar desain responsif adalah tag viewport di bagian <head> halaman:
<meta name="viewport" content="width=device-width, initial-scale=1">
Tanpa tag ini, browser mobile akan menggambar halaman dengan lebar desktop lalu memperkecilnya; teks menjadi tidak terbaca. Selain itu, alih-alih menetapkan lebar halaman dengan piksel tetap (misalnya 1200px), gunakan persentase, max-width, dan media query CSS.
Kesetaraan konten desktop dan mobile
Kesalahan paling umum dalam mobile-first indexing adalah "menyederhanakan" konten di versi mobile. Deskripsi teks yang dihapus untuk memberi ruang di menu, tabel yang disembunyikan, atau ulasan yang tidak dimuat di mobile bisa langsung hilang dari indeks. Hal yang perlu Anda periksa:
- Teks utama: Judul dan paragraf harus sama di kedua versi. Teks yang ditampilkan dalam akordion atau tab tidak masalah; yang bermasalah adalah teks yang dihapus sepenuhnya.
- Judul, meta description, dan canonical: Harus membawa nilai yang sama di kedua versi.
- Data terstruktur (schema): Markup yang ada di desktop tetapi tidak di mobile akan hilang.
- Gambar dan video: Harus tetap dapat diakses di mobile, dan teks alternatifnya dipertahankan.
- Tautan internal: Meskipun menu disederhanakan, tautan ke halaman penting tetap harus ada di mobile; untuk detailnya, lihat artikel kami tentang metode meningkatkan trafik organik.
Target sentuh dan keterbacaan
Jari jauh kurang presisi dibanding kursor mouse. Karena itu, tombol, tautan, dan kolom formulir harus cukup besar dan berjauhan. Ukuran yang umum diterima:
- Ukuran target sentuh: Minimal sekitar 48x48 piksel CSS (rentang yang ditunjukkan pedoman Google dan aksesibilitas).
- Jarak antar target: Minimal 8 piksel di antara dua tautan yang berdampingan, agar jari tidak menekan elemen yang salah.
- Ukuran huruf: Teks isi minimal 16 piksel; pengguna yang harus memperbesar teks kecil akan meninggalkan halaman.
- Panjang dan jarak baris: Di layar sempit, baris pendek dan jarak baris yang lapang.
- Pop-up: Jendela yang menutupi sebagian besar layar dan sulit ditutup membuat pengguna frustrasi, dan bisa terkena penilaian Google tentang "interstisial yang mengganggu".
Uji praktis: Pegang ponsel Anda dengan satu tangan, cari produk di situs Anda, lalu tambahkan ke keranjang. Setiap titik yang tidak bisa dijangkau ibu jari, tertekan secara tidak sengaja, atau harus diperbesar dulu adalah masalah mobile SEO yang perlu diperbaiki.
Kecepatan mobile
Di perangkat mobile, prosesor dan koneksi biasanya lebih lemah daripada desktop, sehingga halaman yang sama dimuat lebih lambat. Metrik pengalaman pengguna Google, yaitu LCP, INP, dan CLS, juga dinilai dari data mobile. Untuk nilai ambang yang lebih rinci, lihat artikel kami tentang Core Web Vitals. Peningkatan yang paling efektif di mobile:
- Ubah gambar ke format WebP/AVIF dan sajikan dengan ukuran yang sesuai lebar perangkat (
srcset). - Muat gambar dan iframe di bawah layar secara tertunda.
- Bersihkan JavaScript dan CSS yang tidak terpakai; batasi skrip pihak ketiga.
- Persingkat waktu respons server dengan caching dan CDN.
- Kurangi jumlah font, dan gunakan
font-display: swap. - Berikan ukuran tetap pada area gambar dan iklan agar tidak bergeser saat halaman dimuat.
Navigasi dan desain menu di mobile
Menu lebar di desktop berfungsi dengan baik; di ponsel, dibutuhkan solusi seperti menu hamburger, bilah navigasi bawah, atau kategori yang bisa dibuka. Menu mobile yang baik memiliki ciri: tiga sampai lima halaman terpenting bisa dicapai dengan satu ketukan, kotak pencarian terlihat, tombol "kembali" bekerja sebagaimana mestinya, dan halaman di belakang menu yang terbuka tidak ikut bergeser. Saat menyederhanakan menu, jangan menghapus tautan internal yang penting; karena Google mengutamakan versi mobile, tautan yang tidak ada di mobile juga bisa memengaruhi distribusi otoritas halaman.
Formulir dan alur pembayaran di mobile
Pengunjung mobile jauh lebih mudah menyerah saat mengisi formulir atau memesan dibanding di desktop. Kurangi jumlah kolom, tampilkan jenis keyboard yang tepat (angka untuk telepon, keyboard dengan @ untuk email), dukung isi otomatis, dan tampilkan pesan kesalahan tepat di samping kolom. Pada tahap pembayaran, metode satu ketukan seperti dompet digital atau e-wallet bisa meningkatkan konversi secara nyata. Meskipun perbaikan ini bukan faktor peringkat langsung, perbaikan ini adalah cara tercepat mengubah trafik organik menjadi pelanggan sungguhan.
Kesalahan yang merusak pengalaman mobile
| Kesalahan | Dampak | Solusi |
|---|---|---|
| Tag viewport tidak ada | Halaman mengecil, teks tidak terbaca | Tambahkan tag meta viewport |
| Scroll horizontal | Gambar/tabel yang meluap membuat pengguna lelah | max-width: 100%, wadah tabel yang bisa digulir |
| CSS/JS terblokir | Google tidak bisa merender halaman dengan benar | Jangan blokir sumber daya di robots.txt |
| Flash/plugin lama | Tidak berfungsi sama sekali di mobile | Gunakan alternatif HTML5 |
| Pengalihan yang salah | Pengguna mobile mendarat di halaman yang tidak relevan | Alihkan ke URL mobile yang sesuai dengan halaman desktop |
| Target sentuh kecil | Salah ketuk, pengguna pergi | Target sekitar 48 piksel |
Lihat data nyata: Tes laboratorium hanya mensimulasikan satu perangkat dan satu kondisi jaringan. Pengguna Anda membuka situs dengan berbagai ponsel dan koneksi. Laporan Core Web Vitals di Search Console menampilkan pengalaman pengguna nyata ini secara terpisah untuk mobile dan desktop; saat menentukan prioritas, percayalah pada data ini lebih dari skor laboratorium.
Proporsi trafik mobile berbeda-beda menurut sektor. Di bidang kuliner, jasa lokal, dan belanja, mayoritas kunjungan biasanya berasal dari ponsel, sedangkan di situs B2B dan perangkat lunak, proporsi desktop bisa lebih tinggi. Lihat proporsi Anda sendiri di laporan kategori perangkat Google Analytics dan sesuaikan bobot pekerjaan Anda. Namun ingat: Google menggunakan versi mobile Anda untuk peringkat, meskipun sebagian besar pengunjung Anda datang dari desktop.
Alat uji dan daftar periksa
Ada alat gratis dan tepercaya untuk mengukur kondisi mobile Anda:
- PageSpeed Insights: Memberikan hasil Core Web Vitals terpisah untuk mobile dan desktop beserta saran perbaikan.
- Search Console → Inspeksi URL: Menunjukkan bagaimana Googlebot mobile melihat halaman Anda. Untuk pengaturannya, lihat panduan pemula Search Console kami.
- Mode perangkat Chrome DevTools: Mensimulasikan berbagai ukuran layar dan jaringan lambat.
- Uji perangkat nyata: Mencoba secara langsung di beberapa ponsel dan browser berbeda tidak bisa digantikan oleh simulasi mana pun.
Daftar periksa singkat:
- Apakah tag meta viewport sudah ada?
- Apakah konten utama, judul, dan data terstruktur di mobile sama dengan desktop?
- Apakah target sentuh cukup besar dan teksnya mudah dibaca?
- Apakah halaman di mobile memenuhi ambang Core Web Vitals?
- Apakah CSS, JS, dan gambar tidak diblokir oleh robots.txt?
- Apakah pop-up dan iklan tidak menutupi konten?
Jika trafik mobile Anda jelas langsung meninggalkan sebuah halaman, Anda juga bisa menelusuri penyebabnya dengan langkah-langkah dalam panduan kami tentang rasio pentalan.
Satu pengingat terakhir: perbaikan mobile bukan proyek sekali jadi. Plugin baru, skrip iklan, atau pembaruan desain bisa merusak pengalaman mobile dalam semalam. Setelah perubahan besar, biasakan menguji beberapa halaman representatif kembali.
Kesimpulan
Mobile SEO adalah syarat dasar di dunia tempat Google menilai situs Anda melalui versi mobile. Mulailah dari desain responsif, jaga kesetaraan konten, sesuaikan target sentuh dan ukuran huruf dengan jari, lalu ukur kecepatan dengan data mobile. Setelah itu, lakukan pemeriksaan rutin dengan Search Console dan PageSpeed Insights. Pengalaman mobile yang sempurna tidak menjamin peringkat, tetapi menghapus hambatan yang membuat pengguna pergi dan membuka jalan agar konten Anda menunjukkan performa yang layak.