Anchor Tag

Anchor etiketleri, HTML’de bağlantı oluşturmak için kullanılan özel bir etikettir. İnternetin temelini bu etiketler oluşturur. Bir sayfadan başka bir sayfaya geçiş için bağlantılar kullanılır. Bu bağlantılar, metinden görüntülere kadar çeşitli HTML öğelerine uygulanabilir.

Anchor Etiketinin Özellikleri

HTML <a> etiketi, anchor etiketi olarak da bilinir ve birçok farklı özellik barındırır. Bu özellikler, etikete ek bilgi sağlamaya yarar. Çoğu isteğe bağlıdır, ancak bazıları zorunludur. Örneğin, href özelliği minimum gereksinimdir.

Birden fazla özellik içeren örnek bir anchor etiketi şu şekilde olabilir:

Href, bağlantının oluşturulmasını sağlayan zorunlu bir özelliktir. “Hypertext Reference” anlamına gelir. Kullanıcılar bağlantıya tıkladığında bu URL’ye yönlendirilir. Yukarıdaki örnekte, URL “www.google.com” olarak belirtilmiştir.

Name Özelliği

HTML5 ile birlikte name özelliği artık kullanılmamaktadır. Bunun yerine id özelliği önerilmektedir. Önceden name ve id özellikleri CSS veya JavaScript’te bir öğeyi tanımlamak için kullanılırdı.

Target Özelliği

Target, bağlantıya tıklandığında sayfanın nasıl açılacağını tanımlar. İki yaygın değer şunlardır:

• _self: Varsayılan değerdir. Bağlantı aynı sekmede açılır.
• _blank: Bağlantıyı yeni bir sekmede veya pencerede açar. Özellikle dış bağlantılar için tercih edilir.

Bunun yanı sıra, _parent ve _top gibi diğer değerler de vardır. Ancak bunlar genellikle iframe’ler kullanıldığında anlamlıdır.

Title Özelliği

Title özelliği, bağlantıya bir isim ekler. Bu isim, fare bağlantının üzerine getirildiğinde görünür. Ayrıca, ekran okuyucular tarafından bağlantının açıklaması olarak kullanılır. Bu özellik isteğe bağlıdır ancak erişilebilirlik için önerilir.

Diğer Özellikler

Anchor etiketi, genel HTML özelliklerini destekler. Ancak bazı özellikler yalnızca anchor etiketi için özeldir.

• Download Özelliği: Bağlantının içerik indirmesini tetiklemek için kullanılır. Dosya adı belirtilebilir veya varsayılan olarak atanır.
• Hreflang Özelliği: Alternatif dil sürümlerini belirtir. Örneğin, “tr-TR” Türkçe, “en-GB” İngiliz İngilizcesini ifade eder. Bu, arama motorlarına içerik hakkında ek bilgi verir.
• Rel Özelliği: İki sayfa arasındaki ilişkiyi belirtir. Değerler arasında “canonical”, “external” ve “nofollow” gibi seçenekler bulunur.

SEO Açısından Anchor Etiketlerinin Önemi

Anchor etiketleri, SEO açısından büyük öneme sahiptir. Özellikle çok dilli siteler için hreflang özelliği önerilir. Ayrıca, rel="canonical" kullanarak kopya içerikten kaçınabilirsiniz. Bu sayede arama motorlarının aynı içeriği farklı URL’ler altında algılamasının önüne geçilir.

Rel özelliği, bağlantıların arama motorları tarafından izlenip izlenmemesini belirlemek için “nofollow” değeriyle kullanılabilir.

Canonical bağlantılar oluşturarak kopya içerik sorunlarından kaçınılabilir.