"Tıklanabilir bağlantılar çok yakın" hatası, web sitenizdeki tıklanabilir bağlantıların çok yakın olması nedeniyle kullanıcı deneyimini olumsuz etkileyen bir hata mesajıdır. Bu hata, özellikle mobil cihazlarda, kullanıcıların yanlışlıkla yanlış bağlantıya tıklamasına veya birden fazla bağlantıya aynı anda tıklamasına neden olabilir.
Bu hatayı düzeltmek için aşağıdaki adımları izleyebilirsiniz:
HTML ve CSS kodunuzu inceleyin ve tıklanabilir bağlantıların yeterli boşlukta olduğundan emin olun. Bağlantılar arasında yeterli boşluk bırakarak, kullanıcıların yanlışlıkla yanlış bağlantıya tıklamasını önleyebilirsiniz.
Responsive tasarım kullanarak, mobil cihazlarda bağlantıları birbirinden daha fazla ayırabilirsiniz. Bu, kullanıcıların yanlışlıkla yanlış bağlantıya tıklamasını önler.
Sayfanızdaki bağlantıların sayısını azaltın. Birden fazla bağlantıya aynı anda tıklama riskini azaltmak için sayfanızda çok fazla bağlantı kullanmaktan kaçının.
Web sitenizde kullanılan tema veya eklentileri gözden geçirin. Bazı temalar veya eklentiler, bağlantıların çok yakın olmasına neden olabilir. Bu durumda, tema veya eklentiyi değiştirmeyi deneyebilirsiniz.
Yukarıdaki adımları uygulamak, "Clickable links are too close together" hatasını düzeltmenize yardımcı olacaktır. Ancak, hata devam ederse, web sitenizi Google PageSpeed Insights gibi bir araçla test etmeyi deneyebilirsiniz. Bu araç, hata mesajının daha ayrıntılı bir açıklamasını ve hatanın nedenini belirlemenize yardımcı olabilir.
Question2Answer Özelinde ise aşağıdaki yöntemleri deneyerek yeni test yapabilirsiniz.
- Google Chrome veya Mozilla Firefox tarayıcısını kullanarak bir Masaüstü/Dizüstü bilgisayar ile web sitenize göz atın. (Ben ikincisini tercih ederim).
- Birbirine çok küçük veya çok yakın olan bağlantılara sağ tıklayın ve ardından "Öğeleri İncele"yi seçin
- Artık "Tıklanabilir bağlantılar çok yakın" sorununa neden olan CSS adını biliyorsunuz. Örneğin, "qa-nav-altbilgi-bağlantısı".
- Örnek bağlantımıza uygulamak için şu CSS hilelerinden birini deneyin: "qa-nav-footer-link"
- Kenar boşluğu kullanın :10px veya kenar boşluğu: 10px; margin-left:10px veya -top/-right/-left/-bottom ne işe yarayabilirse.
- padding :10px veya padding-top: 10px; padding-left:10px veya -top/-right/-left/-bottom ne işe yarayabilirse.
- Daha büyük yazı tipi boyutuna geçin, çünkü bu daha sonra şu linklerin etrafındaki alanı da artıracaktır:ör., yazı tipi boyutu:16px;
- Justify-content kullanın : boşluk eşit olarak; dış DIV için, bu durumda olduğu gibi qa-nav-footer.
- Belki bunlara benzer başka CSS numaraları da vardır.