Çoğu web sayfasında, okuyucuların (ve arama motorlarının) sayfada hangi bilgilerin bulunduğunu anlamasına ve aradıklarına hızlıca ulaşmasına yardımcı olan sayfa içi bağlantıları (anchor link) görebilirsiniz. Sayfa içi bağlantıları sitenizin performansını arttırmak için kullanmak istiyorsanız önce sayfa içi bağlantıların ne işe yaradığını, nasıl oluşturulduğunu ve arama motoru optimizasyonuna nasıl katkı sağladığını öğrenin.
Sayfa içi bağlantı nedir?
Atlama bağlantısı olarak da adlandırılan sayfa içi bağlantılar, bir web sayfasının farklı bir bölümüne yönlendiren köprü metinleridir. Sayfa içi bağlantılar, kullanıcıları aynı sayfanın farklı bölümlerine yönlendirdiği için bir tür iç bağlantı olarak kabul edilir. Buna karşın harici bağlantılar, ziyaretçileri farklı bir web sitesine yönlendirir.
Sayfa içi bağlantılarına genellikle bir web sayfasının üst kısmında veya yakınında rastlarsınız. Okuyucuların içeriğin belirli bir bölümüne atlamasına yardımcı olan gezinme araçlarıdır. Ayrıca sayfa içi bağlantıları, kullanıcıların sayfanın en üstüne dönmesini sağlayan “başa dön” düğmeleri oluşturmak için de kullanabilirsiniz. Sayfa içi bağlantıları, gelişmiş bir kullanıcı deneyimi için bilgileri düzenleyip yapılandıran bir tür içindekiler tablosu olarak düşünün.
Sayfa içi bağlantılar, bloglar, e-posta bültenleri ve diğer uzun içerikler için kullanışlı kısayollardır. Bu içeriklerde gezinmeyi kolaylaştırır.
Sayfa içi bağlantıları, sayfa kaynak kodunda HTML çapa etiketlerini kullanarak oluşturabilirsiniz. HTML'de bağlantı oluşturmak için kullanılan <a> etiketi, bağlantının hedefini belirten href niteliğiyle birlikte kullanılır.
Sayfa içi bağlantılar SEO'yu nasıl etkiler?
Doğru kullanıldığında sayfa içi bağlantılar, içeriğinizi daha düzenli ve anlaşılır hale getirerek kullanıcı deneyimini iyileştirebilir. Açıklayıcı bağlantı metinleri, okuyucuların ve arama motorlarının bağlantının yönlendirdiği bölümün konusunu anlamasına yardımcı olabilir. Ayrıca sayfa içi bağlantılar, ziyaretçilerin aradıkları bilgilere kolayca ulaşmasını sağlayarak sayfada gezinmeyi kolaylaştırabilir.
Bağlantı metinlerinin SEO açısından önemi, özellikle farklı sayfalara yönlendiren iç bağlantılarda belirgindir. Shopify SEO stratejisti Greg Bernhardt şunları söylüyor: "Bağlantı metni, Google'a bağlanılan sayfanın ne hakkında olduğunu gösteren önemli bir ipucudur. Bunu, ilgili içeriğe yönelik bir tavsiye olarak düşünebilirsiniz. Tavsiye ne kadar güçlü ve net olursa SEO da o kadar güçlü olur. Bağlantı metniniz 'Kanada Üretimi Mavi Ürünleri Satın Al' ise Google'a o sayfanın neyle ilgili olduğunu söylemiş olursunuz. 'Buraya tıklayın' gibi belirsiz veya açıklayıcı olmayan bir bağlantı metni ise kullanıcıya daha az güven verir ve Google'a o sayfayla ilgili hiçbir ipucu sunmaz."
Sayfa içi bağlantılar nasıl oluşturulur?
Birçok web sitesi yazılımı ve metin düzenleyici, metninize sayfa içi bağlantısı eklemeyi kolaylaştıran yerleşik araçlara sahiptir. Ancak HTML çapa etiketi kodunu nasıl kullanacağınızı öğrenerek sayfa içi bağlantıları kendiniz de oluşturabilirsiniz. Bu süreci Visual Studio Code veya Sublime Text gibi kod editörlerinde uygulayabilirsiniz.
1. Hedef öğeyi tanımlayın
HTML kodunuzda, sayfa içi bağlantısının yönlendirilmesini istediğiniz hedef bölümü veya öğeyi bulun. Bu bölümü kolayca tanımlayıp ona bağlantı verebilmeniz için benzersiz bir kimlik (ID) oluşturmanız gerekir. Örneğin, hedef bölümü "part1" olarak etiketleyebilirsiniz. Ardından hedef bölümünüzün açılış etiketine id="part1" kodunu ekleyebilirsiniz. Koddaki kimlik değerini belirlemek için düz tırnak işaretlerinin önemli olduğunu unutmayın. İşte basit bir kod örneği:
<html>
<body>
<h1 id="part1">Bölüm Bir</h1>
<p>Bu, birinci bölümün içeriğidir.</p>
</body>
</html>
2. Sayfa içi bağlantıyı oluşturun
Birinci adımda oluşturulan kimliği, bağlantı metnini hedef öğeye bağlayan bir href niteliğinde (köprü metni referansı olarak adlandırılır) kullanabilirsiniz. Sayfa içi bağlantıyı oluşturmak için <a href="#part1">Birinci Bölüme Git</a> kodunu kullanacaksınız. Kodunuz artık şuna benzer görünecek:
<html>
<body>
<a href="#part1">Birinci Bölüme Git</a>
<h1 id="part1">Bölüm Bir</h1>
<p>Bu, Bölüm 1'in içeriğidir.</p>
</body>
</html>
3. Sayfa içi bağlantınızı test edin
Kod editörünüzde dosyanızı kaydedin ve HTML dosyanızı yeni bir tarayıcı sekmesinde açın. Sayfa içi bağlantınız tıklanabilir bir metin olarak görünmeli ve tıkladığınızda sizi belirlediğiniz hedef bölüme yönlendirmelidir.
Sayfa içi bağlantılar SEO için nasıl optimize edilir?
Sayfa içi bağlantıları stratejik biçimde kullanmak, içeriğinizin daha anlaşılır olmasını ve ziyaretçilerin aradıkları bilgilere kolayca ulaşmasını sağlayabilir. Sayfa içi bağlantılarınızı oluştururken izleyebileceğiniz bazı iyi uygulamalar şunlardır:
1. İlgili anahtar kelimeleri kullanın
Arama motorları, bağlantı metinlerinden bağlantının yönlendirdiği içerik hakkında bilgi edinebilir. Sayfa içi bağlantılarınızda ilgili anahtar kelimeleri doğal biçimde kullanmak, okuyucuların bağlantının yönlendirdiği bölümün konusunu anlamasına yardımcı olabilir.
2. Bağlantıları sayfanızda kolayca görülebilecek yerlere yerleştirin
Sayfa içi bağlantılarınız, web sitesi ziyaretçilerinizin hızlıca bulabilmesi için sayfanızda kolayca erişilebilir ve açıkça görünür olmalıdır. Böylece ziyaretçilerin aradıkları bölümlere hızlıca ulaşmasını sağlayabilir ve sayfada gezinmeyi kolaylaştırabilirsiniz.
3. Sayfanızı stratejik olarak yapılandırın
Sayfa içi bağlantılar, okuyucuların sayfanızın yapısını anlamasına ve ilgili bölümlere kolayca ulaşmasına yardımcı olur. Bu nedenle içeriğinizin önemli bölümlerine bağlantı verebilirsiniz. Okuyucuları sayfanızdaki en önemli bilgilere ve sorularına en iyi yanıt veren bölümlere yönlendirmek için sayfa içi bağlantıları kullanın.
4. Tüm platformlar için optimize edin
Sayfa içi bağlantılarınızın düzgün çalıştığından emin olmak için bunları akıllı telefon, tablet ve masaüstü bilgisayar gibi farklı cihazlarda ve Firefox veya Google Chrome gibi çeşitli web tarayıcılarında test edin. Bozuk bağlantılar veya uyumsuz kodlar, okuyucuların sitenizden ayrılmasına ve SEO performansınızın olumsuz etkilenmesine neden olabilir.
Sayfa içi bağlantı, SSS
Sayfa içi bağlantılar ile atlama bağlantıları arasındaki fark nedir?
"Sayfa içi bağlantı" ile "atlama bağlantısı" terimlerini birbirinin yerine kullanabilirsiniz.
Sayfa içi bağlantılar görseller ve videolarla kullanılabilir mi?
Evet, sayfa içi bağlantılarla bir görsele veya videoya yönlendirme yapabilirsiniz. Bunun için görselin veya videonun HTML etiketine ya da bu öğeyi içeren etikete id="anchor" niteliğini ekleyin ve bağlantının href değerini #anchor olarak belirleyin.
Sayfa içi bağlantılarımın düzgün çalışıp çalışmadığını nasıl test ederim?
Sayfa içi bağlantılarınızı test etmek için sayfanızı masaüstü veya mobil bir web tarayıcısında açın. Her bağlantıya tek tek tıklayarak aynı sayfadaki doğru bölüme düzgün şekilde yönlendirdiklerinden emin olun.
Sayfa içi bağlantılar sayfa yükleme sürelerini etkiler mi?
Hayır, sayfa içi bağlantılar herhangi bir ek veri alımı veya sunucu isteği gerektirmediği için bir web sitesinin yükleme sürelerini etkilemez.
Sayfa içi bağlantılar kullanırken dikkat edilmesi gereken erişilebilirlik hususları var mı?
Evet, tüm okuyuculara iyi bir kullanıcı deneyimi sunan sayfa içi bağlantılar oluşturmak için erişilebilirliğe dikkat etmek önemlidir. Okuyucularınızın sayfanızda kolayca gezinebilmesi için her zaman, bağlantının yönlendirdiği içerikle alakalı, açık ve açıklayıcı bağlantı metinleri kullanın. Ayrıca bağlantılarınızı farklı web tarayıcıları, mobil cihazlar ve ekran okuyucular dahil tüm platform türlerinde test etmek de önemlidir.
