Mobil Uyumluluk Testi Aracı

Mobil uyumlu bir web sitesine sahip olmak çevrimiçi varlığınızın çok önemli bir parçasıdır. Pek çok ülkede artık akıllı telefon trafiği masaüstü trafiğini aşmıştır. Web sitenizi henüz mobil uyumlu yapmadıysanız en kısa zamanda yapmalısınız. Search Console'un Mobil Uyumluluk Testi Aracı ile sitenizdeki bir sayfanın mobil uyumlu olup olmadığını hızlı ve kolay bir şekilde test edebilirsiniz.

Mobil Uyumluluk Testi Aracı'nı aç

 

Aracı kullanma

Mobil Uyumluluk testi aracının kullanımı çok kolaydır. Test etmek istediğiniz web sayfasının tam URL'sini yazmanız yeterlidir. Sayfanın gerçekleştirdiği yeniden yönlendirmelerin ardından test uygulanır. Testin tamamlanması genellikle bir dakikadan kısa sürer.

Test sonuçları, mobil kullanılabilirlikle ilgili bulunan sorunların olduğu bir listeyi ve Google'ın, sayfayı mobil cihazda nasıl gördüğüne dair bir ekran görüntüsünü içerir. Mobil kullanılabilirlik sorunları, sayfayı mobil (küçük ekranlı) cihazda ziyaret eden kullanıcıları etkileyebilecek küçük yazı tipi boyutları (bunların küçük ekranda okunması zordur) ve Flash kullanımı (çoğu mobil cihazda desteklenmez) gibi sorunlardır.

Sayfaya ulaşılamıyorsa

Herhangi bir nedenle araç sayfaya erişemezse sorunun açıklandığı bir hata görüntülenir. Erişim sorunları, ağ bağlantısı sorunlarından veya sitenizin kapalı olmasından kaynaklanabilir.

Bu araç, sayfaya Googlebot olarak (yani kimlik bilgilerinizi kullanmadan, Google olarak) erişir. Bu yöntem, aracın bir robots.txt dosyası tarafından engellenebileceği anlamına gelir.
Sayfa yüklenebilir kaynaklara sahipse

Test sırasında, sayfanın kullandığı tüm kaynaklar yüklenemezse bir uyarı alırsınız. Kaynaklar, sayfa tarafından eklenmiş resim, CSS veya komut dosyaları gibi harici öğelerdir. Bu durum, birkaç nedenden dolayı ortaya çıkabilir:

  • 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 ana makineden yanıt alınamamasının nedenini keşfedip düzeltmeye çalışın.
  • Kaynak, belirtilen konumda mevcut değildir (404 hatası). Kaynak URL'sini 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), kendi sitenizde yer alıyorsa kaynaktaki Googlebot engellemesini kaldırmak isteyebilirsiniz; başka bir sitede yer alıyorsa 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 hem mobil kullanılabilirlik puanını hem de Google'ın sayfanızı taramasını etkiler. Ö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.

Flaky 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. Bu durum, yüklenen kaynak grubunun her test çalışmasında değişik olabilmesinden kaynaklanmaktadır. 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 kullanılabilirlik hataları

Mobil Uyumluluk Testi aracı, aşağıdaki kullanılabilirlik hatalarını tanımlayabilir:

Hata listesi

Uyumsuz eklentiler kullanılıyor

Sayfa, çoğu mobil tarayıcı tarafından desteklenmeyen Flash gibi eklentileri içeriyor. Sayfanızı HTML5 gibi modern, geniş kapsamlı web teknolojilerini kullanarak yeniden tasarlamanızı öneririz. Web animasyonu yönergeleri hakkında daha fazla bilgi edinin.

Görüntü alanı ayarlanmadı

Sayfanız, 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ımlamamaktadır. Sitenizin ziyaretçileri, geniş masaüstü monitörlerden tabletlere ve küçük akıllı telefonlara kadar değişen ekran boyutlarına sahip çeşitli cihazlar kullandığından, 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 benimseyin ve görünümü, cihazın genişliği ve ölçeğiyle eşleşecek şekilde ayarlayın. Doğru bir şekilde Viewport'u nasıl ayarlayacağınızı öğrenin.

İçerik, ekrandan geniş

Bu rapor, kelimeleri ve resimleri görmek için yatay kaydırma yapılması gereken sayfaları belirtir. Bu durum, sayfaların, CSS bildirimlerinde mutlak değerlerin kullanılması veya belirli bir tarayıcı genişliğinde (980 piksel gibi) en iyi şekilde görünmelerini sağlamak üzere tasarlanmış resimlerin kullanılmasıyla ortaya çıkar. Bu hatayı düzeltmek için sayfaların, CSS öğeleri için göreli genişlik ve konum değerleri kullandıklarından ve resimlerin de ölçeklenebildiğinden emin olun. İçeriği Görünüme Göre Boyutlandırma konusunda daha fazla bilgi edinebilirsiniz.

Metin okunamayacak kadar küçük

Bu rapor, sayfa yazı tipinin okunamayacak kadar küçük olduğu ve mobil ziyaretçilerin okumak için görünümü "parmak hareketiyle uzaklaştırmalarını" gerektiren sayfaları tanımlar. Web sayfalarınız için bir görünüm belirledikten sonra yazı tipi boyutlarınızı, görünüm içinde uygun olarak ölçeklenecekleri şekilde ayarlayın. Okunabilir Yazı Tipi Boyutları Kullanma konusunda, yazı tipi boyutu en iyi uygulamaları hakkında daha fazla bilgi edinebilirsiniz.

Tıklanabilir öğeler birbirine çok yakın

Bu raporda, düğmeler ve gezinme bağlantıları gibi dokunma öğelerinin, mobil kullanıcı bu öğelere dokunmaya çalışırken yanlışlıkla yakınındaki diğer öğelere de dokunacağı kadar yakın yerleştirildiği site URL'leri gösterilir. Bu hataları düzeltmek üzere düğme ve gezinme bağlantılarının boyutlarını ve boşluklarını mobil ziyaretçileriniz için uygun bir şekilde doğru olarak ayarladığınızdan emin olun. Dokunma Hedeflerini Uygun Şekilde Boyutlandırma konusunda daha fazla bilgi edinebilirsiniz.

Sonraki adımlar

Bu makale faydalı mıydı?
Bunu nasıl iyileştirebiliriz?