Bugün internet aramalarının büyük bölümü telefonlardan yapılıyor ve Google da siteleri mobil sürümlerine göre değerlendiriyor. Siteniz telefonda zor okunuyor, yavaş açılıyor ya da butonlara dokunmak zorlaşıyorsa hem ziyaretçi kaybedersiniz hem de arama sonuçlarında geride kalırsınız. Bu rehberde Google'ın eski mobil uyumluluk testi aracı yerine bugün kullanabileceğiniz ücretsiz yöntemleri, sitenizi hangi tarayıcılarda test etmeniz gerektiğini ve mobil uyumlu bir sitenin karşılaması gereken kriterleri anlatıyoruz.

Google Mobil Uyumluluk Testi Aracı Kapandı mı?

Evet. Google, “Mobil Uyumluluk Testi” (Mobile-Friendly Test) aracını ve Search Console'daki “Mobil Kullanılabilirlik” raporunu Aralık 2023'te kullanımdan kaldırdı. Bunun nedeni mobil uyumluluğun önemini yitirmesi değil; aksine Google artık tüm siteleri mobil sürümleri üzerinden tarıyor ve değerlendiriyor. Mobil uyumluluğu ölçmek için bugün Google'ın önerdiği araçlar PageSpeed Insights ve Lighthouse'tur.

Mobil Uyumluluk Testi Nasıl Yapılır? 4 Ücretsiz Yöntem

1. PageSpeed Insights ile Test

1. Tarayıcınızda pagespeed.web.dev adresine gidin.

2. Test etmek istediğiniz sayfanın adresini yazıp “Analiz Et” butonuna tıklayın.

3. Sonuç ekranında Mobil sekmesinin seçili olduğundan emin olun.

4. Üst bölümde gerçek kullanıcı verilerine dayanan Core Web Vitals değerlendirmesini, alt bölümde ise Performans, Erişilebilirlik, En İyi Uygulamalar ve SEO puanlarını görürsünüz. Her puanın altında, sorunun ne olduğu ve nasıl düzeltileceği maddeler hâlinde listelenir.

PageSpeed Insights tek bir sayfayı test eder. Sitenizin ana sayfasını, en önemli hizmet sayfalarınızı ve iletişim sayfanızı ayrı ayrı test etmenizi öneririz.

2. Chrome Geliştirici Araçları ile Test

Sitenizin farklı telefon ekranlarında nasıl göründüğünü bilgisayarınızdan kontrol edebilirsiniz. Google Chrome'da sitenizi açın, F12 tuşuyla geliştirici araçlarını açın ve Ctrl + Shift + M (Mac'te Cmd + Shift + M) tuşlarıyla cihaz moduna geçin. Üstteki listeden iPhone, Samsung Galaxy gibi farklı cihazları seçerek sayfayı gezin. Aynı paneldeki Lighthouse sekmesinden mobil için ayrıntılı bir rapor da oluşturabilirsiniz.

3. Gerçek Telefonlarda Test

Hiçbir araç gerçek bir cihazın yerini tutmaz. Sitenizi hem bir Android telefondan hem de bir iPhone'dan açın; menüyü kullanın, formları doldurun, telefon ve WhatsApp butonlarına dokunun. Mümkünse küçük ekranlı bir telefonda ve tablette de deneyin.

4. Google Search Console ile Test

Sitenizi Search Console'a eklediyseniz URL Denetimi aracına bir sayfa adresi yazıp “Canlı URL'yi test et” butonuna tıklayın. Google'ın akıllı telefon tarayıcısının sayfayı nasıl gördüğünü ekran görüntüsüyle birlikte gösterir. Ayrıca Core Web Vitals raporu, sitenizdeki hangi sayfaların mobilde yavaş kaldığını toplu olarak listeler.

Web Sitesi Hangi Tarayıcılarda Test Edilmeli?

Ziyaretçileriniz sitenize farklı tarayıcılardan gelir ve bir tarayıcıda sorunsuz görünen sayfa diğerinde farklı davranabilir. Testlerinizi en çok kullanılan tarayıcılarda yapın:

• Google Chrome: Hem bilgisayarda hem Android telefonlarda en çok kullanılan tarayıcıdır; testlerinize mutlaka buradan başlayın.
• Safari: iPhone ve iPad'lerin varsayılan tarayıcısıdır. Kendi motoru (WebKit) ile çalıştığı için Chrome'da görmediğiniz sorunlar Safari'de çıkabilir; mobil testte atlanmaması gereken tarayıcıdır.
• Microsoft Edge ve Opera: İkisi de Chrome ile aynı altyapıyı (Chromium) kullanır. Chrome'da sorunsuz çalışan bir site genellikle bu tarayıcılarda da doğru görünür; yine de kısa bir kontrol yapmakta fayda vardır.
• Mozilla Firefox: Farklı bir motor (Gecko) kullandığı için yazı tipleri, form alanları ve bazı animasyonlar farklı görünebilir; ayrıca test edilmelidir.

Google'ın Mobil Uyumluluk Kriterleri Nelerdir?

Mobil uyumlu bir site, ekran boyutu ne olursa olsun içeriğini yakınlaştırma ya da yana kaydırma gerektirmeden sunar. Testlerinizde şu kriterleri kontrol edin:

• Duyarlı (responsive) tasarım: Sayfa düzeni ekran genişliğine göre kendiliğinden uyum sağlamalıdır.
• Viewport etiketi: Sayfanın kodunda tarayıcıya ekranı nasıl ölçekleyeceğini söyleyen viewport meta etiketi bulunmalıdır.
• Okunabilir yazı boyutu: Metinler yakınlaştırmadan okunabilmelidir; gövde metni için 16 piksel civarı iyi bir başlangıçtır.
• Dokunmaya uygun butonlar: Butonlar ve bağlantılar parmakla rahatça seçilebilecek büyüklükte ve birbirinden yeterince uzak olmalıdır.
• Yana kayma olmamalı: Görseller, tablolar ve videolar ekran dışına taşmamalıdır.
• Rahatsız edici açılır pencereler olmamalı: Sayfa açılır açılmaz içeriğin tamamını kapatan açılır pencereler mobil kullanıcıyı kaçırır ve Google tarafından olumsuz değerlendirilir.
• Hızlı yüklenme: Mobil bağlantılar daha yavaş olabileceği için sayfa hızı mobilde daha da önemlidir. Hız ölçütlerini SEO uyumlu web sitesi rehberimizde anlattık.

Testte Sık Çıkan Sorunlar ve Çözümleri

Mobil uyumluluk, sitenin tasarım ve yazılım altyapısıyla belirlenir; sonradan düzeltmek çoğu zaman yeniden tasarım gerektirir. Yeni bir site yaptırırken ya da hazır bir paket seçerken sitenin mobil görünümünü mutlaka telefonunuzdan deneyin. Paketlerimizin teknik özelliklerini paket özellikleri sayfamızda inceleyebilirsiniz.