Mobil SEO Optimizasyonu: Mobile First Indexing Tam Rehberi
Mobil SEO nedir, mobile first indexing nasıl çalışır ve sitenizi mobil için nasıl optimize edersiniz? Responsive tasarım, mobil hız ve kullanıcı deneyimi rehberi.
İçindekiler
Mobil SEO Neden Artık Birincil Öncelik?
Global web trafiğinin %60'ından fazlası artık mobil cihazlardan geliyor. Türkiye'de ise bu oran daha da yüksek — kullanıcıların büyük çoğunluğu Google aramalarını akıllı telefon ile yapıyor.
Google, 2019'dan itibaren Mobile First Indexing uyguluyor. Bu ne anlama geliyor?
Google artık sitenizin masaüstü versiyonuna değil, mobil versiyonuna bakıyor. Sıralamalar mobil sitenize göre belirleniyor.
Mobil siteniz yetersizse, masaüstünüz mükemmel olsa bile sıralamalarınız düşer.
Mobile First Indexing Nedir?
Geleneksel indexleme: Google, masaüstü sitesi → sıralama Mobile First Indexing: Google, mobil site → sıralama
Google'ın Googlebot-Mobile botu, sitenizin mobil versiyonunu tarar. İçerik, yapı ve teknik performans mobil görünüme göre değerlendirilir.
Pratik sonucu: Mobilde gizlenen içerik, mobilde yüklü ancak masaüstünde gösteren içerik sıralamanızı etkilemez — Google mobili önce görüyor.
Siteniz Mobil Uyumlu mu? Nasıl Kontrol Edilir
Google'ın resmi araçlarıyla mobil uyumluluğunuzu test edin:
- Google Mobile-Friendly Test: search.google.com/test/mobile-friendly
- Google Search Console: Geliştirmeler > Mobil Kullanılabilirlik
- PageSpeed Insights: pagespeed.web.dev — mobil skor ayrı gösteriliyor
1. Responsive Tasarım
Responsive tasarım, sitenizin farklı ekran boyutlarına otomatik uyum sağlamasıdır — tek bir HTML ile hem masaüstü hem mobil hem tablet için optimize görünüm sunar.
Viewport meta tag — zorunlu:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Bu tag olmadan tarayıcı siteyi masaüstü boyutunda gösterir ve mobil kullanıcıların sürekli zoom yapması gerekir.
Responsive Tasarımı Test Etmek
Chrome DevTools'da (F12):
- Mobil simgesine tıklayın (veya Ctrl+Shift+M)
- Farklı cihaz boyutlarını seçin (iPhone, Samsung Galaxy vb.)
- Yerleşim bozulması, metin taşması, tıklanamayan buton kontrolü
2. Mobil Sayfa Hızı
Mobil bağlantılar masaüstüne göre genellikle daha yavaştır. Bu yüzden mobil hız optimizasyonu özel dikkat gerektirir.
Core Web Vitals — Mobil Hedefler
Core Web Vitals metriklerini mobile'da da geçmeniz gerekiyor:
| Metrik | Hedef | Açıklama |
|---|---|---|
| LCP | < 2.5 saniye | En büyük içerik elemanının yüklenmesi |
| CLS | < 0.1 | Sayfa layout kayması |
| INP | < 200ms | Etkileşime verilen yanıt süresi |
Mobil Hız İçin Öncelikler
Kritik kaynakları küçültün:
- CSS ve JS dosyalarını minify edin
- Render-blocking kaynakları erteleyin
- Kullanılmayan CSS/JS kaldırın
Görselleri optimize edin:
- WebP formatı kullanın
- Responsive srcset ile mobil için küçük görsel sunun
- Lazy loading aktif edin
<img
src="gorsel-800.webp"
srcset="gorsel-400.webp 400w, gorsel-800.webp 800w"
sizes="(max-width: 600px) 400px, 800px"
alt="Açıklama"
loading="lazy"
>
Sunucu yanıt süresini iyileştirin:
- CDN kullanın
- Önbellek (cache) aktif edin
- Hosting planınızı gözden geçirin
Sayfa hızı optimizasyonu ve site hızını artırmanın yolları konularında ayrıntılı rehberlerimize bakın.
3. Mobil Kullanıcı Deneyimi (UX)
Teknik hız kadar, mobil kullanıcı deneyimi de sıralamayı etkiliyor.
Dokunmatik Hedef Boyutları
Parmakla rahatça tıklanabilmesi için:
- Buton ve linkler minimum 44x44 piksel
- Tıklanabilir öğeler arasında minimum 8 piksel boşluk
Küçük butonlar ve yan yana linkler mobil kullanıcıların yanlış tıklamasına neden olur.
Font Boyutu
- Minimum 16px gövde metni
- Başlıklarda (H1) 24px+
- Küçük metin (meta, dipnot) 12px altına inmeyin
Küçük font, kullanıcıların zoom yapmasına ve siteyi terk etmesine yol açar.
Yatay Kaydırma Önleyin
Mobilde yatay scroll kullanıcı deneyimini mahveder. Kontrol edin:
- Görseler container'dan taşıyor mu?
- Tablolar çok geniş mi?
- Sabit genişlikte (px) tanımlanmış öğeler var mı?
/* Taşmayı önlemek için */
img, video, iframe {
max-width: 100%;
height: auto;
}
Pop-up ve Interstitial
Google, mobilde agresif pop-up kullanımını cezalandırıyor. Kabul edilebilir:
- Küçük afiş (banner) reklamlar
- Hukuki zorunluluk (cookie notice)
- Login gerektiren içerik
Kabul edilemez:
- Sayfanın tamamını kapatan pop-up (açılır açılmaz)
- Kapatılması zor interstitial
- Yapay "devam et" butonunun arkasına içerik gizleme
4. Mobil İçerik Stratejisi
Mobile First Indexing ile birlikte içeriğinizin mobilde görünmesi artık zorunlu.
Kaçınılması gereken hatalar:
- Mobilde gizlenen önemli içerik:
/* Google bu içeriği indekslemeyebilir */
@media (max-width: 768px) {
.onemli-icerik { display: none; }
}
- Tab veya accordion arkasına gizlenen içerik — genellikle sorun değil, ancak ana içeriği sekme arkasına koyma
- Masaüstünde uzun, mobilde kısa içerik — Google mobili önce değerlendirdiğinden mobil içerik eksiksiz olmalı
5. Mobil Schema ve Zengin Sonuçlar
Schema markup mobil arama sonuçlarında zengin snippet'lar gösterilmesini sağlar. Schema markup nedir konusunu ayrıntıyla ele aldık.
Özellikle mobil arama için değerli schema türleri:
- FAQ Schema: Mobil SERP'te genişleyebilir sorular
- HowTo Schema: Adım adım rehber içerikler
- Breadcrumb Schema: Navigasyon bilgisi
6. AMP (Accelerated Mobile Pages)
Google, AMP desteğini azalttı ve artık AMP kullanımını zorunlu ya da avantajlı görmüyor. Aksine, iyi optimize edilmiş standart mobil sayfa AMP'ı geride bırakabiliyor.
Önerimiz: AMP yerine Core Web Vitals'ı geçen hızlı mobil sayfalar oluşturmaya odaklanın.
7. Yerel SEO ve Mobil
Mobil aramaların büyük kısmı yerel niyetlidir — "yakınımdaki kahvehane", "İstanbul'da diş hekimi" gibi. Yerel SEO nedir konusunu ayrı bir yazıda ele aldık.
Mobil kullanıcılar için:
- Telefon numarasını tıklanabilir yapın:
<a href="tel:+90XXXXXXXXXX"> - Adres bilgisini açık ve erişilebilir gösterin
- Google Business Profile'ı güncel tutun
Mobil SEO Kontrol Listesi
- Viewport meta tag mevcut mu?
- Google Mobile-Friendly Test geçiyor mu?
- Mobil LCP < 2.5 saniye mi?
- CLS < 0.1 mi?
- Font boyutu 16px+ mı?
- Dokunmatik hedefler 44px+ mi?
- Yatay kaydırma yok mu?
- Önemli içerik mobilde görünüyor mu?
- Pop-up'lar Google politikasına uygun mu?
- Görseller srcset ile responsive mi?
Sonuç
Mobil SEO artık "güzel olan bir şey" değil, temel gereksinim. Mobile First Indexing ile Google'ın birincil değerlendirme kaynağı mobil sitenizdir.
Hemen yapmanız gerekenler:
- Mobile-Friendly Test ile uyumluluk kontrolü
- PageSpeed Insights mobil skorunu görün
- Core Web Vitals raporunu GSC'de inceleyin
- Görsel responsive ayarlarını yapın
- Font boyutu ve dokunmatik hedefleri kontrol edin
Sitenizin mobil SEO durumunu hemen görün → Ücretsiz SEO Analiz aracımızla hız, meta etiket ve teknik performansınızı analiz edin.
Sitenizin SEO Skorunu Öğrenin
Bu rehberi uyguladıktan sonra sitenizi analiz edin ve ilerlemenizi ölçün.
Ücretsiz Analiz Et →