blogger ve seo ders 1

Posted on: Ocak 16, 2010

İlk Önce Blogger b:if else yapısı.

Bu bloggerda sayfalara eklediğiniz kod yada diğer yazılarda kolaylık sağlamanıza yarayan bir yapıdır.Bu yapı ile istediğiniz sayfada yayınlayıp istediğiniz sayfada yayınlama hakkına sahip olacaksınız.Bu b:if else yapısı ile bir çok blogger hackli yapılıyor.Başlık düzenlemeyi bile bu yapı ile yapıyorsunuz.Bir örnek ile çaıklayalım.
Mesela siz bir yazıyı sadece arşiv sayfalarında göstermek istiyorsunuz.Bunun için yapmanız gereken şey şu kodu eklemeniz.
Kod:
<b:if cond=’data:blog.pageType == “archive”‘>
Ekleyeceğiniz yazı buraya. webmaster sitesi
</b:if>
bakın bu kod şuna yarıyor.Arşiv sayfalarında bu kodu göster.diğer sayfalarda gösterme.
peki siz arşiv sayfası dışındaki sayfalarda göstermek istiyorsanız ? o zamnda yukarıdaki 2 tane “==” (eşittir-ler) den birini “!” (ünlem) ile değiştirmek yani yeni kod.
Kod:

Kod:

<b:if cond=’data:blog.pageType != “archive”‘>
Ekleyeceğiniz yazı buraya. webmaster sitesi
</b:if>

işte bu kod ilede arşiv sayfası dışındaki tüm sayfalarda gösteren kod.
Fakat bu iki kod yani arşivde-arşiv olmayan yerde kodunu kısaca şu şekilde yapıyorsunuz.
Kod:
<b:if cond=’data:blog.pageType == “archive”‘>
burası sadece arşiv sayfalarında görünecek.
<b:else/>
burası ise arşi haricindeki tüm sayfalarda.
</b:if>
İşte b:if else yapısı bu işte bu b:if else yapısında bulunan kodlar.
Kod:
<b:if cond=’data:blog.pageType == “item”‘> yazı sayfaları ise
<b:if cond=’data:blog.pageType != “item”‘> yazı sayfaları değilse
<b:if cond=’data:blog.pageType == “index”‘> ana sayfa ise
<b:if cond=’data:blog.pageType != “index”‘> ana sayfa değilse
<b:if cond=’data:blog.pageType == “archive”‘> arşiv sayfası ise
<b:if cond=’data:blog.pageType != “archive”‘>arşiv sayfası değilse
<b:if cond=’data:blog.pageType == “static_page”‘>yazı sayfaları ise
<b:if cond=’data:blog.pageType != “static_page”‘>yazı sayfaları değilse
<b:if cond=’datapost.isFirstPost’>ilk yazı anlamına geliyor.
<b:if cond=’data:blog.url == data:blog.homepageUrl’>ana sayfa ise
İşte b:if else yapısı bu işte bu b:if else yapısında bulunan kodlar.

Şimdi sıra Blogger.com da Ana Bölüm Alanlarında

Bu tema yapımında kullanılan en önemli blogger alanları ile ilgili css düzenlemeleri.Bunun için birde resim çizdim hiç işim yokmuş gibi..Neyse resimde gerekli alanları gösterdim.
İşte blogger’daki ana öğelerde bunlar.Bunları düzenlemek için temadaki düzenlenmesi gereken kodlar ise şöyle.
Bu gördüğünüz outer bazı temalarda content olarak yer alıyor.Bu temamızı çepeçevre saran css kodu.

Kod:
 Kod:
#outer-wrapper {
width:970px;
background:#fff;
margin: 5px auto 1px auto;
padding: 0 0 1px 0;
}
Şimdi sıra headerde buda tüm temanın en üst kısmı bunu düzenleyen css kodu.
Kod:
#header-wrapper {
float: center;
width: 958px;
height: 89px;
background: #0099cb;
margin:1px auto;
padding: 2px 0 2px 1px;
text-decoration:none;
background:url(...image.gif) repeat-x;
}
Şimdide yazı alanını nasıl genişletiriz ona bakalım.
Kod:
#main-wrapper {
float: left;
width: 550px;
padding: 6px 10px 10px 10px;
text-align:justify;
background: #fff;
margin:0 auto 1px auto;
}
Son olarakda sidebar alanı ve footer alanı.
Kod:
#sidebar-wrapper {
float: right;
width: 380px;
margin: 1px 0 0 2px;
background:#fff;
border-left: 3px solid #fff;
border-right: 3px solid #fff;
border-bottom: 3px solid #fff;
border-top: 3px solid #fff;
}
ve footer alanı ise şu şekilde :
Kod:
#footer-wrapper {
clear: both;
width: 966px;
hight: 60px;
background:url(http://i44.tinypic.com/14x166o.png) repeat-x;
padding:10px 0;
margin:0;
}

işte gördüğünüz blogger bölümleri.Buradaki alanları genişletmek yada küçültmek için ise width ve hight değerleri ile oynuyorsunuz fakat dikkat edin mesela yazı alanını genişlettiğinizde sidebar alanını küçültmeniz gerek yoksa düze bozulur.
Bunları anlattıktan sonra istek olarak gelen seo ayarlarına bakalım.Şimdi blogger için temel olarak uygulanan bir kaç seo elementi var Bunlardan bir tanesini diğer yazımda anlatmıştım fakat burada tekrar vereyim.Blogger’da ilk önce başlıklarımızı seoya uygun hhale getirelim ve bunun için ise şu adımları uygulayın.

İlk önce blogger html düzenle kısmına geliyoruz.Ve daha sonra şu kodu buluyoruz
Kod:
<title><data:blog.pageTitle/></title>
ve bu kodu silip yerine şu kodu yapıştırıyoruz.
Kod:
<b:if cond=’data:blog.pageType == “index”‘><title><data:blog.title/></title><b:else/><title><data:blog.pageName/>-<data:blog.title/></title></b:if>
şimdi ise blogger için meta taglara değinelim.Blogger için bildiğiniz üzere description ve keywords tagı ekleniyor fakat alt sayfalara eklenmiyor.Ama bununda artık bir çözümü var.Her ne kadar keywords meta tagı pek bir işe yaramasada ben göstereyim.
Kod:
<b:if cond=’data:blog.url == data:blog.homepageUrl’>
<meta content=’Ana sayfada bulunması gereken site tanıtımı.’ name=’description’/>
<meta content=’ana sayfada bulunması gereken keywod meta tagı.’ name=’keywords’/>
</b:if>
bu gördüğünüz kodlar sadece ana sayfada bulunması gereken kodlardı şimdi ise alt sayfalara değişik metalar ekleyerek sayfayı seoya uyumlu hale getirelim.
Kod:
<b:if cond=’data:blog.pageType == “item”‘>
<meta content=’yazı sayfalarında bulunması gereken site tanıtımı.’ name=’description’/>
<meta content=’yazı sayflarında bulunması gereken keywod meta tagı.’ name=’keywords’/>
</b:if>
işte buda sadece yazı sayfalarında bulunması gereken kodlardı eğer arşiv içinde eklemek isterseniz bu b:if else yapısına arşiv için gereken kodu koyun ve arşiv sayfasınada kod ekleyin

1 Response to "blogger ve seo ders 1"

Bir Cevap Yazın

Aşağıya bilgilerinizi girin veya oturum açmak için bir simgeye tıklayın:

WordPress.com Logosu

WordPress.com hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Google fotoğrafı

Google hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Connecting to %s

Kategoriler

%d blogcu bunu beğendi: