Bumerang - Yazarkafe

Blogger Breadcrumb Eklentisi ~ Blogger Seo Ayarları

İnternet kullanımının bayağı yaygınlaşması ve hayatın bir parçası haline gelmesi sonucunda herkesin internettte site açıp blog yazdığı bir ortamda insanlar aramalarda sıralamaya girmek ve sitesine-bloguna ziyaretçi çekmek için kıyasıya yarışır oldular.Ben bu olayı şuna benzetiyorum; Gideceğiniz istikametteki yola bir çok kişi girmiş ve trafik sıkışmış vaziyette, ilerlemeniz çok zor görünüyor fakat yeni açılan ara yollar ise bomboş ve kimsenin bu yoldan haberi yok, işte bu breadcrumb eklentisi google sıralamalarındaki sıkışık trafikten sizi kurtarıp ara yoldan sizi hedefe götürecek googlenin de tavsiye ettiği bir eklenti.

Peki breadcrumb eklentisi nedir ?

Google aramalarında başlığın alt tarafında görünen yazı linkinizi anlaşılabilir hale getiren ve hiyerarşik bir yapıya dönüştüren eklentiye breadcrumb navigasyon eklentisi denir.Normal şartlarda blogunuzda yada sitenizde google breadcrumb navigasyon eklentisi yok ise google aramalarında başlık altında yazı linkiniz http://www.blogokulu.org/2012/10/blogger-blog-nasil-acilir-blog-ac.html şeklinde görünür.Bununla ilgili olarak aşşağıdaki resmi inceleyelim;


Google breadcrumb eklentisini blogunuza eklediğinizde ise google aramalarında başlık altında yazı linkiniz Ana sayfa » Etiket Linki » Başlık şeklinde hiyerarşik bir yapıda ve daha anlaşılabilir bir şekilde görünecektir.Blogger breadcrumb eklentisini sitesine uygalamış bir bloggerin aramalarda nasıl göründüğünü tam olarak anlamak için aşşağıdakidemo görünüm butonuna tıklayın ve aramalarda breadcrumb eklentisinin etkisini canlı olarak görün.

DEMO GÖRÜNÜM

Blogger Breadcrumb eklentisini blogunuza uygulamak için;

1-Blogger Hesabınızla giriş yapın.( kodlar içerisinde oynama yapacağımızdan her ihtimale karşı blog şablonumuzun yedeğini almanızı tavsiye ederiz (blogger yedek alma))
2-Kumanda Paneline>Şablon>Htmlyi Düzenle yolunu takip ediyoruz.

3-Açılan Kod sayfasında Ctrl+F yardımı ile aşşağıdaki kodu aratıp bulalım.

<b:includable id='main' var='top'>

4-Bulduğumuz kodun yerine aşağıdaki kodu kopyalayıp yapıştıralım.

<b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Anasayfa</a></span> &#187; <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Anasayfa</a></span>
<b:loop values='data:post.labels' var='label'>
&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:loop>
&#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Anasayfa</a></span> &#187; <span>Etiketi yok</span> &#187; <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Anasayfa</a></span> &#187; <span>Arşiv <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl'>Anasayfa</a></span> &#187; <span>Tüm Yazılar</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Anasayfa</a></span> &#187; <span><data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>

5-Buraya kadar olan kısmı kaydedelim bir hata uyarısı almıyorsak 6. adıma geçelim, ama hata uyarısı alırsak Ctrl+Z ile yaptığımız işlemi geri alalım ve 3. maddeden başlayarak işlem basamaklarını daha dikkatli tekrardan uygulayalım.

6-Ctrl+F yardımı ile kodlar içerisinde aşşağıdaki kodu aratıp bulalım.

]]></b:skin>

7-Aşşağıdaki kodu kopyalayıp bulduğumuz ]]></b:skin> kodunun hemen üst satırına yapıştıralım.

.breadcrumbs {
font-size :13px;
font-style :italic;
border : 1px solid #d1d1d1;
border-radius : 5px;
margin-bottom :5px;
padding : 8px 6px 10px 6px;
}

8-Şablonu Kaydet butonuna basalım ve çıkış yapalım.

Blogger breadcrumb eklentisini 8 basamakta blogumuza uygulayarak, blogumuza  faydalı olacak bir blogger seo ayarı yapmış olduk.Eklenti etkisini hemen göstermeyebilir, bir müddet bekliyelim ve sitemizdeki bir linki kopyalayıp google aramalarında nasıl göründüğünü kontrol edelim.Eğer bir sorun yaşarsanız yazı altındaki yorum kısmına yada iletişim kısmından bizimle irtibata geçebilirsiniz.

Blogger seo ile ilgili diğer yazımızımızı okudunuz mu? : Blogger Seo
PAYLAŞ

BLOG OKULU

Merhabalar, 2012 yılından beri editörlüğünü yaptığım blogokulu.org sitesinde blogger kullanıcıları için gerekli olan bir çok bilgiyi bulabilrsiniz.Blogger temaları,blogger eklentileri ve blogger dersleri ile blog yazarlarına elimizden geldiğince yardımcı olmaya çalışıyoruz.

  • Image
  • Image
  • Image
  • Image
  • Image
    Disqus Yorumları
    Facebook Yorumları

0 yorum:

Yorum Gönderme

Belirtmek istediğiniz farklı konular varsa Burdan Yazabilrisiniz...