Blogger Breadcrumbs SEO Ayarları

5/17/2016
Blogger Breadcrumbs SEO Ayarları

Blogger Breadcrumbs SEO Ayarları - Breadcrumbs blogger sitelerinde ve web sitelerinde genellikle sitelerin başlıklarının yanında bir etiket navigasyonu görevini yapmaktadır.

Blogger etiket izleme (kırıntılar) eklentisi olarak da bilinen Breadcrumbs, Google indekslemek istediği özellikler arasındadır. Buna bir örnek verecek olursak Blogger Eklentileri > Blogger İpuçları > Blogger Breadcrumbs SEO Ayarları gibi bir etiket izleme eklentisidir. Google için önemli bir faktör Breadcrumbs Blogger SEO açısından da çok önemlidir.

Özellikle vurguladığımız Blogger SEO'yu bir çok blog yazarı önemsemese de sayfanın en altında paylaşmış olduğumuz Google Yapısal Veri Test Aracın'dan kontrol edebilirsiniz. Blogger SEO dostu eklentilerinin avantajlarının başında Arama Motorlarının blogunuzu yada web sitenizi dizine eklemesinde etkisini sağlamaktadır.

Blogger Breadcrumbs SEO Ayarları Nasıl Yapılır?


1- Blogger hesabınıza giriş yapın ve eklemek istediğiniz blogun kumanda panelinden Şablon > HTML'i Düzenle tıklayın ve CTRL+F yardımıyla ]]></b:skin> yada </style> kodunu bulun ve aşağıdaki CSS kodunu ]]></b:skin> yada </style> kodunun bir satır üzerine ekleyin.

/* Blogger Breadcrumbs */
.breadcrumbs{padding:20px 30px;background:#fff;margin-bottom:20px}
.breadcrumbs a,.post-info a {color:#19abea;}
.breadcrumbs a:hover,.post-info a:hover {color:#ff0000;}

2- Aşağıdaki Blogger main kodunu bulun ve bir alttaki kodu main kodlarının içerisine ekleyin.

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

3- Blogger sitemize entegre etmek istediğimiz aşağıdaki Breadcrumbs HTML kodunu yukarıda belirtiğimiz gibi main kodları arasına yani body içerisine entegre etmelisiniz.

<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' title='Anasayfa'>Anasayfa</a></span> / <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- Breadcrumb (bloggereklentileri.blogspot.com) -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs'>
Buradasınız : <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url' title='Anasayfa'><span itemprop='title'>Anasayfa</span></a></span>
<b:loop values='data:post.labels' var='label'>
/ <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + &quot;?max-results=5&quot;' expr:title='data:label.name' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span>
</b:loop>
/ <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag' title='Anasayfa'>Anasayfa</a></span> / <span>Etiketsiz</span> / <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- Blogger Eklentileri Breadcrumbs SEO Ayarları (bloggereklentileri.blogspot.com) -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl' title='Anasayfa'>Anasayfa</a></span> / <span>Arşiv için <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' title='Anasayfa'>Anasayfa</a></span> / <span>Tüm Mesajlar</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl' title='Anasayfa'>Anasayfa</a></span> / <span><data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>

NOT: Blogger Breadcrumbs SEO Blogger HTML5 temaları ile uyumludur.

4- Şablonu kaydedin ve Google Yapısal Veri Test Aracı ile kontrol edebilirsiniz.

Blogger Breadcrumbs SEO Ayarları hakkında daha fazla bilgi için iletişim sayfasından yada yorum bölümünden bize ulaşabilirsiniz.

Kategori İçerikleri



Blogger
Disqus
Yorum Ekle

1 yorum

Çok teşekkür ederiz yardımlarınız için

Cevap