Datalife Engine - Türkçe Destek ( DLE )

Bildiğiniz üzere herhangi bir örnek url eklerken yada oluştururken şu şekilde bir kullanım yapıyoruz;

<a href="http://siteadresi.com" title="Site hakkında açıklama" target="_blank">Link</a>

Makalede, yukarıda gördüğünüz target etiketi hakkında biraz bilgi vermek istiyorum. Konuyu daha sonra detaylandıracağım.

target="_blank" kullanımı bildiğiniz üzere ekleyeceğimiz linki yeni sekmede açtıran bir url parametresidir. Bir linke tıkladığımızda yeni sekmede açılmasını bu kod ile sağlarız. SEO açısından önemine gelecek olursak target etiketi artık ne yazık ki yeni web teknolojileri tarafından sevilmemekte, yerine rel="external" kullanımını gerektirmektedir. Tarayıcılar tarafından desteklense de SEO açısından artık eski bir kod sayılmakta, yerine rel="external" kullanılmasının gerektiği belirtilmekte. Dolayısıyla bizde artık sitelerimizde yada tasarımlarımızda target yerine external kullanacağız.

Target etiketi, web standartları W3C tarafından da desteklenmemekte, tasarımcıları artık rel kullanımına teşvik etmektedir.

Örnek bir kullanım şu şekilde olacak;

Eski etiketimiz;

<a href="http://site.com" target="_blank">Yeni Sekmede Açılacak</a>

Yeni etiketimiz;

<a href="http://site.com" rel="external">Yeni Sekmede Açılacak</a>

Aslında rel etiketinin asıl amacı bir linki yeni sekmede açtırmak değil, örneğin follow, nofollof gibi parametreleri girmemiz içindir. Şuan bu şekilde değiştirme yapsanız bile sitenizde linklerin yeni sekmede açılmadığını görebilirsiniz. Bunun için aşağıda verdiğim javascript kodlarını temanızdaki herhangi bir JS dosyasının sonuna eklemeniz gerekmektedir;

function  HariciLinkler() {
if  (!document.getElementsByTagName) return;
var  linkler = document.getElementsByTagName("a");
var  linklerAdet = linkler.length;
for  (var i=0; i<linklerAdet; i++) {
var tekLink = linkler[i];
if(tekLink.getAttribute("href") && tekLink.getAttribute("rel") == "external") {
tekLink.target  = "_blank";
}
}
}window.onload =  HariciLinkler;

Üstteki kodları kodları arasında main.tpl'ye ekleyebileceğiniz gibi, inline JS olmaması açısından herhangi bir JS dosyanızın da içine ekleyebilirsiniz. Örneğin libs.js'nin içine ekleyin, bu şekilde herhangi bir JS dosyanızın içine eklemenizi tavsiye ederim.

Kodları ekledikten sonra temanızda nerede target="_blank" etiketi görürseniz bunun yerine rel="external" şeklinde değişiklik yapın, hiçbir tpl dosyanızda target etiketi kalmasın. Wordpress için önerilmiş bir özellik ancak DLE'de de sorunsuz çalışmakta, aylardır kendi sitemde de bu şekilde kullanmaktayım.

Bu şekilde sitenizi yeni teknolojilere uyumlu yapmış olacak, sitenizi SEO uyumlu hale getirmiş olacaksınız.