Bilinmesi gereken temel SEO ipuçları

Merhaba arkadaşlar. Bu makalede kendim kullandığım  seo ipuçlarından bahsedeceğim.

1) h1 tagı:

Google botları sitenizden öncelikle bu tag'ı arar. İndex'lerken bu tag'ın içindeki kelimeyi / cümleyi başlık olarak seçer.  Bu tag sitede bir defa kullanılmalıdır ve kullanılacağı yerde site logosu olarak seçilmelidir ve de h1 tagını title ile de güçlendirirseniz dadından yinmez :D :)

Örnek kullanım: 

<h1 title='Kodstrap || Programlama Makaleleri'><a href='/'><img src='logo.png'/></a></h1>

2) title,description,keywords:

2.1) Asp.Net kullananlar için söylüyorum. Bu tag'i dinamik yapmanız yararınıza olacaktır. Sadece sabit sayfaları elle girin. Dinamik sayfalar için yani veritabanından bir veri gelerek yüklenen sayfalar için.

Örneğin bu makale :) Adres çubuğunda yazana dikkat edin. " KodStrap || Bilinmesi gereken temel seo ipuçları " yazıyor. Bu veri veri tabanından gelmektedir. Dolayısıyla her makale'de title değişecektir.

Benzer şekilde. Description ve Keywords içinde yapılabilir.

Description: Bulunulan sayfanın ne ile alakalı olduğunu anlatan kısa yazıdır.

Keywords: Bildiğiniz üzere Anahtar kelimeler. Max 10-15 adet olmalıdır.

Örnek kullanım:

var gelenVeri = db.makaleler.FirstOrDefault(); //Entity Framework

Page.Title = gelenVeri.title;
Page.MetaDescription =gelenVeri.description; 
Not: Description Max. 130-150 karakter olmalıdır.  Veritabanın gelen veri 130 karakterden fazla ise SubString() methodu ile değeri 130'a çekilebilir

Page.MetaKeywords ="Yazılım,programlama,.....";

Html tarafından direk elle yazmak isterseniz.

<title>KodStrap! || Asp.Net İçe içe repeat'lardan üstteki repater'ların DataItem'ına erişme</title>
<meta name="description" content="Merhaba arkadaşlar yine bir projemde lazım olmuş bir durumu makaleleştirdim :)"/>
<meta name="keywords" content="içiçe-repeater,repeater,dataitem,repeateritem,databinder"/>


2.2) Birde diğer bir title html elementlerin title özelliği Headings(h1,h2..) Anchor ( a ), İmage (img) gibi elementlerin title özelliklerini girerek botların tanımasını sağlayabilirsiniz. Özellikle site menüsünde bulunan Anchor'ların bu özelliği olması daha kolay indexlenmesi sağlayacaktır.

Örnek kullanımı: 

Html5 ten gelen nav etiketiyle beraber..

<nav>
<ul>
<li><a title='Anasayfa'>Anasayfa</a></li>
<li><a title='Asp.Net'>Asp.Net</a></li>
<li><a title='MSSql'>MSSql</a></li>
</ul>
</nav>

nav etiketini kullanmanızla beraber botlara burası sitenin menüsüdür demiş oluyorsunuz.

3) Resim dosyaları için alt,width,height
resim dosyalarının alt özelliği resmin herhangi bir sebepten site üzerinde görünmemesi durumunda resmin yerine alt özelliğine girilmiş yazı çıkmasını sağlar.
Örnek kullanımı:

<img src='logo.png' alt='Kodstrap'/>

Resimlerin genişlik ve yükseklik değerlerini girerseniz. Google'ın resim optimazasyonunu kolaylaştırmış olursunuz.

Örnek kullanımı:

<img src='logo.png' alt='Kodstrap' width='200' height='40'/>

4) Site dışı linkler rel='nofollow'

Kendi sitenize ait olmayan linkleri nofollow işaretlemek. Yani facebook,twitter.. bunun gibi çıkışı websitenizden olmayan linkleri nofollow işaretleyerek google botlarının sitenizde kalmasını sağlayın.

Örnek kullanımı: 

Not: Bunu ben kodstrap'te yapmamışım :))))D

5) Faydalı Meta tag'ler

1) <meta content="index,follow" name="robots" />

(Google botlarına indexle diyoruz. :)) 2)

<meta content="2 days" name="revisit-after" />

(2 gün sonra yine bekleriz diyoruz. :))

6) Son Notlar:

Bunların dışında css,javascript dosyalarını sıkıştırma yöntemiyle küçülterek. Sitenizin hızlı açılmasını sağlayabilirsiniz.

inline css ve html içinde javascript kullanımından kaçının. Bunlar sitenin yazı / kod oranını büyütmektedir. Sitenizin yazı / kod oranı %25 -30'un altına olmamalıdır.

Ne kadar içerik olursa o kadar indexlenir. Google sıralamasında yukarılara çıkarsınız.

Tabi bu içeriklerin özgün olması gerekiyor. Yani başka sitelerden hacılamak yerine :) Oturup yazıcaksınız. :D

 

İyi Kodlar!