DLE rel="external" kullanımı ve SEO açısından Önemi

DLE rel="external" kullanımı ve SEO açısından Önemi

omerkul
omerkul Üye 28-09-2014, 01:13
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.
139
omerkul 23 Aralık 2014 16:54
@mehmet, kusura bakma yorumunu biraz geç farkettim.

Hayır, sitedeki linkler otomatik olarak rel=external olmuyor. Bunu elle yapmanız gerekiyor. Örnek veriyorum main.tpl'de bulunan target="_blank" olan linklerinizi elle düzelterek rel="external" yapıyorsunuz olay bu.

Ayrıca @MaRZoCHi'nin yorumundaki gibi düzenlemeyi yapmanız gerekiyor. Dediği biçimde yaparsanız rel içerisinde external ve nofollow'u bir arada kullanabilirsiniz.

--------------------
284
mehmet 3 Aralık 2014 15:00
Teşekkürler yukardaki js kodlarını eklediğimiz zaman tüm target="_blank" etiketleri rel="external mı olacak ?

arkaşalar sitemdeki linkler nofollow olarak bakınca target görünüyor :(

Buyrun resim:

--------------------
139
omerkul 28 Eylül 2014 14:59
rel="external, nofollow" dediğiniz gibi yeni sekmede açtırmıyordu beraber kullanamıyordum bende, bunu da buradan size danışacaktım ne iyi oldu çözdünüz hemen teşekkürler.

--------------------
3392
MaRZoCHi 28 Eylül 2014 11:52
Bilgi için teşekkürler. rel="external" kullanımı yeni sekmede açtırmak için mecbur target ile kullanıyordum. Fakat js de düzenleme yapmak gerekli. Nedeni ise rel="external,nofollow" yazdığımızda external olarak algılamamasıdır.

function  HariciLinkler() {
    $( "a[rel*='external']" ).attr( "target", "_blank" );
}
window.onload =  HariciLinkler;


Kodu bu şekilde kullanırsanız, tüm a'lardaki rel içerisinden external geçiyorsa, target="_blank" ekleyecektir.

--------------------
Bilgi
Yorum Ekleyebilmeniz için Sitemize Kayıt Olmanız Gerekmektedir.
İSTATİSTİKLER