SEO

Metin Okunamayacak Kadar Küçük Hatası ve Çözümü

“Metin okunamayacak kadar küçük” hatası, sayfadaki yazıların telefonda kullanıcının yakınlaştırmadan okuyamayacağı kadar küçük olduğunu gösterir. En sık nedenleri; sayfada viewport etiketinin olmaması (telefon sayfayı masaüstü genişliğinde açıp küçültür) ve CSS’te gövde metni için 12-14 pikselin altında yazı boyutu kullanılmasıdır. Çözüm; viewport etiketini eklemek ve gövde metnini en az 16 piksel, satır aralığını 1,5 civarında ayarlamaktır.

Kısaca

Neden 1: Viewport etiketi yok, sayfa telefonda küçültülerek gösteriliyor.
Neden 2: Gövde metni çok küçük (ör. 11-13 px).
Önerilen: Gövde metni en az 16 px, satır aralığı 1,5-1,7.
Yakınlaştırmayı engellemeyin: user-scalable=no kullanmayın.

Güncel bilgi: Google, Search Console’daki Mobil Kullanılabilirlik raporunu Aralık 2023’te kaldırdı. Bu uyarıyı artık Search Console’da görmezsiniz; ancak küçük yazı hala kullanıcıların sayfadan hızla çıkmasına neden olur. Kontrol için Chrome Geliştirici Araçları ve PageSpeed Insights kullanın.

Search Console'da metin okunamayacak kadar küçük uyarısı ve etkilenen sayfa grafiği

İçindekiler

Mobilde Yazı Boyutu Kaç Piksel Olmalı?

Mobilde okunabilir yazı boyutu karşılaştırması: 11 ve 13 piksel okunması zor, 16 piksel önerilen alt sınır, 18 piksel rahat okuma

Öğe	Önerilen boyut
Gövde metni	16-18 px
Küçük notlar, alt bilgi	En az 14 px
H1 başlık (mobil)	26-32 px
H2 başlık (mobil)	22-26 px
Satır aralığı	1,5-1,7
Satır uzunluğu	Mobilde ekran genişliği, masaüstünde 60-80 karakter

Metin Okunamayacak Kadar Küçük Hatası Nasıl Düzeltilir?

Viewport etiketini ekleyin: <meta name="viewport" content="width=device-width, initial-scale=1">. Ayrıntılar: viewport meta etiketi.

Yazı boyutlarını CSS ile ayarlayın:

html { font-size: 100%; }            /* 16px tarayıcı varsayılanı */
body { font-size: 1rem; line-height: 1.6; }
small, .alt-bilgi { font-size: 0.875rem; } /* 14px altına inmeyin */
@media (max-width: 600px) {
  h1 { font-size: 1.75rem; }
}

Sabit piksel yerine rem kullanın: Kullanıcı tarayıcıda yazı boyutunu büyüttüğünde siteniz de büyür.
Kontrastı kontrol edin: Açık gri üzerine gri yazı, büyük olsa bile zor okunur.
Test edin: Chrome’da F12 > cihaz modu (Ctrl+Shift+M) ile telefon görünümünde yazıyı inceleyin ve Stiller panelinden font-size değerine bakın.

Chrome Geliştirici Araçları ile mobil görünümde yazı boyutunun incelenmesi

WordPress’te tema ayarlarında genellikle “Tipografi” bölümü bulunur; gövde yazı boyutunu buradan 16 piksele çıkarabilirsiniz. Yoksa Görünüm > Özelleştir > Ek CSS bölümüne yukarıdaki kuralları ekleyin.

Mobil uyumluluğun diğer yaygın sorunları için içerik ekrandan geniş ve tıklanabilir öğeler birbirine çok yakın yazılarına bakabilirsiniz.