Web sitesi telefonda nasıl test edilir?

Sayfa telefonda açıldı diye tur bitmez. Yazı okunuyor mu, düğmeye parmak basıyor mu, form gönderiliyor mu, menüden bir iç sayfaya geçilip geri dönülüyor mu. Bunlardan biri takılıyorsa sayfa o iş için uyumlu değildir. Görüntünün bozulmamış olması ayrı bir gözlemdir. İşin bitmesi asıl gözlemdir.

Google, mobil site kurmanın üç yolunu yazar: aynı adreste aynı HTML ile duyarlı tasarım, aynı adreste cihaza göre farklı HTML, ayrı adreslerde ayrı HTML. Duyarlı tasarımı bakımın en sade yolu olarak anar. Tur, hangi yolun seçildiğini sormaz. Seçilen yolda işin bitip bitmediğine bakar.

Google, Search Central blogunda 1 Aralık 2023'ten itibaren Search Console'daki Mobil Kullanılabilirlik raporunu, Mobil Uyumluluk Testi aracını ve bu aracın API'sini emekliye ayıracağını yazdı. Aynı yazı, mobil kullanılabilirliğin önemsizleşmediğini, sayfa deneyiminin parçası olarak durduğunu söyler. Tek bir araca bakıp geçti demek artık mümkün değildir.

Yerine konacak hazır bir rozet de yoktur. Tur, eldeki bir telefonun kendi tarayıcısında yapılır. Tarayıcının cihaz modu provadır. İkisi aşağıda ayrılır.

Beş sayfanın beşini de açmak gerekmez. Sitenin farklı iş gören sayfalarından birer tane yeter: ana sayfa, bir hizmet, iletişim, menünün açtığı bir iç sayfa, varsa diğer dil. Her birinde tek iş bitirilmeye çalışılır. Takılan yer not edilir. Not, ekran görüntüsüyle durursa sonradan tartışılmaz.

Aşağıdakiler bir puan cetveli değildir. Tur sırasında parmağın takıldığı yerlerdir. Biri varsa o sayfa o iş için kapanmaz.

W3C, WCAG 2.2 içinde AA düzeyindeki hedef boyutu ölçütünü şöyle yazar: işaretçinin bastığı hedef en az 24'e 24 CSS pikseli olur. Daha küçük bir hedef, çevresindeki 24 piksellik dairenin komşu hedefe değmemesi şartıyla da geçebilir. Cümlenin içindeki bir bağlantı istisnadır. Yan yana yapışık iki küçük ikon istisna değildir. Parmak yanlış olana basıyorsa tur, ölçüyü cetvelle doğrulamadan da takılmıştır.

Bu sayı eski bir mobil test aracının eşiği diye ezberlenmez. O araç emekliye ayrıldı. Sayı, W3C'nin bugün yazdığı AA ölçütüdür ve istisnaları vardır. Cetvel turu kapatmaz. Yapışık ikonlar turu açar.

MDN, viewport etiketini tarayıcıya görünür alanın boyutunu ve ölçeğini söyleyen işaret olarak anlatır. Telefonda sayfa masaüstü yerleşimin küçülmüş hali gibi duruyorsa bu etiket eksik ya da sabit bir genişliğe kilitli olabilir. Duyarlı sayfada alışılmış değer, genişliğin cihaz genişliği olması ve başlangıç ölçeğinin 1 olmasıdır. Prova bunu görmek için işe yarar.

Chrome, cihaz modunu mobil cihazları taklit ederek duyarlı sayfayı denemek için anlatır. Araç çubuğu genişliği değiştirir ve dokunmayı taklit edebilir. Telefonun klavyesini, yazı tipini ve şebekesini yeniden üretmez. Dar bir pencerede düzgün duran sayfa, eldeki telefonda formun yarısını klavyenin altında bırakabilir. Prova, tura çıkmadan önce bakılır. Turun yerine geçmez.

Google, dizine almak ve sıralamak için mobil sürümü kullandığını yazar. Masaüstünde duran bir paragraf mobil sürümde yoksa, dizine giren sürüm o paragrafı taşımayabilir. Google, mobil sayfanın birincil içeriğinin masaüstüyle eşdeğer olmasını önerir ve bilerek daha ince bir mobil sayfada trafik kaybı beklenebileceğini yazar. Sekmeye almak bir yerleşim farkı olabilir. İçeriği sayfadan çıkarmak eşdeğerlik değildir.

Aynı belge, kullanıcının kaydırması, tıklaması veya yazması gerekmeden yüklenmeyen birincil içeriği Google'ın yüklemeyeceğini söyler. Daha fazla göster düğmesinin arkasında duran asıl metin, ziyaretçi için de tarama için de yok sayılabilir. Hızın nedenleri ve ölçümün adları bu turun dışında, sitenin neden yavaş açıldığı yazısındadır.

Kurumsal sayfanın ilk ekranında durması gereken cümle ayrı listededir. O cümle telefonda okunmuyorsa liste kapanmaz. N2 Creative olarak site ve yazılım işinde sayfayı bitmiş saymadan önce bu beş işi bir telefonda yürümeyi doğru buluyoruz. Bu bir garanti metni değil, turun sırasıdır.