Mobil uyumluluğu en doğru şekilde sitenizi gerçek bir telefonda açıp sayfa sayfa deneyerek test edersiniz: yazı okunuyor mu, düğmelere rahat basılıyor mu, menü çalışıyor mu, sayfa hızlı açılıyor mu, masaüstündeki içeriğin aynısı telefonda da var mı? Google dizine ekleme ve sıralama için sitenin mobil sürümünü kullanır; bu yüzden mobil sürümün masaüstüyle aynı içeriğe, aynı alt metne ve doğru görsellere sahip olması gerekir.

Çoğu işletme sahibi siteyi bilgisayardan açıp “güzel görünüyor” der, ama müşterileri siteyi telefonda görür. Mobil uyumsuz bir site, ziyaretçiyi kaybetmenin yanında Google’ın gördüğü sürümü de zayıflatabilir. Bu yazıda mobil uyumluluğu nasıl test edeceğinizi, Google’ın kurallarını ve bulduğunuz sorunları nasıl önceliklendireceğinizi anlatıyoruz. Genel kontrol için ücretsiz SEO analizi yazımızdaki on kontrol de işe yarar.

Mobil uyumluluk neden önemli?

Google, dizine ekleme ve sıralama için site içeriğinin akıllı telefon aracısıyla taranan mobil sürümünü kullanır; buna mobil öncelikli dizine ekleme denir. Mobil sürümün olması şart değildir ama Google bunu önemle tavsiye eder (mobil öncelikli dizine ekleme). Yani Google’ın sitenizi gördüğü ekran, çoğunlukla bir telefon ekranıdır.

Mobil site yapılandırmaları

Google’ın rehberi mobil uyumlu site için üç yapılandırma sayar: duyarlı tasarım, dinamik sunum ve ayrı URL’ler. Google, uygulaması ve bakımı en kolay olduğu için duyarlı web tasarımını önerir: aynı HTML kodunu aynı URL’den sunar ama ekran boyutuna göre görüntüyü farklı oluşturur. Yeni bir site yaptırıyorsanız duyarlı tasarımı isteyin; SEO uyumlu web sitesi yazımızdaki tasarımcı soruları işinize yarar.

Telefonda elle test: 12 adımlık liste

Bir akıllı telefonda, mümkünse hem iPhone hem Android’de, mobil veriyle şu kontrolleri yapın:

  1. Ana sayfa açılıyor mu? Ne kadar sürede? Boş ekranda bekliyor musunuz?
  2. Yazılar okunuyor mu? Yakınlaştırmadan okunacak boyutta mı?
  3. Yatay kayma var mı? Sayfa sağa sola kayıyorsa uyumsuzluk var.
  4. Menü çalışıyor mu? Açılıyor, kapanıyor, alt menülere ulaşılıyor mu?
  5. Düğmeler ve bağlantılar yeterince büyük mü? Parmakla yanlış yere basıyor musunuz?
  6. Telefon numarası tek dokunuşla arıyor mu?
  7. WhatsApp ve harita bağlantıları çalışıyor mu?
  8. Formlar doldurulabiliyor mu? Klavye alanları kaplıyor mu?
  9. Görseller doğru görünüyor mu? Taşan, kesilen, bulanık görsel var mı?
  10. Üstte ya da altta ekranı kaplayan reklam, çerez bildirimi ya da açılır pencere var mı? Google’ın rehberi, sayfanın üst kısmındaki reklamların mobil cihazlarda çok fazla yer kaplayarak kötü deneyime yol açabileceğini belirtir.
  11. Önemli içerik telefonda da var mı? Masaüstünde gördüğünüz bölümler telefonda gizlenmiş mi?
  12. Hizmet ve iletişim sayfaları açılıyor mu? Yalnızca ana sayfaya bakmayın.

Hizmet almak için iletişime geçin. Sitenizin dizine eklenme, hız ve mobil durumunu birlikte tarayalım; bulguları öncelik sırasıyla yazılı verelim. Teknik SEO hizmetimizi inceleyin ya da bize yazın.

Google’ın mobil içerik kuralları

Google’ın en iyi uygulamalarından öne çıkanlar:

Kural Ne anlama gelir?
Mobil sürüm masaüstüyle aynı içeriğe sahip olmalı Telefonda daha az içerik varsa mobil sürümü güncelleyin
Aynı alternatif metin Mobil ve masaüstünde resimler için aynı alt metin
Mobilde de açıklayıcı alt metin Masaüstünde olduğu gibi mobilde de resimler için açıklayıcı alt metin
Aynı içerik kalitesi Mobil sayfanın içerik kalitesi masaüstü kadar iyi olmalı
Başlık, altyazı, dosya adları Masaüstündeki açıklayıcı başlık ve altyazılar mobilde de olmalı
Yüksek kaliteli resimler Çok küçük ya da düşük çözünürlüklü resim kullanmayın
Desteklenen biçim Resimler için desteklenen bir biçim kullanın

Google, kullanıcı deneyimi için mobilde farklı bir tasarım kullanabileceğinizi (örneğin içeriği akordeonlara ya da sekmelere taşımayı) de belirtir. Önemli olan içeriğin telefonda var olmasıdır; sadece görünümü farklı olabilir.

Hızı mobilde ölçün

Mobil uyumluluk yalnızca görünüm değil, hızdır. Telefonda ağ ve işlemci daha zayıf olabilir. web.dev’e göre iyi bir LCP 2,5 saniye veya altı, iyi bir INP 200 milisaniye veya altıdır (Web Vitals). Hız ölçümü ve düzeltmesi için Core Web Vitals nedir? ve LCP nasıl düzeltilir? yazılarımıza bakın.

Search Console ile kontrol

Search Console’daki URL Denetleme aracı, Google’ın sayfanızı nasıl gördüğünü anlamanıza yardımcı olur (URL Denetleme Aracı). Önemli sayfalarınızı denetleyin: dizinde mi, taranabiliyor mu? Mobil sürüm masaüstünden farklı bir içerik sunuyorsa bu fark sayfa dizine ekleme sorunlarına yol açabilir. Core Web Vitals raporu da mobil verileri ayrı gösterir.

Bulduğunuz sorunları nasıl önceliklendirirsiniz?

  • Telefonda içerik ya da sayfa eksik: Çok yüksek: Google’ın gördüğü sürüm eksik
  • Menü ya da telefon düğmesi çalışmıyor: Yüksek: müşteri talep gönderemiyor
  • Sayfa çok geç açılıyor: Yüksek
  • Yatay kayma, taşan görsel: Orta
  • Küçük yazı ve dokunma alanı: Orta
  • Ekranı kaplayan açılır pencere: Orta
  • Küçük hizalama kusurları: Düşük

Sizin için de yapalım mı? Sitenizde teknik bir sorun şüpheniz varsa nedenini sırayla teşhis edelim. Hizmet almak için iletişime geçin; çalışmanın kapsamı teknik SEO sayfamızda anlatılıyor.

Denizli’den bir örnek

Örnek (hayalî bir işletme için): Merkezefendi’de bir kuyumcu sitesinin masaüstünde ürün listesi ve hizmetler görünüyor; ama telefonda menü açılmıyor, “Ürünler” bölümü gizli ve telefon numarası düz yazı olarak duruyor. Elle test bu eksikleri ortaya çıkarıyor.

Düzeltme sırası: önce telefonda gizlenen içeriğin görünür kılınması, sonra menünün ve telefon bağlantısının çalıştırılması, ardından görsel boyutlarının ve hızın iyileştirilmesi. Her adımdan sonra tekrar telefonla test ediliyor. Bu örnek sonuç vaadi değildir; test sırasını gösterir.

Mobil uyumsuzluğun sık görülen nedenleri

  • Duyarlı olmayan eski tasarım: belirti: Yatay kayma, çok küçük yazı; çözüm: Duyarlı tasarıma geçiş
  • Sabit genişlikli görsel ya da tablo: belirti: Taşan öğeler; çözüm: Görselleri ve tabloları ekran genişliğine uyarlama
  • Küçük düğmeler: belirti: Yanlış tıklama; çözüm: Dokunma alanlarını büyütme
  • Telefonda gizlenen içerik: belirti: Eksik bilgi; çözüm: İçeriği mobilde de gösterme
  • Ağır sayfa: belirti: Yavaş açılış; çözüm: Görsel ve betik azaltma
  • Büyük açılır pencere: belirti: Sayfayı kaplayan pencere; çözüm: Boyutunu küçültme ya da kaldırma

Düzeltmeden önce ve sonra ölçün

Her düzeltmeyi tek tek yapın ve sonuçları bir tabloya yazın: tarih, yapılan iş, telefonda açılış süresi, kalan sorun. Birden çok değişikliği aynı anda yaparsanız hangisinin işe yaradığını anlayamazsınız. Telefonla ölçmeyi Core Web Vitals raporu ve PageSpeed Insights ile birleştirin.

Test sonuçlarını kaydedin

Test ettiğiniz cihaz, tarayıcı ve bulguları bir tabloya yazın; sorun giderildikten sonra aynı testi tekrarlayın. Böylece gerilemeleri fark edersiniz.

Denizli SEO bu konuda nasıl yardımcı olur?

Mobil uyumluluk, Google’ın siteyi gördüğü ekran olduğu için teknik SEO’nun merkezindedir. Teknik SEO hizmetimizde:

  • siteyi telefonda sayfa sayfa test eder; menüyü, yazı boyunu ve dokunma alanlarını kontrol ederiz,
  • mobil ve masaüstü içerik farklarını tespit edip düzeltiriz,
  • LCP, INP ve CLS değerlerini Google’ın “iyi” sınırına çekmek için çalışırız,
  • bulguları sıralı ve yazılı rapor olarak sunarız.

Siteniz telefonda sorun çıkarıyorsa bize yazın; sitenize bakıp yazılı olarak söyleyelim.

Tablet de test edilmeli mi?

Evet; küçük bir tablet ya da büyük telefon da kullanılıyor olabilir. Önce telefon, sonra tablet.

Yatay kayma neden olur?

Genellikle genişliği ekrandan büyük bir görsel, tablo ya da sabit genişlikli bir öğe nedeniyle olur. Duyarlı tasarım bunu önler.

Sık sorulan sorular

Mobil sürümüm yoksa Google sitemi göstermez mi?

Google, mobil sürümün olmasının zorunlu olmadığını, ama önemle tavsiye edildiğini söyler. Mobil sürümü olmasa bile telefon kullanıcıları için uyumsuzluk sorunu yaşarsınız; bu yüzden uyumlu bir sürüm hazırlayın.

Mobilde içeriği kısaltmak sorun olur mu?

Evet. Google’ın önerisi mobil sitenin masaüstüyle aynı içeriğe sahip olmasıdır. Mobilde daha az içerik varsa güncelleyin.

Mobil için ayrı site mi yapmalıyım?

Google, duyarlı tasarımı önerir; ayrı mobil site daha fazla bakım ve hata riski demektir.

Hangi telefonla test etmeliyim?

Elinizdeki gerçek telefonla; mümkünse hem iPhone hem Android ile ve mobil veriyle deneyin.

Telefonda test için hangi ağı kullanmalıyım?

Mobil veriyi ve Wi-Fi’yi ayrı deneyin; gerçek müşteri koşullarını yansıtır.

Kaynaklar