Mobil uyumluluk ve mobil öncelikli indeksleme: dönüşüm ve sıralama rehberi

Dünya genelinde web trafiğinin %60'tan fazlası, Türkiye'de ise birçok sektörde (özellikle perakende, yerel hizmetler ve e-ticaret) çok daha büyük bir kısmı akıllı telefonlar üzerinden geliyor. Bir kullanıcının web sitenizle ilk teması neredeyse her zaman avuç içindeki küçük bir ekranda başlar.

Google, mobile-first indexing (mobil öncelikli indeksleme) sistemine geçerek masaüstü sürümleri ikincil plana itti. Bir web sitesi masaüstünde ne kadar kusursuz görünürse görünsün, mobil sürümü yavaş, okunaksız veya zor kullanılıyorsa arama sonuçlarında öne çıkması çok zordur.

Mobile-first indexing nedir?

Google botları (Googlebot Smartphone) sitenizi ziyaret ettiğinde sayfayı bir masaüstü bilgisayar gibi değil, bir akıllı telefon gibi tarar ve dizine eklemeyi bu mobil sürüme göre yapar.

Masaüstü sitede yer alan fakat mobilde "yer kaplamasın" diye kaldırılan içerikler, butonlar veya menüler Google gözünde yok sayılabilir.

Gerçek responsive tasarım ve "sıkıştırılmış" masaüstü sitesi

Çoğu işletme "Sitemiz mobilde açılıyor, o hâlde mobil uyumludur" yanılgısına düşer. Masaüstü için çizilmiş bir sayfanın küçültülerek ekrana sığdırılması mobil uyumluluk değildir. Gerçek bir mobil deneyim şu kurallara dayanır:

1. Başparmak erişim bölgesi (thumb zone)

Kullanıcıların çoğu telefonunu tek elle kullanır. "Hemen Ara", "WhatsApp'tan Yaz", "Satın Al" veya "Sepete Ekle" gibi kritik aksiyon butonları ekranın en tepesinde değil; başparmağın rahat ulaştığı alt-orta bölgede (ve tercihen ekranın altına sabitlenmiş hâlde) yer almalıdır.

2. Dokunma hedefi boyutları (tap targets)

Birbirine çok yakın linkler veya küçük butonlar kullanıcının yanlış yere dokunmasına yol açar. Google'ın önerisine göre dokunulabilir her öğe en az 48×48 piksel boyutunda olmalı ve çevresinde yeterli boşluk bırakılmalıdır.

3. Okunabilir yazı ve form kolaylığı

Mobilde yazıları okumak için iki parmakla ekranı büyütmek zorunda kalan kullanıcı saniyeler içinde sekmeyi kapatır.

• Temel metin boyutu en az 16 px olmalıdır.
• İletişim formlarında telefon alanı için type="tel", e-posta için type="email" gibi doğru klavye tipleri tanımlanmalı; form alanları tek sütun hâlinde akmalıdır.

Mobil uyumluluğun satışa etkisi

• Hemen çıkma oranını düşürür: Sayfa kaydırırken sağa sola taşan (yatay kaydırma çubuğu çıkaran) siteler hızla terk edilir. Yatay kayma olmaması, ziyaretçinin sitede kalma süresini artırır.
• Doğrudan iletişim (tıkla-ara): Masaüstünde bir telefon numarasını görüp tuşlamak zahmetliyken, mobilde tek dokunuşla işletmeyi arayabilmek yerel hizmetlerde dönüşümü belirgin şekilde artırır.
• Mobil ödeme akışları: Apple Pay, Google Pay veya tek ekranda tamamlanan ödeme kurguları sepet terk oranını düşürür.

Beş dakikalık test

Kendi telefonunuzda, mobil veriyle (Wi-Fi değil):

1. Ana sayfa kaç saniyede açılıyor?
2. Menüyü açıp en önemli sayfaya gidebiliyor musunuz?
3. Telefon numarasına dokununca arama başlıyor mu?
4. İletişim formunu doldurup gönderebiliyor musunuz? Klavye açıldığında gönder düğmesi görünüyor mu?
5. Herhangi bir sayfada yatay kaydırma gerekiyor mu? Ekranı kaplayan bir açılır pencere çıkıyor mu?

Tasarımı onaylamadan önce kendi telefonunuzda gezin; masaüstü ekran görüntüsüne onay vermeyin.

Yapay zekâ arama motorları (GEO) ve mobil taranabilirlik

ChatGPT, Gemini ve Perplexity gibi araçlar kullanıcılara mobilde anlık özet ve çözüm sunar. Temiz HTML yapısına sahip, ağır açılır pencerelerden (pop-up) arındırılmış siteler bu araçlar tarafından daha kolay okunur ve kaynak gösterilir.

Sıkça sorulan sorular

Masaüstü sitemdeki metinleri mobilde gizlersem SEO zarar görür mü?

Evet, gizleme yöntemine göre. Mobil sürümde hiç bulunmayan metin, başlık veya açıklama Google tarafından dizine eklenmez ve o içeriğin sıralama değeri kaybolur. İçeriği mobilde açılır-kapanır bir bölümde tutmak ise sorun değildir.

Ayrı bir mobil site (m.site.com) mi, duyarlı (responsive) tasarım mı daha iyidir?

Duyarlı (responsive) tasarım bugün açık ara doğru tercihtir. m. alt alan adları içerik uyumsuzluklarına, çift URL yönetimi sorunlarına ve yönlendirme kaynaklı hız kayıplarına yol açar.

Sitelerimizi önce telefon için çiziyoruz; ayrıntılar web siteleri sayfasında.

İlgili yazılar: Core Web Vitals ve sayfa hızı: 1 saniyelik gecikmenin ciroya ve dönüşüme etkisi, Kullanıcı deneyimi (UX/UI) ve dönüşüm oranı optimizasyonu (CRO): tıklamaları müşteriye dönüştürmek, Modern web tasarımında kullanıcı deneyimi (UX): kötü arayüzlerin işletmelere kaybettirdiği ciro.