Mobil Öncelikli İndeksleme Nedir?

Google botları siteleri akıllı telefon kullanıcı aracısı (smartphone user-agent) ile tarar. Masaüstü sürüm ikincil plandadır. İçerik, yapılandırılmış veri ve bağlantılar mobil DOM üzerinde yoksa indekslenmez. Bu rehber, sitenizi teknik standartlara getirmek için gereken adımları içerir.

Modern Dijital Strateji ve Mobil Tasarım Trendleri

Mevcut web trendleri, masaüstü sitenin küçültülmesi yerine mobil tabanlı kodlamayı zorunlu kılar. Başarılı bir dijital strateji için performans, erişilebilirlik ve UI öğeleri mobilde masaüstüyle birebir eşleşmelidir.

Adım Adım Mobil Öncelikli Standartlar

Adım 1: Viewport ve Temel HTML Yapılandırması

Tüm sayfalarda standart viewport meta etiketini tanımlayın. Ölçekleme engeli koymayın (user-scalable=no kullanmayın).

<meta name='viewport' content='width=device-width, initial-scale=1.0'>

Adım 2: İçerik ve DOM Paritesini Sağlama

Mobil ve masaüstü sürümlerde aynı içeriği sunun. Mobilde gizlenen metinler, tablolar veya görseller SEO kaybına yol açar.

Metin Paritesi: Masaüstündeki tüm başlık (H1-H6) ve metin gövdesi mobilde de yer almalı.
Meta Veriler: Title, meta description ve Open Graph etiketleri iki sürümde birebir aynı olmalı.
Yapılandırılmış Veri: Schema.org işaretlemeleri (Product, Article, FAQ vb.) mobilde eksiksiz sunulmalı.

Adım 3: Görsel ve Medya Optimizasyonu

Gereksiz bant genişliği kullanımını ve Cumulative Layout Shift (CLS) sorunlarını engelleyin.

Vektörel ikonlar için SVG, fotoğraflar için WebP/AVIF formatı tercih edin.
Tüm <img> etiketlerinde width ve height özniteliklerini tanımlayın.
Ekran dışı görsellerde loading='lazy' kullanın.
CSS srcset ve <picture> elemanlarıyla cihaza uygun çözünürlük iletin.

Adım 4: Core Web Vitals ve Performans İyileştirmesi

Mobil donanımlar masaüstü işlemcilere göre daha yavaştır. DOM boyutunu 1500 düğümün altında tutun.

Largest Contentful Paint (LCP): LCP görseline fetchpriority='high' ekleyin, kritik CSS'i satır içi (inline) yükleyin.
Interaction to Next Paint (INP): Uzun JavaScript görevlerini (Long Tasks) parçalayın. Web Worker kullanarak ana iş parçacığını (main thread) boşaltın.
Cumulative Layout Shift (CLS): Dinamik yüklenen reklam ve banner alanlarına CSS ile sabit yükseklik (min-height) atayın.

Adım 5: Mobil Kullanılabilirlik ve Dokunma Alanları

Dokunmatik ekran etkileşimlerini standart hale getirin.

Etkileşimli buton ve bağlantı boyutları minimum 48x48 piksel olmalıdır.
Tıklanabilir elemanlar arasında en az 8 piksel boşluk bırakın.
Yazı tipi boyutunu taban olarak minimum 16px ayarlayın; yakınlaştırma ihtiyacını ortadan kaldırın.

Teknik Doğrulama: Google Search Console üzerinde 'URL Denetimi' aracını kullanarak sayfanın mobil bot tarafından nasıl render edildiğini kontrol edin. Eksik kaynak (CSS/JS) olup olmadığını test edin.