Mobile-First Indexing: Panduan SEO Mobile

Mobile-first indexing bermaksud Google sebahagian besarnya menggunakan versi mobile kandungan laman web untuk indexing dan ranking. Sejak 2021, semua laman web diindex mobile-first. Kandungan laman mobile anda, structured data, dan metadata menentukan kedudukan anda dalam hasil carian mobile dan desktop.

Apa Itu Mobile-First Indexing?

Mobile-first indexing ialah pendekatan Google menggunakan versi mobile laman web anda sebagai versi utama untuk indexing dan ranking.

Perkara utama:

• Google crawl terutamanya dengan Googlebot Smartphone
• Kandungan mobile menentukan ranking
• Mempengaruhi hasil carian mobile dan desktop
• Semua tapak diindex mobile-first sejak 2021

Kenapa Mobile-First Penting

Tingkah Laku Carian

Carian mobile melebihi desktop dalam kebanyakan pasaran. Di Malaysia, penembusan telefon pintar melebihi 97%, menjadikan pengoptimuman mobile tidak boleh ditawar bagi mana-mana tapak yang menyasarkan audiens Malaysia.

Statistik:

• 60%+ carian adalah mobile secara global
• Membeli-belah mobile terus berkembang
• Carian suara terutamanya mobile
• Carian tempatan kebanyakannya mobile

Impak Ranking

Jika laman mobile anda mempunyai kandungan atau fungsi kurang berbanding desktop:

• Ranking mungkin merosot
• Ciri-ciri mungkin tidak diindex
• Pengalaman pengguna terjejas

Pilihan Konfigurasi Mobile

Reka Bentuk Responsif (Disyorkan)

URL tunggal menyajikan semua peranti dengan CSS menyesuaikan layout.

<meta name="viewport" content="width=device-width, initial-scale=1">

Kelebihan:

• URL tunggal untuk diselenggara
• Tiada percanggahan kandungan
• Lebih mudah untuk enjin carian
• Pengalaman pengguna lebih baik

Dynamic Serving

URL yang sama menyajikan HTML berbeza berdasarkan user agent.

Pertimbangan:

• Memerlukan header Vary: User-Agent
• Lebih kompleks untuk diselenggara
• Risiko cloaking jika tersalah konfigurasi

URL Berasingan (Tidak Disyorkan)

URL berbeza untuk mobile (m.domain.com) dan desktop.

Isu:

• Cabaran penyelarasan kandungan
• Lebih banyak URL untuk diselenggara
• Berpotensi untuk percanggahan
• Memerlukan anotasi yang betul

Keperluan SEO Mobile

Content Parity

Mobile dan desktop sepatutnya mempunyai kandungan yang setara.

Mesti sepadan:

• Kandungan utama
• Heading
• Pautan dalaman
• Imej dan video
• Structured data

Isu biasa:

• Kandungan tersembunyi pada mobile (accordion tertutup dengan teks kritikal)
• Kurang imej/video
• Teks dipotong
• Bahagian yang hilang

Structured Data

Sertakan semua structured data pada versi mobile.

Pastikan:

• Schema markup yang sama pada mobile
• URL yang betul dalam schema
• Uji dengan Rich Results Test menggunakan URL mobile

Metadata

Title tags dan meta descriptions mesti ada pada mobile.

Semak:

• Title yang sama pada mobile dan desktop
• Meta descriptions yang sama
• Tag meta viewport hadir

Imej dan Video

Media sepatutnya dioptimumkan untuk mobile.

Keperluan:

• Teks alt yang sama pada mobile
• URL yang boleh diakses
• Lazy load yang betul
• Saiz responsif

Kebolehgunaan Mobile

Reka Bentuk Mesra Sentuhan

Elemen	Saiz Minimum
Tap target	48x48 piksel CSS
Jarak	8px antara target
Saiz font	16px minimum

Konfigurasi Viewport

<meta name="viewport" content="width=device-width, initial-scale=1">

Elakkan:

• Viewport lebar tetap
• Zoom dilumpuhkan (user-scalable=no)
• Kandungan lebih lebar dari skrin

Tiada Interstitial Mengganggu

Elakkan popup yang menghalang kandungan:

• Iklan skrin penuh sebelum kandungan
• Gesaan pemasangan aplikasi yang wajib
• Overlay yang sukar ditutup

Boleh diterima:

• Pengesahan umur (keperluan undang-undang)
• Persetujuan cookie (keperluan undang-undang)
• Banner kecil

Page Speed Mobile

Pengguna mobile sering melayari pada sambungan yang lebih perlahan, terutamanya di luar kawasan bandar.

Sasaran Kelajuan

Metrik	Baik	Lemah
LCP	< 2.5s	> 4s
INP	< 200ms	> 500ms
CLS	< 0.1	> 0.25

Pengoptimuman Kelajuan Mobile

Pelayan:

• Guna CDN (tier percuma Cloudflare merangkumi node edge Asia Tenggara)
• Dayakan mampatan
• Optimumkan TTFB

Sumber:

• Mampat imej
• Guna format WebP/AVIF
• Minimumkan CSS/JS
• Lazy load kandungan bawah fold

Rendering:

• Hapuskan sumber render-blocking
• Inline CSS kritikal
• Tangguhkan JS tidak penting

Lihat Core Web Vitals untuk pengoptimuman terperinci.

Menguji Mobile-Friendliness

Alat Google

Alat	Tujuan
PageSpeed Insights	Prestasi + UX mobile
Search Console	Laporan isu kebolehgunaan mobile
Rich Results Test	Schema pada mobile

Ujian Manual

• Uji pada peranti sebenar (bukan hanya emulator)
• Guna Chrome DevTools device mode untuk semakan pantas
• Semak saiz skrin berbeza (375px, 414px, 768px)
• Uji interaksi sentuhan

Senarai Semak SEO Mobile

Konfigurasi

• Reka bentuk responsif dilaksanakan
• Tag meta viewport hadir
• Tiada scroll mendatar
• Kandungan menyesuaikan saiz skrin

Kandungan

• Kandungan sama pada mobile dan desktop
• Semua imej/video boleh diakses
• Tiada kandungan kritikal tersembunyi/tertutup
• Pautan dalaman sama

Teknikal

• Structured data sama pada mobile
• Meta tags sama pada mobile
• Robots.txt membenarkan crawl mobile
• Sumber (CSS/JS/imej) tidak diblock

Kebolehgunaan

• Tap target minimum 48px
• Saiz font minimum 16px
• Tiada interstitial mengganggu
• Borang berfungsi pada mobile

Prestasi

• Core Web Vitals lulus pada mobile
• Imej dioptimumkan
• Muat pantas pada 4G
• Pergeseran layout minimum

Kesilapan SEO Mobile Biasa

1. Kurang kandungan pada mobile - Content parity tidak boleh ditawar
2. Sumber diblock - Jangan block CSS/JS/imej dari Googlebot
3. Kelajuan mobile lambat - Optimumkan untuk rangkaian mobile
4. Tap target terlalu kecil - Pengguna tidak boleh klik butang kecil
5. Structured data hilang - Sertakan semua schema pada mobile
6. Popup mengganggu - Menjejaskan ranking dan UX
7. Media tidak boleh dimainkan - Pastikan video/audio berfungsi merentas peranti

Mobile-first indexing kini menjadi lalai. Kandungan mobile anda adalah apa yang Google guna untuk ranking dalam hasil mobile dan desktop.

Fokus pada reka bentuk responsif dengan content parity antara mobile dan desktop. Pastikan semua structured data, metadata, dan media hadir pada mobile. Optimumkan untuk Core Web Vitals dengan perhatian khusus pada prestasi mobile.

Uji dengan Chrome DevTools device mode dan semak laporan Mobile Usability Search Console secara berkala. Untuk tapak yang menyasarkan Malaysia dan Asia Tenggara, di mana trafik mobile mendominasi, melayan mobile sebagai pengalaman utama - bukan renungan terkemudian - adalah asas untuk kejayaan technical SEO.