Her yere yayılan yeni Mobil Kullanılabilirlik hatası şudur: “ Tıklanabilir öğeler birbirine çok yakın . Ve bu konuda daha kolay ve daha iyi bir çözüm arayışındaysanız. O zaman doğru yerdesin.
Bu nedenle, birçoğunuzun Google’daki “ Sitenizde Algılanan Yeni Mobil Kullanılabilirlik Sorunları ”HATA mesajını alıp bu nedir ya dediğiniz olmuştur
Bu kategoride listelenen bir veya daha fazla etkilenen sayfa olabilir. Ancak, yakın zamanda site temanızı değiştirdiyseniz veya yeni bir eklenti eklediyseniz. Ardından, bu Tıklanabilir Öğeler çok Yakın kategorisi altında etiketlenmiş daha fazla sayfa / gönderi alma şansınız var.
Google Arama Konsolu’ndaki “Tıklanabilir öğeler birbirine çok yakın” hatası nasıl düzeltilir?
Etkilenen sayfalar için ook. 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.
- Tıklanabilir Elemanları araya çok yakın birlikte hatayı arayın ve tıklayın.
- Google’a göre yanlışlıkla dokunma yapan, birbirine yakın Öğelere sahip tüm sayfaları gösterecektir.
Şimdi, etkilenen bir veya iki sayfanız varsa, bu bağlantılara yalnızca özel CSS ekleyebilirsiniz ve gitmeye hazırsınız.
Ancak, Tıklanabilir Öğeler ile etkilenen gösterilen yüzlerce sayfanız varsa, hata birbirine çok yakın. O zaman sitideki düzeltmelere ihtiyacınız olabilir.
Tıklanabilir öğeler birbirine çok yakınlar Özel CSS Koduyla Hata Düzeltme:
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.
Ancak önce “birbirine çok yakın tıklanabilir öğeler” sorununu teşhis etmeniz gerekir:
Hangi canlı öğelerin Google’ı standart mesafeye kıyasla birbirlerine daha yakın olduklarını düşündürdüğünü fark etmeniz gerekiyor.
Çoğu durumda, sitelere eklenen reklamlar veya Özel Komut Dosyaları her zaman vardır. Hangi bloglar yanlışlıkla blogların çoğunda düğmelere veya görüntülere daha yakın yayınlanır? Tek yapman gereken onları birbirinden ayırmak. Veya her iki öğe / öğe arasına biraz boşluk bırakın.
Özel CSS Kodlaması Olmadan Tıklanabilir Öğeleri Birbirine Çok Yakın Nasıl Düzeltebilirim?
Şimdi bu konunun Web Sitesi Teması Özel CSS’nizin derinliklerine düşmeden düzeltilmesini istiyorsanız. Bunu, Web Sitenizin farklı unsurları arasındaki marjı düzeltmenize veya artırmanıza 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.
Tıklanabilir Öğeleri Birbirine Çok Yakın Kapatmak 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 farklı tıklanabilir öğelerin marjlarını artırmak istiyorsanız. Sadece bu Eleman üzerine tıklayabilir ve ayrı bir pencerede verilen kenar boşluklarını 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.
Elements marginsini artırmak için Visual CSS Style Editor Plugin 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 Elemanları seçebilirsiniz. Dolguya tıklayın ve Sol, Sağ, Yukarı ve Altta Dolgu boyutunu değiştirin. Genellikle 0 pikseldir, 10 ile 20 piksel arasında artabilirsiniz.
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 Marj boyutunu artırdığınızdan emin olun.
SONUÇ
Tıklanabilir öğelerin birbirine çok yakın bir şekilde çözülmesi Google Arama Konsolunda gösterilen hata bu kadar kolay olmamıştı. Görsel olarak değişiklikler yapabilir ve siteniz için tıklanabilir öğelerin doğru boyutunu ayarlayabilirsiniz.
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.