"Buraya tıklayın" gibi bağlantı metinlerini kullanmayın (2001)

• "Buraya tıklayın" gibi genel bağlantı metinleri kullanmanın sorunları vurgulanıyor
• Erişilebilirliği artırmak için bağlantı metninin içeriğin anlamını açıkça iletmesi gerektiği belirtiliyor
• Arama motorları ve ekran okuyucu kullanıcı deneyimi üzerinde olumsuz etki yaratıyor
• Açık ve bağlamı yansıtan bağlantı ifadeleri, hem kullanıcılara hem de teknolojiye fayda sağlıyor
• 2001'den beri web standartları ve UX ilkeleri çerçevesinde doğru bağlantı metinlerini öneren bir yaklaşım sürüyor

---

Giriş

• "Buraya tıklayın" veya "click here" gibi genel bağlantı metinleri kullanımı, uzun zamandır web geliştiricileri arasında yaygın bir uygulama olarak yerleşmiş durumda
• Ancak bu yaklaşım, erişilebilirlik, kullanılabilirlik ve SEO açısından önemli dezavantajlar barındırıyor

Bağlantı metninin anlamı ve sorunları

• Bağlantı metni, kullanıcının tıklamadan önce bağlantının nereye gideceğini tahmin edebilmesini sağlayacak bilgiyi sunma görevini taşımalı
• Sadece "Buraya tıklayın" şeklinde yazıldığında, bağlantı bağlamdan kopuk hale gelir ve kullanıcı kafa karışıklığına ile erişilebilirliğin azalmasına yol açar

Erişilebilirlik ve kullanıcı deneyimine etkisi

• Ekran okuyucu kullanıcıları sayfadaki bağlantı listesini taradığında, hepsinde aynı "Buraya tıklayın" ifadesini duydukları için bilgi edinmekte zorlanır
• Bağlantılar anlam içeren somut ifadelerle yazıldığında, hem görme engelli kullanıcılar hem de farklı koşullardaki kullanıcılar için deneyim verimliliği artar

Arama motoru optimizasyonu (SEO) açısından değerlendirme

• Arama motorları da içerik alaka düzeyini ve kalitesini değerlendirmek için bağlantı metinlerini analiz eder
• Önemli anahtar kelimeleri ve bağlamı içeren bağlantı metinleri, arama sıralaması ve görünürlükteki artışa olumlu katkı sağlar

Doğru bağlantı metni yazımı için öneriler

• Bağlamı açık biçimde yansıtan bağlantı metinlerinin kullanılması önerilir
  • Örnek: "En güncel erişilebilirlik yönergelerini inceleyin" vb.
• Bu ilke, 2001'den beri web standartlarının ortaya çıkışı ve UX'in güçlenmesi sürecinde sürekli vurgulanmaktadır

Sonuç

• "Buraya tıklayın" yerine anlamlı metinleri bağlantı olarak kullanmak, hem bugünün web'i hem de geleceğin web'i için vazgeçilmez bir ölçüttür

[GN⁺]

Hacker News görüşleri

• Erişilebilirlik açısından bakınca, görme engelli kullanıcılar için ekran okuyucuların sayfayı doğrusal olarak okuduğunu vurgulamak isterim. Kullanıcı bu doğrusal yapıdan çıkmak için başlıkları ya da bağlantı listesini ayrı olarak gezebilir, ancak tüm bağlantılar "buraya tıklayın" gibi görünüyorsa doğrusal olmayan erişim fiilen engellenmiş olur

  • Tüm bağlantılar yalnızca "Amaya" gibi fiilsiz bir isim olarak gösterildiğinde de her birinin anlamını kavramak zorlaşır. Bu yüzden "Amaya'yı edin" ya da "Amaya web sitesine git" gibi ifadelerin de gayet uygun olduğunu düşünüyorum. Ayrıca indirme düğmesi github.io üzerinde olsa da gerçekte sourceforge gibi kötü amaçlı yazılım riski taşıyan bir siteden çalıştırılabilir dosya indirtmesinin iyi olmadığını göstermek için wxMaxima örneği veriliyor
  • İronik biçimde, erişilebilirlik araçlarına gerçekten ihtiyaç duymayan insanların bu araçların nasıl çalıştığını kolayca görselleştirip anlayabilmesini sağlayacak bir şeye ihtiyaç olduğunu öneriyor. Araçların kendisini değiştirmekten değil, daha fazla kişinin ekran okuyucu ortamını doğrudan deneyimleyebilmesinin yollarını düşünmekten söz ediyor
  • Bu sorunlar için zaten çeşitli çözüm yolları var. Örnek olarak WCAG 2.2 HTML H33 kılavuzu ve WCAG 2.2 CSS C7 kılavuzu bağlantılarını referans gösteriyor. Ancak ilk yöntemin gerçek ekran okuyucularda ne kadar iyi desteklendiğinden emin değil
  • Bunun iyi bir argüman olduğunu düşünüyorum. Yine de bağlantı metninin "Amaya" yerine "Get Amaya" gibi daha net bir eylem içermesi daha iyi olur
  • Ekran okuyucular sayfa içinde birden çok gezinme yöntemi sunar. Doğrusal ilerleme yalnızca en verimsiz yöntemdir. Kullanıcılar landmark, heading ya da outline gezinme modlarıyla istedikleri yere hızla atlayabilir. Önemli nokta, ekran okuyucu gezinmesi ile klavye gezinmesinin farklı olmasıdır

• Yazıdaki "sorunlu" örnek olan

  W3C'nin editörü/tarayıcısı Amaya'yı indirmek için, buraya tıklayın.
  ifadesinin gerçekten sezgisel olduğunu düşünüyorum. Bağlantıya tıklayınca ya dosya hemen inecek ya da indirme sayfasına gidilecek diye beklersiniz.
  Buna karşılık,
  Amaya edinin!
  gibi bir ifade web sitesinin ana sayfasına götürecekmiş hissi veriyor; gerçek bir indirme bağlantısı olarak kullanılırsa etkisi zayıf kalır.
  Ve
  Amaya hakkında daha fazla bilgi edinin
  bunun indirmeyle hiç ilgisi yok; ayrıca "daha fazla bilgi edin" fiili bağlantının dışında kaldığında, "Amaya" bağlantısının açılış sayfasına mı yoksa bilgi sayfasına mı gideceği belirsizleşiyor.
  Web'deki yerleşik kullanım daha çok şu örnekler gibi:
  W3C'nin editörü/tarayıcısı Amaya'yı indirmek için buraya tıklayın
  Amaya'yı indir, W3C'nin editörü/tarayıcısı
  Bağlantı metninde fiil kullanılmaması gerektiği iddiasına katılmıyorum. Tam tersine, bir eylem gerektiren bağlantılarda (indirme, bilgiye bakma vb.) fiilin açıkça yer alması gerektiğini düşünüyorum.
  Özellikle "buraya tıklayın", bunun basit bir referans bağlantısı değil, eylem odaklı bir bağlantı olduğunu gösterdiği için çok sezgiseldir.
  Amaya edinin!
  gibi bir ifade ise gerçekten Amaya'nın nasıl edinileceğini anlatan bir bağlantıdan çok, sıradan bir referans bağlantısı gibi hissettiriyor

  • Bir ekran okuyucuyla doğrudan deneyince tüm bağlantıların yalnızca "buraya tıklayın" diye tekrarlandığını görürsünüz. Bu hiç yardımcı olmaz. Arama motorları açısından da "buraya tıklayın" hiçbir bilgi vermez. Fiilin kendisi sorun değil, ama bağlantıların "buraya tıklayın" gibi aynı şekilde duyulmasından kaçınmak gerekir. "Click Here to download Amaya" gibi nesneyi de açıkça içeren ifadeler olur, ama yalnızca "buraya tıklayın" birçok durumda ayırt edilemez
  • "Buraya tıklayın" bağlantılarından gerçekten nefret ediyorum. Aradığım bağlantıyı bulmak için sayfadaki tüm bağlantı metinlerini gözle tararım; "Amaya'yı indir" ya da "Amaya" bir referans sayfası için idare eder, ama "buraya tıklayın" hiç yardımcı olmaz
  • Gerçek örnekte tüm bağlantılar Amaya ana sayfasına gidiyor. İndirme sayfasına değil ve anlatılmak istenen mesajı daha da zayıflatıyor. "Buraya tıklayın" gibi bir erişilebilirlik sorunuyla, bağlantı metninin bağlantının amacını ne kadar doğru yansıttığını birbirine karıştırarak tartıştığı eleştirisi yapılıyor
  • Ekran okuyucu meselesi dışında da, bağlantı metnini açık bir isim olarak belirlemenin bakım açısından avantajı olabilir. Örneğin niyet edilmeden kopyala-yapıştır yapılmış bağlantılar ya da ölü bağlantılarda, metnin kendisi ipucu olur; böylece izlemek ve düzeltmek kolaylaşır. Biraz küçük bir nokta olabilir
  • Web'in ilk dönemlerinde böyle "buraya tıklayın" bağlantıları çoktu. Zamanla bunların yerini işlevi daha açık düğme biçimleri aldıkça, "bu satın almayı iptal etmek için [buraya tıklayın]", "bu satın almayı tamamlamak için [buraya tıklayın]" gibi kalıplar giderek kayboldu

• Birleşik Krallık Government Digital Services'in de benzer erişilebilirlik yönergeleri önerdiği belirtiliyor; resmi kaynak burada

  • Bu yönergeyi referans olarak alıp en üst düzey erişilebilirlik bileşenleri ve web tasarımı uygularken sık sık başvuruyorum. Biraz kaba görünebilir (kalın siyah/sarı kenarlıklar vb.), ama erişilebilirliği tasarımın önüne koymanın önemli olduğunu düşünüyorum
  • Home Office'in önerdiği yöntem W3C'den biraz farklı. Örneğin
    W3C:
    Get Amaya
    Read more about Amaya
    Home Office:
    Get Amaya
    Read more about Amaya
    Home Office yöntemi daha mantıklı geliyor, ama bağlama göre başka sorunlar da çıkabilir. Her iki tarafta da, anlatı içindeki hyperlink kullanımındansa bunu satır dışı düğmelerle çözmek çoğu zaman daha doğal duruyor (ör. [Download], [Documentation]). Benim deneyimimde, metni doğal biçimde değiştirip
    "PiPedal, Raspberry Pi üzerinde çalışan bir gitar efektidir. PiPedal indirme için [indirme sayfası], belgeleri okumak için [Documentation]."
    gibi bir biçim daha iyi oluyor; ben de belgelerde gerçekten böyle yazdım
    "buraya tıklayın" ifadesini isimleştirmek sanıldığından daha zor. Bazen satır içi cümle zaten yeterli bağlamı verdiği için, "buraya tıklayın" kullanımının gerçekten erişilebilirlik sorunu yaratmadığı durumlar da var
    Özellikle düğmeler hemen üstte yer alıyorsa ("Download", "Documentation"), bunu değiştirmenin gerekip gerekmediğinden emin olamıyorum Sonuçta asıl performans göstergesi, insanların indirme sayfasını gerçekten ne kadar ziyaret ettiği

• Kişisel olarak, yazıda kaçınılması gereken ikinci örnek olarak verilen (“Amaya'yı indirmek için Amaya web sitesine gidin ve gerekli yazılımı alın”) ifadenin daha iyi olduğunu düşünüyorum.
  Sadece "Amaya"yı bağlantı yapmak, bunun iç bağlantı mı dış bağlantı mı olduğu ve doğrudan dosyaya mı yoksa indirme sayfasına mı gideceği konusunda netlik sağlamıyor

  • Hedefin dış bağlantı mı ya da dosya bağlantısı mı olduğunu göstermek için ikon ekleme yaklaşımını tercih ediyorum. Dosyaysa dosya uzantısını göstermenin de iyi bir fikir olduğu söyleniyor
  • İç-dış bağlantı ayrımı sorunu Wikipedia vb. sitelerde küçük ikonlarla zaten iyi çözülmüş durumda

• Yaşım gereği olabilir, ama sezgisel olarak bağlantıları isimlerin (yer/hedef) işaretçisi olarak düşünmeye eğilimliyim.
  Bu yüzden "benim web sitem" gibi bağlantılar sorun değil, ama "benim web siteme git" gibi fiil içeren ifadeler bende ters bir his uyandırıyor
  Özellikle emir kipinden hoşlanmadığım için "go to my website", "follow this link" gibi kalıpları kullanmıyorum

  • Buna katılıyorum. İndirme gibi bir eylem söz konusu olduğunda kafa karıştırıcı olabilir, ama "download" zaten isim olarak da kullanılabildiği için sorun olmayabilir
  • Tutorial ya da How-to sayfalarında emir kipli ifadelerin uygun olduğunu düşünüyorum

• Çevrimiçi ortamda yalnızca "burayı" bağlantı yapmak, hypertext belge yazımının hiç anlaşılmadığını gösteren temel bir başarısızlık gibi geliyor. "buraya tıklayın" sanki bir sahne yönergesi gibi. Birçok yazarın hypertext bağlamında yazmamasından kaynaklanan bir sorun olduğu düşünülüyor

• "I forgot my password" gibi bir ifadeyi bağlantı yaptığınızda bunu "buraya tıklayın" biçimine çevirmeyi düşündüm, ama sezgisel olarak bir şeylerin yanlış olduğunu hissettim.
  UI standartları bozuldukça, kullanıcıların sayfada neye tıklaması gerektiği ve hangi metnin kendilerini temsil ettiği konusunda daha çok kafa karışıklığı yaşanıyor
  "I forgot my password" bir düğme olsaydı bağlantıdan çok daha etkili olurdu görüşüne katılıyorum
  Ayrıca Microsoft çoğu düğmeyi kaldırıp bunların yerine belirsiz renklerde bağlantılar koyduğunda, nereye basılması gerektiğini anlamakta zorlanan örnekler de arttı
  (ilgili gönderi: Mastodon gönderisi)

• Dragan Espenschied'in 2022 tarihli bağlantı metninin değişim tarihi başlıklı denemesi paylaşılıyor.
  Son dönemde bağlantı metninin call-to-action'dan, kullanıcının durumunu tanımlayan düğme metnine (ör. “oturum açın”) doğru kaydığı eğiliminden söz ediyor

• Yazıda anlatılan ilkelerin çoğuna katılıyorum, ancak "download" gibi fiil ya da fiil öbeğinin açıkça görünmesi gereken durumlarda bunun istisna olarak uygun olabileceğini düşünüyorum. Bu durumda yalnızca doğrudan indirmeye gidiyorsa kullanılmalı ve her zaman bağlama uyup uymadığı kontrol edilmeli

• Örnekte olduğu gibi tüm bağlantılar gerçekten Amaya indirmesini başlatıyorsa, Download Amaya biçimindeki bir hyperlink en çok tercih ettiğim seçenek olurdu.
  Mümkünse indirme olduğunu ima eden bir ikonun da eklenmesi iyi olurdu. Gerçek dosya bağlantısı yerine, araya bir sürü reklam düğmesi karışmış indirme sayfalarına yönlendirilmekten kaçınmak isterim