Cara membuat breadcrumbs trik seo

Breadcrumb navigation adalah sebuah menu yang dipakai untuk navigasi halaman sebuah website atau blog, sehingga akan memudahkan visitor atau pembaca untuk me-navigasi halaman blog atau website sobat. Dalam SEO, pemasangan breadcrumb adalah wajib yang sangat berguna untuk mempermudah seacrh engine untuk menjelajah atau crawling halaman blog sobat sehingga blog akan menjadi SEO friendly dan disenangi oleh search engine bot, dan juga blog sobat akan cepat ter-index oleh search engine ( Google khususnya )

langsung saja cara membuat breadcrumbs

• Pada halaman dashboar blog anda,, pilih menu TEMPLATE
• Cari kode ]]></b:skin (gunakan Ctrl+F untuk mempermudah pencarian)
• Jika sudah menemukan kode diatas tadi letakan kode dibawah ini diatas ]]></b:skin ini.

" .breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:90%; line-height: 1.4em; border-bottom:3px double #eee;} "

• setelah selesai langsu cari kode di bawah ini
  
  <b:includable id='main' var='top'>
• kalau sudah ketemu, langsung ganti dengan kode di bawah

<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'>Home</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'>Home</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'>Home</a></span> &#187; <span>Unlabelled</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'>Home</a></span> &#187; <span>Archives for <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'>Home</a></span> &#187; <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <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'/>

• kemudian anda simpan, kemudian coba buka laman blog anda
  kalau terliha sepeti gambar dibawah berarti anda sudah selesai membuat breadcrumbs

baca juga  Cara mebuat dynamic heading trik seo

 

Read More

Cara mebuat dynamic heading trik seo

Pengertian Dynamic Heading

Sebelum penjelasannya saya jelaskan, anda tentunya perlu tahu terlebih dahulu apa itu dynamic heading? Pengertian dynamic heading adalah header dari blog yang bersifat dinamis, yang artinya dapat berubah secara otomatis. Ketika sedang berada diposisi beranda, maka nama dari blog yang akan tampil namun ketika sedang membaca sebuah artikel, maka judul artikel tersebut-lah yang menjadi header. Semoga anda paham dengan apa  yang saya maksud.

Ada 3 hal yang perlu anda perhatikan dan lakukan dalam rangka membuat dynamic heading untuk blog anda. Berikut 3 Cara Membuat Dynamic Heading di Blogspot :

mengatur header halaman

• Pada dashboard  anda pilih menu TEMPLATE
•  pilih EDIT HTML
• Kemudian cari kode <b:include name='title'/> ingat gunakan ctrl+F untuk mempermudah. Biasanya akan ada lebih dari satu kode seperti ini saya sarankan mulai dari kode yang paling bawah, dan biasanya ada 3 sampai 2 kode seperti ini. Ganti kode <b:include name='title'/> dengan kode dibawah ini:

[ <b:if cond='data:blog.pageType != &quot;item&quot;'>

<b:include name='title'/>
<b:else/>
<data:blog.pageName/>
</b:if>  ]

• simpan dan cek halaman blog anda

mengatur judul artikel

Template blog  pada umumnya menggunakan H3 untuk judul postingan, berdasarkan rekomendasi Google judul yang seo adalah menggunakan H2 sehingga kita perlu merubahnya. 

Silahkan ikuti langkah-langkah berikut untuk merubag H3 menjadi H2:

• Cari semua kode <h3 class='post jika sudah ketemu ganti gode tersebuat menjadi <h2 class='post
• ubah juga end tag </h3> menjadi </h2>
• Simpan template anda
• selsai

Dengan selesainya trik di atas maka anda sudah berhasil merubah komponen nya.

Read More