Mobil SEO Rehberi: Mobil Uyumlu Web Sitesi Nasıl Olur?

Mobil SEO mobil uyumlu web sitesi rehberi
8 dk okuma
Teknik SEO

Konya'da internet trafiğinin %73'ü mobilden geliyor. "Yakınımdaki avukat", "konya kuaför", "hafta sonu açık diş hekimi" aramalarının neredeyse tamamı telefondan yapılıyor. Google 2019'dan beri sıralamayı sitenizin mobil versiyonuna göre belirliyor. Yani masaüstünde harika görünen siteniz, mobilde bozuksa — Google için o site bozuktur. Bu rehber, mobil SEO'nun tüm kritik alanlarını uygulamalı şekilde anlatıyor.

1. Mobil SEO Nedir ve Neden Önemli?

Mobil SEO, web sitenizin telefon ve tablet cihazlarda hızlı, kullanılabilir ve erişilebilir olmasını sağlayan optimizasyon çalışmalarıdır. Google'ın bakış açısından sadece "mobil uyumlu olmak" yeterli değil — mobil deneyim masaüstünden bile daha iyi olmalı.

Rakamlarla Mobil Gerçeği

  • Türkiye'de organik trafiğin %73'ü mobilden
  • "Yakınımdaki" aramalarının %88'i telefondan
  • Mobil kullanıcıların %53'ü 3 saniyede yüklenmeyen siteyi terk eder
  • Mobilde başarısız bir deneyim yaşayan kullanıcının %52'si markaya olan olumlu görüşünü kaybeder

2. Mobile-First Indexing

Google, Mart 2021'de tüm siteleri mobile-first indexing'e geçirdi. Bu şu demek: Googlebot sitenizi tararken mobil versiyonunu birincil kaynak olarak alır, masaüstü versiyon ikincildir.

Kritik Sonuç

Eğer mobil versiyonunuzda masaüstüne göre eksik içerik, eksik iç link, eksik schema veya bozuk bir görünüm varsa, tüm sitenizin SEO'su bu eksik versiyona göre değerlendirilir. "Mobilde gizlediğimiz içerikler nasılsa masaüstünde var" mantığı 2021'den beri çalışmaz.

Mobil Sürümde Masaüstündekinin Aynısı Olmalı

  • Tüm içerik (hidden tabs, accordion'ların içi dahil)
  • Schema markup (aynı yapısal veri)
  • İç link yapısı (navigation menüleri)
  • Görseller (alt text dahil)
  • Meta etiketleri (title, description, robots, canonical)
  • OG ve Twitter Card

3. Responsive vs Adaptive vs Ayrı Mobil Site

YaklaşımNasıl Çalışır?Google'ın Tutumu
ResponsiveTek HTML, ekran boyutuna göre CSS ile uyumTercih edilen ✓
Dynamic ServingTek URL, farklı cihazlara farklı HTMLKabul edilebilir ~
Ayrı Mobil Site (m.)m.domain.com farklı URL yapısıÖnerilmiyor ✗

2026'da responsive tasarım standarttır. m. subdomain'iniz varsa, responsive siteye 301 yönlendirme yapın ve eski yapıyı emekliye ayırın. Dynamic serving nadir durumlarda (büyük e-ticaret, karmaşık uygulamalar) mantıklı olabilir.

4. Mobil Uyum Testi

Google sitenizi kontrol ettiğinde kullandığı araçları siz de kullanabilirsiniz:

  • Mobile-Friendly Test: search.google.com/test/mobile-friendly — Tek sayfa mobil uyumluluk kontrolü
  • Search Console - Mobile Usability: Sitenizin tüm sayfaları için toplu mobil uyumluluk raporu
  • PageSpeed Insights: Mobil ve masaüstü için ayrı performans skorları
  • Chrome DevTools - Device Mode: F12 → ikinci ikon → cihaz emülasyonu
  • BrowserStack: Gerçek cihazlarda test (ücretli ama kapsamlı)

5. Mobil UX İçin 10 Kural

1

Doğru Viewport Meta Tag'i

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5"> — cihaz genişliğini kullan, zoom'a izin ver ama kontrol et. user-scalable=no erişilebilirlik için kötüdür, kullanmayın.

2

Minimum 16px Font Boyutu

Gövde metni 16px altına inmemeli. Daha küçük font zoom gerektirir ve UX'i bozar. Başlıklar orantılı: H1 24-32px, H2 20-26px. Satır yüksekliği 1.5-1.7 arası.

3

Dokunma Hedefleri 48×48 px

Google standardı: minimum 48×48 px, aralarında en az 8 px boşluk. Butonlar, link'ler, form elemanları bu boyutta olmalı. PageSpeed'te "Tap targets sized appropriately" uyarısı almayın.

4

Hamburger Menü Doğru Kullanımı

Hamburger menü mobilde yaygındır ama aşırı kullanımı trafik kaybettirir. En önemli 3-5 link hamburger'a sokulmadan alttaki çubuk veya üstte direkt görünür olsun. Tüm navigasyon hamburger içinde gizliyse keşfedilebilirlik düşer.

5

Pop-up ve Interstitial'lara Dikkat

Mobilde ekranı kaplayan pop-up'lar Google tarafından "intrusive interstitial" olarak cezalandırılır. Yasal zorunluluklar (cookie, yaş doğrulama) hariç, tam ekran pop-up kullanmayın. Küçük banner (ekranın %15'i altı) kabul edilir.

6

Form Alanlarını Optimize Edin

Mobilde form doldurma zor. Gereksiz alanları kaldırın, type="email", type="tel", type="number" ile uygun klavye çıkarın. Autofocus, autocomplete, placeholder örnekleri kullanın. Adres için mümkünse GPS tabanlı otomatik doldurma.

7

Tıkla-Ara Butonları

Mobilde telefon numarası tel: protokolü ile tıklanabilir olmalı: <a href="tel:+905423058649">. Yerel işletme için bu en yüksek dönüşümlü eylemdir. WhatsApp için benzer: wa.me linki.

8

Yatay Kaydırma Asla Olmamalı

Mobilde yatay scroll (yatay kaydırma) kullanıcıyı delirtir. overflow-x: hidden ile önleyin. Tablolar için responsive sarmalayıcı (overflow-x: auto sadece tablonun kendisi için) kullanın.

9

Görsel ve Video Optimizasyonu

Mobilde resim boyutu cihaza uymalı. srcset ile farklı çözünürlük sun: küçük ekrana küçük dosya. Video otomatik oynatma kapalı, mobil veri uyarısı açık.

10

Sabit Alt Bar (Mobil CTA)

Yerel işletmeler için mobilde ekranın altında sabit "Ara" ve "WhatsApp" butonları dönüşümü %30-50 artırır. Ama ekran alanından çok fazlasını kaplamamalı (maksimum 50-60px yükseklik).

Mobil Site Denetimi

Sitenizin mobil SEO ve UX durumunu uzman gözüyle analiz edip raporlayalım.

Mobil Denetim İste

6. Mobil Site Hızı

Mobilde hız, masaüstünden daha önemli. Çünkü mobil cihazlar genelde daha yavaş ağ (3G, 4G), daha az RAM ve daha zayıf işlemci ile çalışıyor. Core Web Vitals mobilde ayrıca ölçülür ve sıralamaya etkisi yüksektir.

Mobil Hız İçin Öncelikler

  • Ağ bağımlılığını azaltın: CDN, HTTP/2 veya HTTP/3, aggressive caching
  • İlk paint süresi: Critical CSS inline, render-blocking JS kaldır
  • Görsel optimizasyonu: WebP, lazy loading, srcset ile responsive image
  • 3. taraf script azaltma: Her analytics/chat widget ağırlık ekler
  • Font optimizasyonu: font-display: swap, sadece gerekli weight'ler

Detaylı hız rehberi için Core Web Vitals yazımıza bakabilirsiniz.

7. AMP'nin 2026'daki Durumu

AMP (Accelerated Mobile Pages), Google'ın 2015'te tanıttığı ve çok hızlı mobil sayfalar için özel bir framework. 2016-2020 arasında Google Top Stories karuseline girmek için zorunluydu.

2026 Gerçeği

Google, 2021'de Top Stories için AMP zorunluluğunu kaldırdı. Core Web Vitals yeterli hızı sağlıyorsa AMP'ye gerek yok. Çoğu site için AMP artık gereksiz bir ek yüktür. Ancak haber siteleri ve hacimli blog siteleri için avantajını koruyor.

AMP Hâlâ Kime Faydalı?

  • Haber siteleri (Top Stories için hâlâ avantaj)
  • Çok fazla ziyaretçi alan, optimize etmesi zor eski siteler
  • E-ticaret sitelerinin bazı ürün sayfaları (deneysel)

Yeni bir site kuruyorsanız AMP'ye zaman ayırmak yerine responsive siteyi Core Web Vitals yeşil skoruna taşımaya yoğunlaşın. Sonuç aynı, bakımı çok daha kolay.

8. Mobil SEO ve Yerel Aramalar

Mobil ve yerel SEO birbirinden ayrılmaz. "Yakınımdaki" aramalarının neredeyse tamamı mobildir. Konya'daki bir işletme için mobil SEO'da özel odak noktaları:

  • Click-to-call buton: Ekranın üstünde veya sabit alt bar'da
  • Yol tarifi linki: https://www.google.com/maps/dir/?api=1&destination=...
  • WhatsApp butonu: wa.me linki ile direkt mesaj
  • Çalışma saatleri: Üst kısımda "açık/kapalı" durumu
  • Adres ve harita: Google Maps embed mobilde dokunmaya uygun olmalı
  • LocalBusiness schema: Mobil sonuçlarda rich snippet için

Detaylar için yerel SEO rehberimize ve GBP optimizasyonu yazımıza göz atın.

9. Sıkça Sorulan Sorular

Mobile-first indexing nedir?

Google'ın 2019'dan beri varsayılan indexleme yöntemi. Sitenizin mobil versiyonunu "asıl" versiyon kabul edip sıralamayı ona göre belirler. Mobilde eksik içerik olan siteler büyük kayıp yaşar.

Responsive tasarım yeterli mi?

Temel şarttır ama tek başına yeterli değildir. Mobilde hız, dokunma hedefleri, font, navigasyon, pop-up ve form optimizasyonu da kritik. Responsive bir site 'mobile-friendly' testini geçemeyebilir.

AMP hâlâ kullanılmalı mı?

Çoğu site için hayır. 2021'de Top Stories'te AMP zorunluluğu kaldırıldı. Core Web Vitals iyi olan responsive site AMP'siz rekabet edebilir. Haber siteleri hariç zorunlu değil.

Ayrı mobil site (m.) hâlâ geçerli mi?

Hayır. Google responsive tasarımı tercih ediyor. m. subdomain çift URL yönetimi ve duplicate content riski yaratır. Varsa responsive ana siteye 301 yönlendirme yapın.

Mobilde font boyutu kaç olmalı?

Gövde metni minimum 16px. Daha küçüğü zoom gerektirir. Başlıklar orantılı: H1 24-32px. Satır yüksekliği 1.5-1.7. "Text too small to read" uyarısı alırsanız fontları artırın.

Dokunma hedefleri ne kadar büyük olmalı?

Minimum 48×48 piksel, aralarında 8 piksel boşluk. Butonlar, linkler, form elemanları bu boyutta olmalı. "Tap targets sized appropriately" testi sürekli kontrol edilmeli.

Sonuç

Mobil SEO, artık ayrı bir disiplin değil; SEO'nun kendisi. Masaüstünde mükemmel görünüp mobilde bozuk bir site, 2026 dünyasında görünmez demektir. Bu rehberdeki 10 kuralı uygulamak ve mobil CWV skorunu yeşile taşımak, 3-6 ay içinde organik trafiğinizde %30-50 artış getirebilir.

Mobil performansınızı geniş teknik SEO çerçevesinde değerlendirmek için 25 maddelik teknik SEO checklist'imize göz atın.