Mobil Uyumluluk
Sitenizin telefon ekranında düzgün görünüp görünmediğini denetler. Bunun temel şartı, her sayfanın <head> bölümünde doğru bir 'viewport' etiketinin bulunmasıdır.
Neden önemli?
Google, siteleri öncelikle mobil sürümüne göre değerlendirir (mobile-first indeksleme); viewport etiketi olmayan sayfa telefonda küçülmüş/bozuk görünür ve sıralama kaybeder. Yakınlaştırmayı (zoom) engellemek ise erişilebilirlik ihlalidir ve otomatik denetimlerde hata verir. Doğru viewport, içeriğin her ekranda okunaklı ve kullanılabilir olmasını sağlar.
Sitenizde nasıl anlarsınız?
SeoPulse raporunda 'Viewport'lu sayfa' oranı %100 değilse veya 'Viewport eksik' 0'dan büyükse ya da 'Yakınlaştırma (zoom) engellenmiş' uyarısı varsa sorun vardır; düşük mobil PSI skoru da listelenir. Kendiniz kontrol için: sayfada sağ tık > 'Sayfa kaynağını görüntüle' deyip 'viewport' arayın. Etiket yoksa ya da içinde 'user-scalable=no' / 'maximum-scale=1' geçiyorsa düzeltilmeli. Telefonda sayfayı iki parmakla büyütmeyi deneyin; büyümüyorsa zoom engellenmiştir.
Nasıl düzeltilir?
- 1
Her sayfanın <head> bölümünde bir viewport meta etiketi olduğundan emin olun; yoksa aşağıdaki doğru sürümü ekleyin.
- 2
Viewport içinde 'user-scalable=no' veya 'maximum-scale=1' varsa bunları kaldırın; kullanıcının yakınlaştırabilmesi gerekir.
- 3
Tema/şablon dosyanızda (WordPress'te header.php) viewport tek yerde tanımlıysa, düzeltmeyi orada yapmanız tüm sayfaları kapsar.
- 4
Rapordaki mobil performans / dokunma hedefi (tap target) uyarıları varsa, tıklanabilir öğeleri en az 48x48 piksel yapın ve gövde yazı boyutunu en az 16 piksel tutun.
- 5
Değişiklikten sonra telefonda ya da tarayıcının mobil görünüm modunda sayfayı açıp yatay kaydırma çıkmadığını doğrulayın.
<!-- Viewport ya hiç yok, ya da yakınlaştırmayı engelliyor -->
<meta name="viewport"
content="width=device-width, user-scalable=no, maximum-scale=1"><!-- Doğru viewport: mobilde ölçeklenir, yakınlaştırma serbest -->
<meta name="viewport" content="width=device-width, initial-scale=1">Kendiniz uğraşmak istemiyor musunuz?
Bu sorunu ve raporunuzdaki diğerlerini sizin için çözelim.