Bu sayfa tek bir aracın verisine odaklanır: Mobil Uyumluluk Kontrolü. Bu puanların diğer ölçümlerle nasıl bir arada durduğunu, tam dağılımları ve yöntemi SEO Skor Kıyaslama sayfasında bulacaksın.
Hangi mobil kontrol eksik kalıyor?
Araç bir URL alıyor ve sekiz kontrol çalıştırıyor: viewport etiketi ve içindeki iki değer, yakınlaştırmanın engellenip engellenmediği, duyarlı CSS, duyarlı görseller, sabit genişlikli yerleşim ve karakter seti. Aşağıdaki yüzde, kontrolün geçilemediği taramaların oranıdır.
| Kontrol | Başarısız oranı | Ağırlık |
|---|---|---|
| Sabit genişlikli yerleşim yok | 55% | Kısmi kayıp |
| Duyarlı görseller (srcset) | 53% | Kısmi kayıp |
| Duyarlı CSS (media query) | 31% | Tam kayıp |
| initial-scale tanımlı | 19% | Kısmi kayıp |
| width=device-width | 13% | Tam kayıp |
| Viewport meta etiketi | 11% | Tam kayıp |
| Yakınlaştırma engellenmemiş (erişilebilirlik) | 8% | Kısmi kayıp |
| Karakter seti tanımlı | 5% | Kısmi kayıp |
Tablonun üst ve alt yarısı iki ayrı hikâye anlatıyor. Üstteki iki kalem — sabit genişlikli yerleşim %55’inde, duyarlı görseller %53’ünde — en yaygın olanlar ama ikisi de kısmi kayıp: sayfa telefonda çalışmaya devam eder. Alttaki üç kalem çok daha nadir ama tam kayıp, çünkü onlar olmadan sayfa telefonda gerçekten çalışmaz. Ortalama bir tarama sekiz kontrolün 6,0 tanesini geçiyor.
Puanın içindeki uçurum
Bu ölçümü diğerlerinden ayıran şey dağılımının şekli. 25. yüzdelik 78, 10. yüzdelik 26 — aralarında 52 puan var. Taramaların %62’si 80 ve üzerinde toplanıyor, %11’i 40’ın altına düşüyor ve 40–59 bandında yalnızca %1 kalıyor. Not dağılımı da aynı şeyi söylüyor: 586 tarama A alırken 163 tarama F alıyor, aradaki D bandında ise yalnızca 29 tarama var.
Bu boşluğun sebebi puanlamada. Viewport meta etiketi ve içindeki width=device-width değeri, birlikte puanın yarısını taşıyor — ve ikisi de aynı tek satırda yaşıyor:
<meta name="viewport" content="width=device-width, initial-scale=1">
Bir sayfada bu satır varsa üç kontrol birden geçiyor; yoksa üçü birden kalıyor. Ara durum diye bir şey yok, dağılımdaki boşluk da bu yüzden. Rakamlar da örtüşüyor: viewport etiketi taramaların %11’inde eksik, width=device-width %13’ünde eksik — ve 40’ın altına düşen taramaların oranı %11. Aynı sayfalar. Pratik sonucu şu: bu ölçümde düşük puan alan bir sayfa için yapılacak iş bir iyileştirme listesi değil, tek bir satır. Onu ekledikten sonra sayfa doğrudan üst bandın eşiğine çıkar.
Kategori sıralaması ilk bakışta bununla çelişiyor gibi görünüyor: taramaların %80’inde en zayıf kategori “Duyarlı yerleşim”, yalnızca %15’inde “Viewport ve ölçekleme” oldu. Çelişki değil: “en zayıf kategori” yalnızca viewport etiketi olan sayfalarda ölçülebilir bir sıralama. O etiket yoksa sayfa zaten dibe düşüyor; varsa geriye kalan tek zayıf nokta yerleşimin kendisi oluyor.
Sağlam sayfalarda kalan iki eksik
Uçurumun sağ tarafındaki sayfalar — yani örneklemin büyük çoğunluğu — hep aynı iki kalemi kaçırıyor. Sabit genişlikli yerleşim taramaların %55’inde hâlâ var: genellikle eski bir tablo, sabit genişlikli bir görsel ya da bir şablondan kalan width="960". Duyarlı görseller ise %53’ünde eksik. İkincisi mobil uyumu bozmuyor ama telefonun masaüstü boyutunda görsel indirmesine yol açıyor — bedeli mobil değil, hız ve veri tarafında ödeniyor.
Bir de listenin dibinde duran ama ayrıca anılmayı hak eden bir kalem var: taramaların %8’inde kullanıcının yakınlaştırması engellenmiş durumda. Bu bir SEO sorunu değil, bir erişilebilirlik sorunu: düzen bozulmasın diye eklenen user-scalable=no, az gören bir okuyucunun metni büyütmesini de engelliyor. Düzen zaten duyarlıysa bu satıra gerek yok.
Sayfanın mobil uyumunu test et
Sıkça sorulan sorular
İyi bir mobil uyumluluk puanı kaçtır?
Bu veri setinde medyan 84/100 ve taramaların %62 kadarı 80 ve üzeri. Ama bu ölçümde asıl bakılacak şey puanın kendisi değil, hangi tarafta olduğun: 25. yüzdelik 78 iken 10. yüzdelik 26. Yani 78 ile 26 arasında neredeyse hiç sayfa yok. 60’ın altındaysan bu bir “biraz iyileştir” durumu değil, büyük ihtimalle viewport etiketinin hiç olmadığı anlamına geliyor.
10. ve 25. yüzdelik arasındaki uçurum neden bu kadar büyük?
Çünkü puanın yarısı tek bir HTML satırında toplanıyor. Viewport meta etiketi ve içindeki width=device-width değeri, mevcut puanın yarısını taşıyor — ikisi de aynı etiketin içinde yaşıyor. Bir sayfada o etiket varsa ikisi birden geçer, yoksa ikisi birden kalır. Ara durum yok. Bu yüzden taramaların %11 kadarı (155 tarama) 40’ın altına düşerken geri kalanı 60’ın üstünde toplanıyor; puan bir yamaç değil, bir eşik.
Duyarlı görsel (srcset) eksikliği sayfayı mobil uyumsuz yapar mı?
Hayır — kısmi puan kaybı olarak işleniyor, tam kayıp olarak değil. Sayfa telefonda düzgün görünmeye devam eder; sorun görselin gereğinden büyük indirilmesidir. Yine de listedeki en yaygın eksiklerden biri: taramaların %53 kadarında srcset yok. Etkisi mobil uyumdan çok veri kullanımında ve yüklenme süresinde görülür; bu yüzden asıl karşılığını hız tarafında alırsın.
Kullanıcının yakınlaştırmasını engellemek zararlı mı?
Evet, ve bu örneklemde hâlâ taramaların %8 kadarında yapılıyor. user-scalable=no ya da maximum-scale=1 eklemek, düzenin bozulmasını önlemek için tasarımcıların yıllardır başvurduğu bir kısayol; bedeli, az gören kullanıcıların metni büyütememesi. Bugün gerekçesi de kalmadı: düzen zaten duyarlıysa yakınlaştırmayı kapatmaya ihtiyaç olmaz.
Örneklem, yöntem, anonimleştirme ve CC BY 4.0 lisansı kıyaslama merkezinin yöntem bölümünde açıklanıyor.