Mobil uyumlu bir web sitesine sahip olmak internetteki varlığınızın önemli bir parçasıdır. Pek çok ülkede artık akıllı telefon trafiği masaüstü trafiğini geçmiştir. Web sitenizi henüz mobil uyumlu hale getirmediyseniz en kısa zamanda yapmalısınız. Search Console'un Mobil Uyumluluk Testi ile sitenizdeki bir sayfanın mobil uyumlu olup olmadığını hızlı ve kolay bir şekilde test edebilirsiniz.
Genel bakış
Mobil Uyumluluk Testi'nin kullanımı çok kolaydır. Test etmek istediğiniz web sayfasının tam URL'sini yazmanız yeterlidir. Testin tamamlanması genellikle bir dakikadan kısa sürer.
Test sonuçları, mobil kullanılabilirlikle ilgili bulunan sorunların listesini ve Google'ın sayfayı mobil cihazda nasıl gördüğüne dair bir ekran görüntüsünü içerir. Yazı tipi boyutunun küçük olması (Küçük ekranlarda zor okunur.) veya sayfada Flash kullanılması (Çoğu mobil cihazda desteklenmez.) dahil olmak üzere, mobil cihazdan ziyaret edildiğinde sayfayı etkileyebilecek sorunlar, mobil kullanılabilirlik sorunu olarak adlandırılır.
Bu aracı kullanmak için Search Console hesabınız olması veya varsa Search Console hesabınıza giriş yapmanız gerekmez.
Testi çalıştırma
Testi çalıştırmak için:
- Google Arama'nın yönlendirdiği bir sayfanın (yani dizine eklenen sayfa) mobil kullanılabilirlik sorunlarını düzeltmeye çalışıyorsanız standart URL'yi test ettiğinizden emin olun. Standart olmayan bir URL'nin düzeltilmesi, sayfaya doğrudan bağlantılar aracılığıyla ulaşan kullanıcılara yardımcı olur ancak Google'ın yönlendirdiği sayfayı düzeltmez.
- Test edilecek URL'yi metin kutusuna yazıp URL'yi test et'i tıklayın.
- Google, istenen URL'yi bir mobil cihazmış gibi getirir. Araç, yazdığınız URL'yi değiştirmeden sayfanın uyguladığı tüm yönlendirmeleri izler. Web siteniz mobil cihazları farklı bir URL'ye gönderiyorsa veya sayfa bağlı bir AMP sayfasıysa bu test, istediğiniz URL yerine bu URL'yi getirir ancak farklı bir URL'yi test ettiğini belirtmez ya da test için getirilen asıl URL'yi göstermez.
- Test sonucu sayfanın mobil uyumluluk durumunu gösterir. Durumunuzun ne anlama geldiğini anladığınızdan emin olun: Durum açıklamaları aşağıda listelenmiştir.
- Erişimle ilgili sorunlarınız varsa (yani Google, URL'yi bulamaz ya da URL'ye erişemezse veya URL'ye erişimi engellenmişse) önce bu sorunları düzeltin.
- Sayfada yüklenemeyen kaynaklar (resimler veya stil sayfaları gibi) varsa bir uyarı görürsünüz. Sayfanızdaki diğer sorunlar da bunlardan kaynaklanıyor olabileceği için bu sorunları düzeltip testi tekrar edin.
- Sayfanızın mobil uyumlu olmadığı bildirilirse ilk olarak Metin okunamayacak kadar küçük dışındaki tüm sorunları düzeltip testi yeniden çalıştırın.
- Diğer tüm sorunlar giderildikten sonra varsa Metin okunamayacak kadar küçük sorununu düzeltip testi yeniden çalıştırarak sonucu doğrulayın. Olası sorunların listesini aşağıda görebilirsiniz.
- Sorunları düzeltirken, Google'ın gördüğü haliyle sayfanın ekran görüntüsünü incelemek faydalı olabilir. Ekran görüntüsünü görmek için Test edilen sayfayı göster'i tıklayın. Ekran görüntüsü, Google tarafından mobil kullanılabilirliği test etmek için kullanılan boyutu ve çözünürlüğü gösterecektir. Birden fazla ekran görüntüsü görmeniz gerekirse mobil test ortamını simüle etmek için Chrome'u kullanabilir veya ekran görüntüsüne yakın boyutlarda bir mobil cihazda sayfayı açabilirsiniz.
Bu test, Google dizinindeki mobil uyumluluk durumunuzu göstermeyebilir
Mobil Uyumluluk Testi Aracı, sağladığınız URL'nin yalnızca sürümünü test eder.
Mobil Uyumluluk Testi Aracı'nı kullanarak standart olmayan sayfa test edilirse bu sayfanın Google dizinindeki mobil uyumluluk durumu yansıtılmaz. Google, dizine ekleme sırasında bir grup kopya sayfa arasından yalnızca standart URL'nin mobil uyumluluğunu test eder. Standart sürümde mobil uyumluluk sorunları varsa kopya sürümlerde mobil uyumluluk sorunları olup olmamasına bakılmaksızın Google bu sayfada mobil uyumluluk sorunlarının yer aldığını düşünür.
Bir URL zaten dizine eklenmişse URL Denetleme aracını kullanarak standart URL'sini görebilirsiniz (Sayfa kullanılabilirliği > Google tarafından seçilen standart URL bölümünün altında).
Standart URL'yi test edip etmediğinizi görmek için:
- Dizine eklenmiş sürümü test etmek için URL'de URL Denetleme aracını kullanın (canlı testi değil). Kapsam > Dizine Ekleme > Google tarafından seçilen standart URL'de gösterilen değeri kontrol edin: "İncelenen URL" değeri, standart URL'nin test edildiği anlamına gelir; başka bir URL görüyorsanız arama sonuçlarında görünecek olan URL budur.
- Site genelindeki mobil uyumluluk istatistiklerini görmek için Mobil Kullanılabilirlik raporunu kullanın.
Test sonuçları
Herhangi bir nedenle araç sayfaya erişemezse aşağıdaki hatalardan biri gösterilir:
- DNS sunucusu yanıt vermiyor: Bu durum genellikle geçici bir sorundur ve birkaç dakika içinde kendiliğinden çözülür.
- DNS hatası: Bilinmeyen ana makine: DNS sunucunuz URL'nizi çözümlemedi. Bu durum geçici bir sorun olabilir ve birkaç dakika içinde kendiliğinden çözülebilir.
- DNS hatası: Gizli IP sağlandı: DNS'niz, RFC 1918 gizli IP'si (örneğin, 10.0.0.1) gibi özel/gizli IP'nin hariç tutulduğu aralıktaki bir IP'yi döndürdü.
- Sunucu bağlantısı hatası: Sunucuya ulaşılamadı, bağlantı reddedildi veya bağlanılamadı. Daha fazla bilgi.
- Sunucu geçersiz yanıtı: Sunucu, istenen protokolü desteklemiyor, yanıt veya başlıklar kesilmiş ya da yanıt ayrıştırılamadı (örneğin, yanıt verileri yanlış sıkıştırılmışsa). Daha fazla bilgi.
- Geçersiz sunucu SSL sertifikası: Sitenizin SSL sertifikası geçersiz. Google, sertifika geçerli olmadığı sürece sitedeki HTTPS URL'sini test etmez.
- Robots.txt dosyasına erişilemiyor: Robots.txt dosyası mevcut olmasına rağmen dosyaya ulaşılamıyorsa Google, web sitesini taramaz. Robots.txt dosyanızın kullanılabilirliğini Tarama İstatistikleri raporunda kontrol edebilirsiniz.
- Ana makine yükü aşıldı: Sitenizin, Google tarama veya denetleme istekleri açısından maksimum kapasitede olduğu anlaşılıyor. Google, trafik yükünüz (Google tarafından tahmin edilen) azalana kadar test çalıştıramaz.
Test, sayfa tarafından kullanılan tüm kaynakları yükleyemezse bir uyarı görürsünüz. Kaynaklar, sayfaya eklenmiş harici öğelerdir (ör. resimler, CSS veya komut dosyaları). Bu test yalnızca belirli kaynak türlerini yüklemeye çalışır; testi etkilemeyen diğer türler yoksayılır.
Yükleme sorunlarının birkaç nedeni olabilir:
- Kaynak, makul bir sürede yüklenememiştir. Bu durumda, testi çalıştırmayı tekrar deneyin. Sorun devam ederse kaynağı başka bir yerde barındırma seçeneğini değerlendirin veya yavaşlığın ya da ana makineden yanıt alınamamasının nedenini bulup düzeltmeye çalışın.
- Kaynak, belirtilen konumda mevcut değildir (404 hatası). Sayfanızda kaynağın URL'sini doğrulayın ve düzeltin.
- Kaynak, giriş yapmamış kullanıcıların erişimine kapalıdır. Test, sayfaya anonim kullanıcı olarak erişir. Tüm kaynakların anonim kullanıcıların erişimine izin verdiğinden emin olun.
- Kaynak, bir robots.txt dosyasıyla Googlebot'u engellemektedir. Kaynak önemliyse (Aşağıdaki bilgilere bakın.) ve kendi sitenizde yer alıyorsa kaynaktaki Googlebot engellemesini kaldırmanızda fayda vardır. Kaynak başka bir sitedeyse sitenin web yöneticisiyle iletişime geçip engellemeyi kaldırmasını isteyebilirsiniz.
Önemli kaynakların engellemesini kaldırma
Engellenen bir kaynak önemliyse Google'ın sayfayı anlama biçimi üzerinde büyük bir etkiye sahip olabilir. Örneğin, engellenen büyük boyutlu bir resim, sayfanın mobil uyumlu olmadığı halde uyumlu gibi görünmesine neden olabilir veya engellenmiş bir CSS dosyası yanlış yazı tipi stillerinin uygulanmasına neden olabilir (örneğin, yazı tipleri bir cihaz için çok küçük olabilir). Bu durum, Google'ın sayfanızı tarama özelliğini etkilediği için Google'daki sonuçlarınız etkilenebilir. Önemli kaynaklarda Googlebot erişiminin robots.txt ile engellenmediğinden ve bu kaynakların genel olarak erişilebilir olduklarından emin olmalısınız.
Tutarsız test sonuçları/Sayfa yükleme sorunları
Yüklenemeyen kaynaklarınız veya başka sayfa yükleme sorunlarınız varsa testi her çalıştırdığınızda biraz farklı sonuçlar görebilirsiniz. Bunun nedeni, yüklenen kaynak kümesinin her test çalıştırması sırasında değişebilmesidir. Testi her çalıştırdığınızda sayfa oluşturma sonucunuz değişiyorsa ve hiçbir şeyi değiştirmediyseniz "sayfa yükleme sorunları" uyarısını kontrol edin. Böyle bir uyarı varsa sayfanın tutarlı ve doğru bir şekilde oluşturulmasını neyin engelliyor olabileceği ile ilgili daha fazla bilgi almak için uyarıyı tıklayın.
Mobil uyumluluk durumu
Olası test sonuçlarını aşağıda görebilirsiniz:
Sayfa mobilde kullanılamaz: Sayfa, kalite eşiğini aşan bir veya daha çok sorun nedeniyle mobil cihazlarda düzgün çalışmayacaktır. Google, sayfaları mobil uyumlu veya mobil uyumlu değil olarak işaretlerken söz konusu sayfayı etkileyen sorunların sayısını ve bunların görece ne kadar önemli olduğunu dikkate alır. Bir iki küçük sorunu (bildirilmeyen) olan sayfalar da mobil uyumlu olarak değerlendirilebilir. Olası hataların açıklamalarına bakın.
Sayfa mobilde kullanılabilir: Sayfa mobil cihazlarda iyi çalışacaktır. Mobil uyumlu olarak işaretlenmiş bir sayfada, raporda gösterilmeyen küçük sorunlar olabileceğini unutmayın. Daha fazla bilgi edinin.
Veri yok: Herhangi bir nedenle sayfayı alamadık veya mobil uyumluluğunu test edemedik. Lütfen kısa bir süre bekleyip tekrar deneyin.
Sayfa mobilde kullanılabilir: Sayfa mobil cihazlarda iyi çalışacaktır. Mobil uyumlu olarak işaretlenmiş bir sayfada, raporda gösterilmeyen küçük sorunlar olabileceğini unutmayın. Hata sayısı belirli bir eşiğin üzerinde olan URL'lerin durumu Sayfa mobilde kullanılamaz olur ve tüm hatalar gösterilir. Hata sayısı belirli bir eşiğin altında olan URL'lerin durumu Sayfa mobilde kullanılabilir olur ve hiçbir hata gösterilmez.
Farklı hata türlerinin ağırlığı ve önem derecesi açıkça tanımlanmamıştır. Dolayısıyla mobil uyumlu olarak işaretlenen bir sayfada aslında bildirilmemiş olan birkaç hata bulunması ve bunlara başka bir hata eklendiğinde sayfanın mobil uyumlu değil olarak yeniden etiketlenmesi olasıdır. Bir sayfada bildirilmeyen mobil kullanılabilirlik hataları konusunda endişelenmeyin.
Mobil uyumluluk hataları
Mobil Uyumluluk Testi Aracı aşağıdaki kullanılabilirlik hatalarını tanımlayabilir:
Uyumlu olmayan eklentiler kullanılıyor
Sayfa, çoğu mobil tarayıcı tarafından desteklenmeyen Flash gibi eklentiler içeriyor.
Bu hatayı düzeltmek için: Sayfanızı HTML5 gibi modern ve geniş kapsamlı web teknolojilerini kullanarak yeniden tasarlamanızı öneririz. Web animasyonu yönergeleri hakkında daha fazla bilgi edinin.
Görüntü alanı ayarlanmadı
Sayfa, tarayıcılara, sayfanın boyutunun nasıl ayarlanacağını ve ekran boyutuna uyacak şekilde ölçeklemenin nasıl yapılacağını gösteren bir viewport özelliği tanımlamıyor.
Bu hatayı düzeltmek için: Sitenizin ziyaretçileri, geniş masaüstü monitörlerden tabletlere ve küçük akıllı telefonlara uzanan bir yelpazede, farklı ekran boyutlarına sahip çeşitli cihazlar kullanıyor. Bu nedenle sayfalarınız meta viewport etiketini kullanarak bir görüntü alanı belirlemelidir. Duyarlı Web Tasarımı ile İlgili Temel Bilgiler bölümünde daha fazla bilgi edinebilirsiniz.
Görüntü alanı "device-width" olarak ayarlanmadı
Sayfanız sabit genişlikli bir viewport özelliğini tanımlıyor. Bu, farklı ekran boyutları için ayarlanamayacağı anlamına gelir.
Bu hatayı düzeltmek için: Sitenizin sayfalarında duyarlı bir tasarım kullanın ve görüntü alanını, cihazın genişliği ve ölçeğiyle eşleşecek şekilde ayarlayın. Görüntü alanını nasıl doğru ayarlayacağınızı öğrenin.
İçerik ekrandan geniş
Sayfadaki kelimeleri ve resimleri görmek için yatay kaydırma yapmak gerekir. Bu durum, sayfalar tarafından CSS bildirimlerinde mutlak değerler kullanıldığında ortaya çıkar. Diğer bir neden de, yine sayfalar tarafından belirli bir tarayıcı genişliğinde (980 piksel gibi) en iyi şekilde görünmek üzere tasarlanmış resimler kullanılmasıdır.
Bu hatayı düzeltmek için: sayfada CSS öğeleri için göreli genişlik ve konum değerleri kullanılmasına ve resimlerin de ölçeklenebilmesine dikkat edin. İçeriği Görüntü Alanına Göre Boyutlandırma konusunda daha fazla bilgi edinebilirsiniz.
Metin okunamayacak kadar küçük
Sayfadaki metnin önemli bir kısmı sayfanın genişliğine göre fazla küçüktür. Bu, metnin mobil cihazlarda okunmasını zorlaştırır. Sorunlu metni tespit etmek için cihazınızın test ekran görüntüsünü inceleyin.
Hatayı düzeltmek için: Web sayfalarınız için bir görüntü alanı belirtin. Metnin cihaz ekranlarında görünebilmesi için tüm yazı tipi boyutlarınızı görüntü alanının içinde düzgün ölçeklenecek şekilde ayarlayın. Yazı tipi boyutuyla ilgili en iyi uygulamalar hakkında daha fazla bilgi edinin.
Tıklanabilir öğeler birbirine çok yakın
Düğmeler ve gezinme bağlantıları gibi dokunma öğeleri birbirine fazla yakın yerleştirildiğinden mobil kullanıcılar bu öğelere dokunmaya çalışırken yanlışlıkla yakınındaki diğer öğelere de dokunabilirler.
Bu hatayı düzeltmek için: Test ekran görüntüsünü inceleyerek tüm düğmeleri, bağlantıları ve diğer dokunma hedeflerini tanımlayın. Dokunma hedeflerinizin birbirlerine ortalama bir parmak ucu genişliğinden daha yakın olmamasına veya parmak ucunuzun birden çok bağlantı hedefini kaplamamasına dikkat edin. Erişilebilir Dokunma Hedefleri başlıklı makaleden daha fazla bilgi edinebilirsiniz.
Ek bilgiler
Sayfanın alınabildiği durumlarda testi tamamladıktan sonra, oluşturulan sayfanın ekran görüntüsünü, test sayfasının oluşturulan HTML'sini, karşılaşılan JavaScript hatalarını ve daha fazlasını görmek için Test edilen sayfayı göster'i tıklayabilirsiniz.
Sonraki adımlar
- Sitenizin tamamında hangi mobil kullanılabilirlik sorunlarını tespit ettiğimizi görmek için Mobil Kullanılabilirlik raporunu kullanın (Search Console'da sitenin sahipliğini doğrulamanız gerekir).
- Her bir sayfanın dizine eklenen sürümlerini test etmek için URL Denetleme aracını kullanabilirsiniz.
- İYS web sitenizi nasıl mobil uyumlu hale getirebileceğinizi öğrenin (WordPress, Joomla! veya diğer İYS hizmetlerinde barındırılan sayfalar için).
- Mobil uyumlu sayfalar tasarlama hakkında daha fazla bilgi edinin.
