Birçok arama motoru, sayfaları mobil uyumlu olup olmadıklarına göre sıralar. 12 pikselden küçük yazı tipi boyutlarının mobil cihazlarda okunması genellikle zordur ve kullanıcıların metni rahat bir okuma boyutunda görüntülemek için yakınlaştırma yapması gerekebilir.
Lighthouse yazı tipi boyutu denetimi nasıl başarısız olur?
Lighthouse, mobil cihazlarda kolayca okunamayacak kadar küçük yazı tipi boyutlarına sahip sayfaları işaretler:
![Sayfanın okunaksız yazı tipi boyutları olduğunu gösteren Lighthouse denetimi](https://developer.chrome.com/static/docs/lighthouse/seo/font-size/image/lighthouse-audit-showing-38ff49780439c.png?authuser=5&hl=tr)
Lighthouse, metnin% 40 veya daha fazlasının yazı tipi boyutu 12 pikselden küçük olan sayfaları işaretler. Bir sayfa denetimde başarısız olduğunda Lighthouse, sonuçları dört sütunlu bir tabloda listeler:
Kaynak | Okunaksız metne neden olan CSS kural grubunun kaynak konumu. |
Seçici | Kural kümesinin seçicisi. |
Sayfa Metninin Yüzdesi | Sayfada kural grubundan etkilenen metin yüzdesi. |
Yazı Tipi Boyutu | Metnin hesaplanan boyutu. |
Okunaksız yazı tipleri nasıl düzeltilir?
CSS'nizdeki yazı tipi boyutlarını kontrol edin. Sayfanızdaki metnin en az% 60'ında, en az 12 piksel yazı tipi boyutu kullanmayı hedefleyin.
Eksik görüntü alanı yapılandırması nasıl düzeltilir?
Lighthouse Text is illegible because of a missing viewport config
bildirirse belgenizin <head>
öğesine bir <meta name="viewport" content="width=device-width, initial-scale=1">
etiketi ekleyin.
Daha fazla bilgi için width
veya initial-scale
ile <meta name="viewport">
etiketi yok yayınına bakın.
Kaynaklar
Doküman, okunabilir yazı tipi boyutları kullanmıyor denetiminin kaynak kodu