Son Eklenenler
seo etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
seo etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

Blogger Breadcrumb Navigasyon Eklentisi

Blogger Seo Dostu Breadcrumb Navigasyon Eklentisi
aerakman v3 ile kullanmaya başladığım ve yararını oldukça gördüğüm breadcrumb (konum) navigasyon eklentisini sizlerle paylaşmayı gerek duydum. Çünkü gelen bir kaç mailde bloglarına eklediklerini fakat sürekli hatalar aldıklarını söylediler. Umarım benim vereceğim bu eklenti ile hatasız eklersiniz.

Kodlara geçmeden önce bu eklentinin hemen meyve vermesini beklemeyin lütfen. Eklentinin üzerinden biraz zaman geçtiğin de siz de sitenize gelen ziyaretçiler de artış olduğunu fark edeceksiniz. Çünkü bu eklenti Google ve diğer arama motorlarının girdiğiniz etiketlere göre arama sonuçlarını yönlendiriyor.

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

Yukarıdaki kodu bulun ve aşağıdaki kodu hemen öncesine ekleyin. Ancak bu kodun altında şu kod bulunmalıdır. <div class='blog-posts hfeed'>

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- No breadcrumb on home page -->
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl' rel='tag'><data:blog.title/></a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'> &#187; <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
<b:else/>
&#187;Kategorisiz
</b:if>
&#187; <span><data:post.title/></span>
</b:loop>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl'><data:blog.title/></a> &#187; <data:blog.pageName/> Arşivi
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<a expr:href='data:blog.homepageUrl'><data:blog.title/></a> &#187; Tüm Yazılar
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:blog.title/></a> &#187; <data:blog.pageName/>
</b:if>
</span>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>

<div class='blog-posts hfeed'>
kodu aratılıp altına ya da

<b:include data='top' name='status-message'/>
kodu aratılıp üstüne aşağıdaki kodu eklemelisiniz.

<b:include data='posts' name='breadcrumb'/>

Son aşama ise eklentimize biraz şekil vermek için kullanılabilir.

CSS kodlarımızı b:skin öncesine ekleyerek aktif hale getirebilirsiniz.

.breadcrumbs{
background-color:#fcfcfc;
border-radius:5px; 
-webkit-border-radius:5px;
-moz-border-radius:5px;
border:1px solid #ddd; 
margin-top:5px; padding:3px; 
border-bottom:2px solid #ddd;
text-align:left;font-size:13px}

Blog Başlığınızı SEO Dostu Yapın



Merhaba çoğunuz bu tür bir yazı görmüş ve uygulamışsınızdır ancak bu biraz farklı. Öne çıkarmak istediğiniz anahtar kelimelerinizi blog başlığınızda göstereceksiniz. Bu sayede SEO dostu bir başlığa sahip olacak ve anahtar kelimelerinizi öne çıkarmış olacaksınız. Başlayalım.

Şablonunuzdan şu kodu bulun


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

Şimdi bulduğunuz kodu şu şekilde düzenleyin ya da olduğu gibi değiştirin.

<title><data:blog.pageTitle/> | Anahtar Kelime II | Anahtar Kelime I</title>


Anahtar kelime yazıları yerine örneğin Blogger ve Teknoloji ekleyebilirsiniz.

Blog başlığınız bu uygulamayı yaptıktan sonra şöyle görünecek:

SEO Friendly Title





Blogger Heading Tags Optimizasyonu

Blogger Heading Tags Optimizasyonu
SEO'nun ne olduğu artık herkes biliyor diye düşünüyorum ancak tek bir cümle özetleyeyim.SEO, arama motorlarında üst sıralara çıkmanızı sağlar.Bu yüzden SEO ayarlarınızı iyi yapmalısınız.

Heading Tags, yazı başlıklarınızın boyutlarıdır.Heading Tagsnızın SEO'ya uyumlu olup olmadığını şuradan öğrenebilirsiniz.Gelelim Heading Tagsımızı SEO'ya uyumlu yapmaya...



Tema şablonuna giriş yapın ve Widget Şablonlarını Genişlet kutucuğunu işaretleyin ve aşağıdaki kodu CTRL+F ile bulun.

<h3 class='post-title entry-title' itemprop='name'>

<h3> taglarını <h1> yapınız. Aşağıdaki resimden daha iyi anlayabilirsiniz.


Heading Tags H Etiketi Ayarı


CTRL+F ile bulduğunuz kod bütününden 2 tane olacak.Biri blogunuzun web görünümü diğeri ise mobil görünümü bu ikisini de <h1> olarak değiştireceksiniz.

Heading Tags sayesinde arama motorlarında üst sıralara çıkarsınız ve hitiniz artar.

Not: Eğer h1 tagı ile yazı boyutu fazla olduysa bunu css kodları ile düzenleyebilirsiniz.

SEO'ya önem verin ki o da sizi üst sıralara taşısın.

Layer"

Reklam

 
Support : Türkçe | Blogger | Temaları
Copyright © 2014 Film Siteleri - Tüm Hakları Saklıdır
Filmsitelerin.blogspot.comTürkçe Blogger Temaları
powered by Filmsiteleri.net