Çapa Bağlantıları (Anchor Link): HTML'de ve CMS'inizde Atlama Bağlantıları Nasıl Oluşturulur ve SEO'ya Ne Katar?

Atlama bağlantısı ya da bağlantı çapası olarak da adlandırılan çapa bağlantısı, HTML'in en eski özelliklerinden biridir ve uzun içeriklerde en kullanışlı olanlardan biridir. Okuyucunun kaydırmak yerine istediği yanıta atlamasını sağlar. Google da bağlantıları sayfaların birbiriyle nasıl ilişkili olduğunun temel bir sinyali olarak ele alır ve bağlantı en iyi uygulamaları, bağlantıların href'li gerçek a öğeleri olması gerektiğini vurgular. Bu rehber, çapa bağlantılarının düz HTML'de ve ana CMS'lerde nasıl oluşturulacağını, SEO'ya ve yapay zeka yanıtlarına ne kattıklarını ve bağlantı metniyle ilişkilerini gösteriyor.

Çapa bağlantısı nedir?

Çapa bağlantısı, hedefi bir sayfanın içindeki bir konum olan köprüdür. URL, bir kare işaretiyle ve ardından parça (fragment) adı verilen bir tanımlayıcıyla biter: example.com/guide#step-3. Biri ona tıkladığında tarayıcı sayfayı yükler (veya sayfada kalır) ve id'si step-3 olan öğeye kaydırır.

Üç yaygın kullanım vardır:

• Aynı sayfa içi gezinme: bir makalenin en üstündeki içindekiler tablosu veya bir “başa dön” bağlantısı.
• Başka bir sayfadan derin bağlantılar: bir makaleden başka bir makalenin kesin bir bölümüne bağlantı vermek, örneğin bir sözlükteki tanım.
• Kesin bir pasajı paylaşmak: bir meslektaşı doğrudan sorusunu yanıtlayan paragrafa göndermek.

Arama motorları example.com/guide ile example.com/guide#step-3 adresini aynı sayfa olarak değerlendirir. Parça asla indekslenecek yeni bir URL oluşturmaz, bu yüzden çapa bağlantıları kopya içeriğe neden olamaz.

HTML'de çapa bağlantısı nasıl oluşturulur?

İki kod parçası yeterlidir: hedefte bir id ve ona işaret eden bir bağlantı.

1. Hedefe bir id ekleyin: <h2 id="pricing">Fiyatlandırma</h2>. Küçük harfler, rakamlar ve tireler kullanın, boşluk bırakmayın ve her id'yi sayfada benzersiz tutun.
2. Aynı sayfada ona bağlantı verin: <a href="#pricing">Fiyatlandırmaya bakın</a>.
3. Başka bir sayfadan ona bağlantı verin: <a href="/guide#pricing">Rehberin fiyatlandırma bölümü</a>.
4. Test edin: bağlantıya tıklayın, başlığın ekranın üstünde göründüğünden ve sabit bir üst bilginin altında gizlenmediğinden emin olun (CSS özelliği scroll-margin-top bunu çözer).

Eski yöntem olan <a name="pricing"></a> tarayıcılarda hâlâ çalışır ancak HTML5'te artık kullanılmaz. Doğrudan başlığın kendisinde id kullanın. İlgili bir özellik olan metin parçaları (text fragments), bir bağlantının herhangi bir id olmadan bir pasajı vurgulamasını sağlar; sözdizimi #:~:text= şeklindedir ve MDN tarafından belgelenmiştir. Google, ziyaretçileri bazı öne çıkan snippet'lerde alıntılanan pasaja kaydırırken bu mekanizmayı kullanır.

WordPress'te, Shopify'da, Webflow'da veya Wix'te çapa bağlantıları nasıl eklenir?

Her büyük CMS, şablona dokunmadan bir id ayarlamanıza olanak tanır. Alan adı araçtan araca değişir.

CMS'iniz id'leri otomatik oluşturuyorsa bunları kontrol edin: bazıları id'leri başlığın tüm metninden oluşturur; bu da uzun, kararsız parçalar üretir ve başlığı düzenlediğinizde bozulur.

Çapa bağlantıları SEO'ya yardımcı olur mu?

Çapa bağlantıları öncelikle bir kullanılabilirlik özelliğidir. SEO değeri dolaylıdır, ancak uzun içeriklerde gerçektir:

• Sonuçlarda “şuraya atla” bağlantıları: uzun ve iyi yapılandırılmış sayfalarda Google bazen sonucun altında bölümlere bağlantılar gösterir; bu da görünürlüğü ve tıklamaları artırabilir. Bunları ne zaman göstereceğine Google karar verir.
• Daha iyi pasaj eşleştirme: id'li net başlıklar, arama motorlarının ve yapay zeka asistanlarının uzun bir sayfa içinde kesin bir yanıtı belirlemesine yardımcı olur; öne çıkan snippet'leri kazandıran mantığın aynısı.
• Etkileşim: içindekiler tablosu, okuyucuların ihtiyaç duydukları bölüme başka yerde bulmak için ayrılmak yerine ulaşmasını sağlar.
• Erişilebilirlik: atlama bağlantıları ve sayfa içi gezinme, klavye ve ekran okuyucu kullanıcılarına yardımcı olur; bu, W3C erişilebilirlik yönergelerinin kapsadığı bir ilkedir.
• Kesin iç bağlantılar: başka bir makaledeki #definition öğesine işaret etmek, okuyucuları tam pasaja gönderir ve iç bağlantılarınızı güçlendirir.

Çapa bağlantılarının yapmadıkları: bir sayfaya ekstra otorite aktarmazlar, çünkü page#section bağlantısı sayfaya verilmiş bir bağlantı sayılır ve iyi içeriğin yerini tutmazlar. Bir teknik uyarı doğrudan Google'ın JavaScript SEO temelleri sayfasından geliyor: farklı sayfa içeriği yüklemek için parçaları kullanmayın, çünkü Googlebot bu URL'leri güvenilir şekilde çözümleyemez. Parçaları yalnızca sayfada zaten bulunan içerik içinde kaydırmak için kullanın.

Çapa bağlantısı ile bağlantı metni (anchor text) arasındaki fark nedir?

İki terim birbirine yakındır ve sıklıkla karıştırılır. Çapa bağlantısı bir bağlantının nereye gittiğiyle (bir bölüm) ilgilidir. Bağlantı metni ise bağlantının ne söylediğiyle (tıklanabilir sözcükler) ilgilidir. Bağlantı metni sözlük maddemiz ikinci konuyu ayrıntılı olarak ele alıyor.

Çapa bağlantıları ve metinleri için en iyi uygulamalar nelerdir?

Her çapa bağlantısının bir bağlantı metni de vardır, bu yüzden iki kural kümesi birlikte geçerlidir.

• Kısa, okunabilir id'ler: #section-1 veya 12 sözcüklük bir parça yerine #pricing, #how-to-install.
• Açıklayıcı bağlantı metni: Google, açıklayıcı, makul ölçüde kısa ve alakalı metin önerir ve “buraya tıklayın” gibi genel ifadelere karşı uyarır.
• Uzun sayfalarda içindekiler tablosu: yaklaşık 1500 kelimenin üzerinde, en üstte H2 bölümlerini listeleyin ve her birini kendi id'sine bağlayın.
• Soru başlıkları: insanların sorduğu sorular gibi ifade edilen başlıklar, atlama bağlantılarını daha faydalı ve alıntılanması daha kolay hâle getirir.
• Kararlı id'ler: başka sayfalar veya siteler ona bağlantı veriyorsa, yayımlandıktan sonra bir id'yi değiştirmeyin.
• Yapıyı kontrol edin: bir başlık yapısı analiz aracı, çapaları eklemeden önce H2 ve H3 düzeylerinizin temiz olup olmadığını gösterir.

Hangi hatalardan kaçınmalısınız?

• Yinelenen id'ler: aynı id'ye sahip iki öğe, bağlantının yalnızca ilkine atlamasına neden olur.
• Gizli hedefler: kapalı bir sekme veya akordeon içindeki bir başlığa bağlantıyla ulaşılamayabilir.
• Başlığı kaplayan sabit üst bilgiler: CSS'te scroll-margin-top ekleyin.
• Parça tabanlı yönlendirme: içeriği #/page URL'leriyle değiştiren tek sayfalı uygulamaların Google tarafından taranması zordur.
• Aşırı optimize edilmiş bağlantı metni: her bağlantıda aynı birebir anahtar kelimeyi tekrarlamak manipülasyon gibi okunur.

Sonuç

Çapa bağlantısı, okuyucuları bir #id parçası aracılığıyla bir sayfanın kesin bir bölümüne gönderir. Başlığa bir id ekleyerek ve ona bağlantı vererek, HTML'de veya CMS ayarlarınız üzerinden oluşturun. SEO için faydaları dolaylı ancak uzun içeriklerde somuttur: içindekiler tabloları, Google'da olası atlama bağlantıları, yapay zeka yanıtları için daha net pasajlar ve daha iyi iç bağlantılar; bağlantı metni açıklayıcı kaldığı sürece. Her makaleyi elle yapılandırmak istemiyorsanız, autopilot çalışan SEO ve GEO yazılımımız Sorank, soru başlıkları ve iç bağlantılar içeren yapılandırılmış makaleler yazar ve bunları CMS'inizde yayımlar: yapay zeka blog makalesi oluşturucusuna göz atın ve 3 günlük ücretsiz denemeyle deneyin.