seokita.id

SEO teknis, riset keyword, on-page optimization untuk pasar Indonesia

Mobile First Indexing SEO Tips yang Benar-Benar Bekerja

by Bayu Wicaksono
Mobile First Indexing SEO Tips yang Benar-Benar Bekerja

Banyak yang mengira mobile first indexing cukup diurus dengan pasang tema responsif, lalu selesai. Kenyataannya tidak sesederhana itu.

Sejak Juli 2024, Google secara resmi menyatakan bahwa semua situs diindeks menggunakan Googlebot Smartphone. Tidak ada lagi pengecualian. Kalau situs kamu masih memprioritaskan versi desktop — baik dari sisi konten, struktur, maupun performa — kamu sedang membuang potensi ranking secara perlahan.

Artikel ini bukan teori. Saya akan bahas mobile first indexing SEO tips berdasarkan pengalaman audit puluhan situs Indonesia, lengkap dengan contoh konkret dan angka yang bisa kamu verifikasi sendiri.

Kenapa Mobile First Indexing Masih Sering Disalahpahami

Sebagian besar klien yang datang ke saya sudah punya situs "responsif". Tema mereka memang menyesuaikan layar. Tapi responsif secara visual ≠ siap untuk mobile first indexing.

Ada tiga kesalahan yang paling sering saya temukan:

1. Konten disembunyikan di mobile tapi tetap ada di desktop. Beberapa developer menyembunyikan blok teks panjang di mobile pakai display: none atau visibility: hidden supaya tampilan lebih bersih. Masalahnya, Google mengindeks versi mobile. Konten yang disembunyikan secara CSS mungkin masih diindeks, tapi Google memberi bobot lebih rendah pada konten yang tidak terlihat oleh pengguna.

2. Structured data tidak konsisten antara mobile dan desktop. Saya pernah audit satu situs e-commerce di niche otomotif — versi desktopnya punya markup Product lengkap dengan offers, aggregateRating, dan sku. Versi mobilenya? Tidak ada sama sekali. Hasilnya: rich snippet hilang dari SERP meski structured data "ada" di situs.

3. Kecepatan mobile diabaikan karena Core Web Vitals dilihat dari data desktop. Google Search Console menampilkan data terpisah. Banyak yang cuma cek tab "Desktop" dan merasa aman. Padahal tab "Mobile" bisa merah semua.

Cara Audit Mobile First Indexing dalam 30 Menit

Sebelum mulai optimasi, kamu perlu tahu kondisi aktual situs. Ini workflow yang saya pakai:

1. Cek Googlebot yang Merayapi Situsmu

Buka Google Search Console → Settings → Crawl Stats → Crawl Requests Breakdown. Lihat bagian "Googlebot type". Kalau mayoritas adalah Googlebot Smartphone, situs kamu sudah di-crawl dengan mobile first indexing. Kalau masih banyak Googlebot Desktop, ada sesuatu yang perlu dicek lebih dalam.

2. Bandingkan Konten Mobile vs Desktop Secara Manual

Gunakan Chrome DevTools. Buka halaman → F12 → klik ikon toggle device toolbar (Ctrl+Shift+M) → pilih dimensi mobile (misalnya iPhone 12 Pro, 390×844). Scroll halaman dan bandingkan dengan versi desktop.

Perhatikan:

  • Apakah semua heading H1, H2 masih ada?
  • Apakah teks utama tidak terpotong?
  • Apakah internal link tetap muncul?

3. Gunakan URL Inspection di GSC

Masukkan URL spesifik di Google Search Console → URL Inspection → klik "Test Live URL" → pilih "Mobile". Google akan merender halaman seperti yang dilihat Googlebot Smartphone. Screenshot yang muncul seringkali mengejutkan — ada elemen yang tidak muncul sama sekali.

Mobile First Indexing SEO Tips: Optimasi Konten

Ini bagian yang paling sering dilewati karena semua fokus ke teknis. Padahal konten adalah inti dari indexing.

Pastikan konten versi mobile identik dengan desktop. Bukan berarti tampilannya harus sama persis. Tapi informasi yang ada di desktop harus juga ada di mobile. Kalau kamu pakai tab, accordion, atau collapsed section di mobile — itu masih oke. Google bisa membaca konten di dalam elemen tersebut. Yang bermasalah adalah kalau konten benar-benar tidak ada di DOM mobile.

Jangan beda-bedakan heading structure. Saya pernah lihat situs yang di desktop punya H1 "Jual Mobil Bekas Jakarta" tapi di mobile H1-nya diganti jadi "Cari Mobil?" karena developer merasa lebih ringkas. Itu merusak sinyal topical relevance untuk keyword utama.

Internal link harus hadir di mobile. Banyak situs menyederhanakan navigasi mobile sampai menghilangkan internal link kontekstual di dalam body artikel. Padahal internal link adalah salah satu cara Google memahami arsitektur situs dan mendistribusikan PageRank. Kalau link itu hanya ada di desktop, Google tidak akan menghitungnya.

Optimasi Kecepatan untuk Mobile First Indexing

Core Web Vitals di mobile lebih ketat dari desktop. Ini karena koneksi dan hardware yang lebih terbatas. Target yang saya kejar untuk situs klien Indonesia:

Metrik Target Catatan
LCP (Largest Contentful Paint) < 2,5 detik Sering bermasalah di hero image
INP (Interaction to Next Paint) < 200ms Gantikan FID sejak Maret 2024
CLS (Cumulative Layout Shift) < 0,1 Iklan dan font sering jadi biang

LCP di mobile paling sering rusak karena hero image tidak dioptimasi. Solusi paling cepat: konversi gambar ke format WebP, tambahkan atribut loading="eager" dan fetchpriority="high" di tag <img> untuk gambar LCP. Jangan lazy-load gambar yang ada di viewport pertama.

Contoh markup yang benar:

<img
  src="/images/hero-mobil-bekas.webp"
  alt="Jual beli mobil bekas terpercaya di Jakarta"
  width="1200"
  height="630"
  fetchpriority="high"
  loading="eager"
/>

CLS di mobile sering disebabkan iklan AdSense atau banner promo. Reservasi ruang untuk elemen yang dimuat belakangan. Kalau kamu pakai AdSense, tambahkan CSS untuk fixed height di container iklan:

.ad-container {
  min-height: 250px; /* sesuaikan dengan ukuran unit iklan */
  width: 100%;
}

INP — metrik paling baru dan paling diabaikan. INP menggantikan FID sejak Maret 2024. Ini mengukur responsivitas interaksi sepanjang sesi, bukan hanya interaksi pertama. Kalau situs kamu banyak pakai JavaScript berat (misalnya slider, popup, atau live chat widget), INP mobile bisa jelek. Audit dengan PageSpeed Insights dan lihat bagian "Diagnose Performance Issues".

Structured Data dan Mobile First Indexing

Ini area yang underrated. Banyak panduan SEO tidak menyebut ini secara eksplisit, tapi dari pengalaman saya ini krusial.

Pastikan structured data ada di versi mobile. Kalau situs kamu menggunakan JavaScript untuk inject structured data (misalnya via GTM atau script async), ada risiko Googlebot tidak membacanya saat merender versi mobile. Cara paling aman: taruh JSON-LD structured data langsung di <head> atau di dalam <body> secara server-side.

Cek dengan cara ini:

  1. Buka halaman di Chrome
  2. Aktifkan device toolbar ke mode mobile
  3. Klik kanan → View Page Source
  4. Cari application/ld+json

Kalau JSON-LD tidak muncul di page source (tapi muncul di "Inspect Element"), artinya structured data diinject via JavaScript dan mungkin tidak terbaca dengan konsisten.

Gunakan Rich Results Test dengan user agent mobile. Buka search.google.com/test/rich-results, masukkan URL, dan pastikan hasilnya valid. Tool ini secara default menggunakan Googlebot Smartphone.

Pengalaman Nyata: Situs Keuangan yang Kehilangan 40% Traffic

Ini studi kasus dari klien saya di niche keuangan (nama disamarkan). Situs mereka punya sekitar 80.000 organic visits/bulan di awal 2023. Setelah Google mengkonfirmasi migrasi penuh mobile first indexing di pertengahan 2023, traffic turun bertahap ke sekitar 48.000 visits/bulan dalam 4 bulan.

Setelah audit, saya temukan tiga masalah utama:

  1. Tabel perbandingan produk keuangan hanya ada di desktop (di mobile diganti dengan list sederhana tanpa data lengkap)
  2. Structured data FAQPage diinject via JavaScript yang tidak dirender Googlebot Smartphone
  3. LCP mobile rata-rata 5,8 detik karena hero image 1,2MB tanpa kompresi

Setelah perbaikan berlangsung sekitar 6 minggu, traffic kembali ke 74.000 visits/bulan. Tidak sempurna, tapi signifikan. Pelajaran: jangan tunggu traffic turun dulu baru audit.

Kalau kamu ingin memahami lebih dalam bagaimana Google merayapi dan mengindeks konten, baca artikel saya tentang cara kerja crawl budget dan prioritas indexing — ada kaitannya langsung dengan mobile first indexing.

Untuk optimasi on-page yang lebih holistik, artikel tentang struktur heading H1 H2 H3 yang benar untuk SEO Indonesia juga relevan karena heading structure di mobile sering jadi titik lemah.

Checklist Mobile First Indexing SEO Tips Sebelum Publish

Saya pakai checklist ini sebelum setiap artikel atau halaman baru dipublish:

  • Konten body teks identik antara mobile dan desktop
  • H1 dan H2 tidak diubah atau disembunyikan di mobile
  • Semua internal link kontekstual ada di versi mobile
  • Gambar LCP pakai fetchpriority="high" dan format WebP
  • Structured data ada di server-side, bukan hanya via JavaScript async
  • CLS < 0,1 di PageSpeed Insights (mobile tab)
  • LCP < 2,5 detik di koneksi simulasi 4G (PageSpeed Insights default)
  • URL Inspection di GSC menunjukkan konten lengkap di versi mobile

Kesimpulan: Satu Hal yang Harus Kamu Lakukan Besok

Mobile first indexing SEO tips yang paling sering diabaikan bukan soal kecepatan atau structured data — tapi soal paritas konten. Pastikan tidak ada satu pun konten penting yang hilang di versi mobile.

Besok, ambil 5 halaman terpenting di situsmu — halaman dengan traffic tertinggi atau target keyword paling kompetitif. Buka masing-masing di Chrome dengan device toolbar aktif (mode iPhone 12 Pro atau Pixel 5). Bandingkan dengan versi desktop. Catat semua perbedaan.

Kalau kamu menemukan konten yang hilang, itu prioritas pertama yang harus diperbaiki — sebelum mikirin backlink baru, sebelum mikirin konten baru.

Sudah audit situsmu? Tulis di komentar apa yang kamu temukan — saya baca semua komentar dan sering balas dengan saran spesifik.