“Metin okunamayacak kadar küçük” Hatası çözümü

Google Search Console hesabınıza giriş yaptığınızda, Mobil Kullanılabilirlik bölümünde listelenen bazı hataları görebilirsiniz. Bu tür yaygın hatalardan biri “metin okunamayacak kadar küçük” hatasıdır. Bu hatanın nedeni, web sayfasında kullanılan yazı tipinin veya boyutunun, kullanıcının cihazında mevcut ekran boyutuna uygun olmamasıdır.

Metin okunamayacak kadar küçük hatası, web sitelerinde oldukça yaygın bir sorundur. Bu hata, kullanıcıların sayfadaki metni okuyamamasına ve site kullanılabilirliğini azaltmasına neden olabilir. Bu nedenle, en kısa sürede çözülmesi gereken bir hata türüdür.

Ek olarak, Metin okunamayacak kadar küçük hatasını tespit etmek için Google Mobil Uyumluluk Testi ve Bing Mobil Uyumluluk Testini kullanabilirsiniz. 

“Metin okunamayacak kadar küçük” Hatası nedir?

“Metin okunamayacak kadar küçük” hatası, bir web sitesindeki metnin, kullanıcının cihazındaki ekran boyutuna uygun olarak ayarlanmamasından kaynaklanan bir hata türüdür. Bu hata, genellikle Google Search Console Aracının Geliştirmeler sekmesi altında görüntülenir ve bir mobil kullanılabilirlik hatasıdır.

Bu hatanın sebebi, web sayfasında kullanılan yazı tipinin veya boyutunun, kullanıcının cihazındaki ekran boyutuna uygun olmamasıdır.

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

Metin okunamayacak kadar hatasını düzeltmek için uygulayabileceğiniz bazı adımlar şu şekildedir:

• Metnin boyutunu kontrol edin: Makale içeriğinde bulunan metinlerin ziyaretçiler tarafından okunması zor olduğu anlamına gelen bu hata yazı boyutunuzun küçük olduğu anlamına gelmektedir.
• Yazı tipi boyutu değiştirin: Okunabilir bir metin için geçerli boyutlar 12px ile 16 px arasıdır. (Bu boyutlar için hata almaya devam ediyorsanız 24px arası denemelerde bulunun)
• Font tipini değiştirin: Font tipi de metnin okunabilirliğini etkiler. Daha basit ve okunması kolay bir font tipi seçerek metnin okunabilirliğini artırabilirsiniz.

Yukarıdaki adımları uygulayarak, “Metin okunamayacak kadar küçük” hatasını düzeltebilirsiniz.

“Metin Okunamayacak Kadar Küçük” Hatasını Düzeltme Adımları

“Metin okunamayacak kadar küçük” hatasını düzeltmek için aşağıdaki adımları izleyin:

Adım 1: Hataya Neden Olan Sayfaları Belirleyin

Search Console’da oturum açın ve hataya neden olan örnek sayfayı belirleyin. (Daha önce vermiş olduğumuz mobil kullanılabilirlik testi bağlantılarınıda kullanabilirsiniz.) Bu size mobil kullanılabilirlik hatasına neden olan örnek bir sayfa gösterecektir. Size aşağıdaki sayfayı gösteriyorum. Böylelikle bu bölümde listelenen örnek sayfaları görebilirsiniz.

2. Adım: Metin boyutunu kontrol edin

Web sitenizin metin boyutunu kontrol etmek için tarayıcınızın geliştirici araçlarını kullanabilirsiniz. Bu araçlar, web sayfasının kaynak koduna erişmenizi ve sayfadaki her öğenin özelliklerini incelemenizi sağlar.

• Tarayıcınızın geliştirici araçlarına erişmek için, web sayfanızı açın ve klavyenizde F12 tuşuna basın. Alternatif olarak, tarayıcınızın sağ tıklama menüsünden “Sayfa Öğelerini İncele” seçeneğini seçebilirsiniz.
• Geliştirici araçlarının açıldığını göreceksiniz. Bu araçlar genellikle farklı sekmelerden oluşur. Tarayıcınıza bağlı olarak, “Elementler”, “Özellikler”, “Consol” gibi sekmeler görebilirsiniz.
• “Elementler” sekmesinde, sayfanın tüm HTML öğeleri listelenir. Metinleri içeren öğeleri (div, p, h1, h2, h3, span vb.) bulun ve üzerine tıklayın. Özellikler sekmesinde, öğenin tüm özellikleri listelenir. “font-size” özelliğini arayın ve metin boyutunu görüntüleyin.
• Alternatif olarak, tarayıcınızın zoom seviyesini artırarak, web sayfasındaki metinleri büyütebilirsiniz. Bu işlemi, tarayıcınızın sağ üst köşesinde bulunan zoom ayarlarını kullanarak yapabilirsiniz.

3. Adım: Her Görüntüye Maksimum Genişlik Özelliğini Ekleyin

Web sitenizdeki görüntülerin boyutu, sayfanın düzgün görüntülenmesini etkileyebilir. Görüntüler çok büyükse, sayfanın yüklenmesi yavaşlayabilir veya sayfa düzeni bozulabilir. Bunun yanı sıra, çok küçük görüntüler de okunabilirliği etkileyebilir.

Bu nedenle, web sitenizdeki görüntülerin maksimum genişliğini ayarlamak iyi bir fikir olabilir. Bu, görüntülerin boyutunu sınırlandırarak, sayfanın düzgün görüntülenmesini sağlar ve okunabilirliği artırır.

Görüntüye maksimum genişlik özelliği eklemek için şu adımları takip edebilirsiniz:

1. CSS kodunuza aşağıdaki kodu ekleyin:

• img { max-width: 100%; height: auto; }

Bu kod, web sitenizdeki tüm görüntülerin maksimum genişliğini yüzde 100’e ayarlar ve yüksekliği otomatik olarak ayarlar.

2. Kodu kaydedin ve web sitenizi kontrol edin. Görüntülerin maksimum genişliği sınırlandırılmış olmalıdır.

Bu adımları izleyerek, web sitenizdeki görüntülerin maksimum genişliğini sınırlandırabilir ve sayfanın düzgün görüntülenmesini sağlayabilirsiniz.

Adım 4: Yazı Tipi Boyutunu Ayarlayın

Web sitenizdeki yazı tipi boyutunu değiştirmek, okunabilirliği artırabilir veya azaltabilir. Yazı tipi boyutunu değiştirmek için CSS kodunu kullanabilirsiniz.

CSS kodunda, yazı tipi boyutunu belirtmek için “font-size” özelliğini kullanabilirsiniz. Bu özelliğin değerini piksel (px), em veya yüzde (%) olarak belirtebilirsiniz.

Örneğin, yazı tipi boyutunu 16 piksel olarak ayarlamak için aşağıdaki CSS kodunu kullanabilirsiniz:

• body { font-size: 16px; }

Bu kod, web sitenizdeki tüm metinlerin yazı tipi boyutunu 16 piksel olarak ayarlar.

Alternatif olarak, web sitenizin farklı bölümlerinde farklı yazı tipi boyutları kullanmak isteyebilirsiniz. Bu durumda, ilgili CSS kodunu doğru bölüme eklemeniz gerekir. Örneğin, bir başlık etiketinin yazı tipi boyutunu değiştirmek için aşağıdaki CSS kodunu kullanabilirsiniz:

• h1 { font-size: 24px; }

Bu kod, web sitenizdeki tüm h1 başlıklarının yazı tipi boyutunu 24 piksel olarak ayarlar.

Yazı tipi boyutunu değiştirirken, okunabilirliği etkilememek için dikkatli olmanız gerekir. Çok büyük veya çok küçük yazı tipi boyutları, okuyucuların web sitenizi ziyaret etmesini engelleyebilir veya zorlaştırabilir.

Adım 5: Web Sitenizin Düzenini Kontrol Edin

Şimdi, web sitenizin düzeninin duyarlı olup olmadığını kontrol edin. Web sitesi tasarımınız yanıt vermiyorsa, siteniz “okunamayacak kadar küçük metin” hatası verebilir.

Bunu kontrol etmenin daha kolay bir yolu, örnek web sitesini mobil tarayıcınızda açmaktır. Tam içeriği görüntülemek için herhangi bir kaydırma çubuğu fark ederseniz, siteniz tam olarak yanıt vermiyor.

6. Adım: Düzeltmeyi Doğrulayın

Tüm değişiklikleri yaptıktan sonra, Search Console’da Düzeltmeyi Doğrulaya tıklayın.

Artık Google, sitenizdeki “okunamayacak kadar küçük metin” sorununun giderilip giderilmediğini görmek için doğrulama sürecini başlatacak. Herhangi bir hata tespit edilmezse, doğrulama başarılı olarak bildirilecektir.

“Metin Okunamayacak Kadar Küçük” Çözüm

Bu adımları takip ederek, “Metin okunamayacak kadar küçük” hatasını düzeltebilirsiniz. Ancak, hatanın nedeni hala belirsiz ise, profesyonel bir web geliştiriciye danışmanızı öneririm.

Ayrıca Google Search Console ile ilgili diğer içeriklerimize göz atabilirsiniz.