Mobil Öncelikli İndeksleme Nedir?

Google akıllı telefon botu siteleri tarar. Masaüstü sürüm yerine mobil sürüm indekslenir, sıralama mobil içeriğe göre belirlenir. Eksik içerik mobil sitede yoksa sıralama düşer. Bir dijital ajans için bu standart zorunludur.

Adım 1: Viewport ve Responsive Temelleri

Doğru viewport tanımla. Sayfa boyutunu ekrana eşitle:

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

Yatay kaydırmayı engelle. Sabit piksel genişlikleri yerine esnek birimler (%, rem, vw, vh) kullan.

Adım 2: CSS Modern Web Mimarisi

Mobil öncelikli medya sorguları yaz. Min-width kullan:

/* Temel mobil stilleri */
.container {
  width: 100%;
  padding: 1rem;
}

/* Masaüstü kırılım noktası */
@media (min-width: 768px) {
  .container {
    max-width: 1200px;
    margin: 0 auto;
  }
}

CSS Grid ve Flexbox kullan. Harici framework yükleme, native platform özelliği yeterli.

Adım 3: Eşit İçerik ve Yapılandırılmış Veri

Masaüstünde olan tüm metin, görsel ve yapılandırılmış veri mobil sürümde de bulunmalı.

Yapısal Veri: Schema.org işaretlemelerini her iki sürümde de aynı tut.
Meta Veriler: Title, description etiketleri mobilde masaüstüyle birebir eşleşmeli.
lazy-loading: Yerel HTML özelliğini kullan: <img src="gorsel.webp" loading="lazy" alt="rehber görseli">.

Adım 4: Core Web Vitals Optimizasyonu

Mobil bağlantılar yavaş olabilir. Performans adımları:

LCP: Kritik görseli önceden yükle (<link rel="preload" as="image" ...>).
CLS: Görsellere ve videolara kesin width ve height öznitelikleri ata.
INP: Ana iş parçacığını (main thread) bloke eden ağır JavaScript kodlarını kaldır veya ertele (defer).

Dijital Ajanslar İçin Trendler ve Kontrol Listesi

Trendler masaüstü tasarımın değil, mobil deneyimin birincil öncelik olduğunu gösterir. Modern web projelerinde masaüstünden küçültme değil, mobilden büyütme yaklaşımı esastır.

Dokunmatik hedefler (butonlar, linkler) en az 48x48 piksel aralığında olmalı.
Font boyutu gövde metni için minimum 16px seçilmeli.
Google Search Console Mobil Kullanılabilirlik ve Sayfa Deneyimi raporları düzenli taranmalı.