Bir WordPress siteniz varsa ve Google Arama Konsolunuz Mobil Kullanılabilirlik menüsü altındaki “Okunamayacak kadar küçük” hatası gösteriyorsa . O zaman doğru yerdesin. Bu aynı sorundan şahsen ben etkilendim.
Sitemde iyi bir ücretli / premium temam olsa da, sitemdeki yazı büyüklüğü veya yazı büyüklüğünü okumak oldukça iyiydi. Ancak yine de, Google Arama Konsolu bana aynı hatayı tekrar tekrar göstermeye devam ediyor. Bu hatayı aldıktan sonra bu “ Yeni Mobil Kullanılabilirlik Sorunları Site üzerinde algılandı “ sorununa çözüm aramaya başladım ve çözümü buldum.
Diğer herkes gibi ben de kolay düzeltmeyi aramak için googleden çok araştırdım. Fakat Biraz kodlama bilen ve ThemeFunction dosyalarını düzenleyebilen veya özel CSS ekleyen kullanıcılar için mevcut tonlarca yardım vardı. Ama sen de benim gibi yeni başlayan birisin, kodlama hakkında pek bir şey bilmiyorsan. İşte sizin için kolay bir düzeltme.
Google Arama Konsolunda “Metin Okunamayacak kadar küçük” hatası nasıl düzeltilir:
Etkilenen sayfaları arayın. Bu adımları izleyerek hatada gösterilenleri kolayca tespit edebilirsiniz.
- Lütfen Google Search Console Gidin
- Giriş Yapın ve aşağı açılır menüden Web Sitenizi Seçin .
- Şimdi Mobil Kullanılabilirlik Menüsüne gidin.
- Burada Kırmızı ile ilgili tüm sorunları / Hataları göreceksiniz.
- Metni Okumak İçin Çok Küçük Metin’i arayın ve tıklayın.
- Tüm sayfalara Google’a göre okunması zor olan küçük bir metin gösterilecektir.
Şimdi, etkilenen bir veya iki sayfanız varsa, bu bağlantılara yalnızca özel CSS ekleyebilirsiniz ve gitmeye hazırsınız.
Ancak, Metin Çok Küçük Okuma hatasıyla etkilenen gösterilen yüzlerce sayfanız varsa. O zaman sitedeki düzeltmelere ihtiyacınız olabilir.
Özel CSS Koduyla Hatayı Düzeltmek İçin Çok Küçük Bir Metin:
Sorunu çözmenin en iyi ve en kolay yolu Özel CSS kodlaması yapmaktır. Ama tam kodlamayı biliyorsan. İşte bir WordPress sitesine eklenen ekstra / özel CSS örneği.
CSS düzenlemelerini bilmiyorsanız bunu denemeyin.
Ve işte iframe için benim css:
.embed-responsive {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden;
}
.embed-responsive::before {
display: block;
content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.embed-responsive-21by9::before {
padding-top: 42.8571428571%;
}
.embed-responsive-16by9::before {
padding-top: 56.25%;
}
.embed-responsive-4by3::before {
padding-top: 75%;
}
.embed-responsive-1by1::before {
padding-top: 100%;
}
Özel CSS Kodlaması Olmadan Okumak İçin Çok Küçük Metin Nasıl Düzeltilir?
Şimdi bu konunun Web Sitesi Teması Özel CSS’nizin derinliklerine düşmeden düzeltilmesini istiyorsanız. Web sitenizin Font boyutunu düzeltmede size yardımcı olabilecek bazı eklentilerle yapabilirsiniz. Etiketler, Kategoriler, Arama Sayfaları, Resimler ve hatta Sayfalar dahil olmak üzere yalnızca Mesajların içinde değil, sitenin her yerinde.
Metni okumak için çok küçük düzeltmek için Eklentiler Hatası:
Kapsamlı araştırmamla, şu an yaşlarımı aradığım bir eklenti ile karşılaştım. “Visual CSS Style Editor” veya “YellowPencil” olarak adlandırılır ve WaspThemes tarafından geliştirilmiştir.
İşte bu WordPress eklentisinin ekran görüntüsü.
Visual CSS Stil Düzenleyicisi veya YellowPencil Eklentisi Bilgisi:
Eklenti Adı | Visual CSS Stil Düzenleyicisi |
Dosya boyutu | 100KB |
En son versiyon | 7.2.3 |
WordPress Sürümü | 4.0 veya Daha Yüksek |
Geliştirici | Wasp Temaları |
Tarihinde güncellendi | 2 hafta önce |
Aktif Kurulumlar | 20.000 + |
Neden YellowPencil Eklentisi?
Çünkü bu eklentiyi kullanarak düzeltmelerin çoğunu yapabilirsiniz ve ücretsizdir. Bazı premium ücretli seçenekler olsa da, ücretsiz işlevler hala sorunları çözmeniz için fazlasıyla yeterli.
İkincisi, Yellow Pencil WordPress Plugin ile herhangi bir CSS Style dosyasını / Verisini kolayca düzenleyebilir veya değiştirebilir ve değişikliklerin görsel efektlerini hemen önünüzde görebilirsiniz.
Öyleyse, makalenizin gövdesindeki metnin boyutunu artırmak istiyorsanız. Bu metne tıklayabilir ve ayrı bir pencerede verilen yazı tipi boyutunu değiştirebilirsiniz.
Visual CSS Stil Düzenleyicisi’nin en iyi kısmı, tek bir yayını değiştirebileceğiniz veya yalnızca tek bir tıklamayla tüm tema şablonunda veya Sitede düzenleme efektlerini uygulayabileceğinizdir.
Metin / Yazı Tipi Boyutunu artırmak için Visual CSS Stil Düzenleyicisi Eklentisi nasıl kullanılır:
Öncelikle doğru eklentiyi indirdiğinizden emin olun.
- WordPress Site Panonuza gidin .
- Eklentiye tıklayın
- Yeni Ekle’ye tıklayın
- Visual CSS Stil Düzenleyicisi’ni arayın .
- Wasp Themes tarafından geliştirilen bir indirin .
- Eklentiyi indirin ve etkinleştirin .
Bir kez yaptıktan sonra, metin boyutunu değiştirmek istediğiniz herhangi bir sayfaya veya yazıya gidebilirsiniz. Tek yapmanız gereken, üst çubuktaki YellowPencil ile Düzenle seçeneğine tıklamak.
Gönderi içindeki metni seçin ve Şablon özelleştirme etkin durumdayken düzenlediğinizden emin olun . Metni veya tüm site için yaptığınız değişiklikleri özelleştirmenize yardımcı olur.
Şimdi boyutunu değiştirmek istediğiniz metni seçebilirsiniz. Metin Sekmesine tıklayın ve metnin boyutunu değiştirin. Genellikle 14 px’dir, 17 veya 18 px’e yükseltebilirsiniz.
Bir kez yeşil kaydet düğmesine tıklayın. Ve bu kadar. Bu işlemi Kategoriler, Etiketler ve hatta arama sonuçları sayfalarında da tekrarlayabilirsiniz. Ayrıca, kenar çubuklarındaki içeriğin metin boyutunu da arttırdığınızdan emin olun.
Sonuç:
Metin Çözme, Google Arama Konsolu’nda gösterilen Hata’nı okumak için çok küçük; Görsel olarak değişiklikler yapabilir ve siteniz için metnin doğru boyutunu ayarlayabilirsiniz.
Sonuç:
Gerekli tüm değişiklikler yapıldıktan sonra. Artık Google Arama Konsoluna dönebilir ve Mobil kullanılabilirlik altındaki Düzeltmeleri Doğrula seçeneğine tıklayabilirsiniz . Hala herhangi bir sorunuz varsa. Aşağıya yorum yapabilirsiniz.
3 yorum
Birkaç web sitemde bu hatayı alıyordum, biraz uğraştırıcı ama kesin çözüm olmuş Enes bey, teşekkürler.
Rica ederim yararlı olmasına sevindim
Güzel anlatım olmuş teşekkürler.