.showpageArea a { text-decoration:underline; } .showpageNum a { text-decoration:none; border: 1px solid #ccc; margin:0 3px; padding:3px; } .showpageNum a:hover { border: 1px solid #ccc; background-color:#ccc; } .showpagePoint { color:#333; text-decoration:none; border: 1px solid #ccc; background: #ccc; margin:0 3px; padding:3px; } .showpageOf { text-decoration:none; padding:3px; margin: 0 3px 0 0; } .showpage a { text-decoration:none; border: 1px solid #ccc; padding:3px; } .showpage a:hover { text-decoration:none; } .showpageNum a:link,.showpage a:link { text-decoration:none; color:#333; }

20 Ekim 2010

Blogger Başlığınızı SEO ' ya Uyarlayın


Bu yazıdaki çalışmamızın amacı Blogger kullanıcıları için sayfa başlıklarını SEO ya uygun hale getirmektir ;

Şimdiye kadar blogda bulunan bir yazıya tıkladığınızda, yani yazının kalıcı bağlantısına (permalink) gittiğinizde internet tarayıcınızın başlığı aşağıdaki gibi olurdu.

örnek : kazancyolları - deneme sayfası

SEO ile uğraşan kişilere göre arama motorları bu tip başlıkları pek sevmiyor.
Blogger'a yeni adapte edilen bir değişken ile bundan sonra başlıklarımız SEO' ya uygun biçimde görüntülenecek. Yeni değişkenimiz data:blog.pageName şeklinde tanımlanmış. Bu değişken sayesinde blog sayfa ismini kullanabileceğiz. Siz de yeni değişkeni kullanmak istiyorsanız aşağıdaki adımları izleyin:

1- Blogunzun HTML Düzenle kısmına gidin. Şablonuzun hemen başındaki şu kodu bulun:

<title><data:blog.pageTitle/></title>

Bu kodu aşağıdaki kod ile değiştirin:
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/>-<data:blog.title/></title>
</b:if>
 
Kodu değiştirdikten sonra sayfa başlığı ; 
 
örnek : deneme sayfası-kazancyolları       şeklinde gözükücektir. 
Son olarak şablonu kaydedin. Benim bloğum 'da ki başlık düzenlemesi bu kod ile yapılmıştır.

0 yorum:

Yorum Gönder