Cara Menjadikan Breadcrumb Seo valid Html5 Admin : Unknown

Assalamu'alaikum,wr.wb

Cara Menjadikan Breadcrumb Seo valid Html5 Terindeks Google-Kembali lagi dengan Tips Trik tutorial Blogging,kali ini saya ingin berbagi sedikit masukan soal blogging seo, salah satu pemicu dari blog terbilang seo memang banyak,salah satunya kita akan bahas, nah bicara soal seo metode atau tutorial ini sangat cocok untuk search engine google,kenapa?? google akan lebih mudah melacak dan merayapi situs web dengan mudah.,baiklah mari kita simak tutorial seo kita hari ini mengenai Cara Menjadikan Breadcrumb Seo valid Html5, Keuntungan dan kelebiha Breadcrumb Seo valid Html5 :

• Lebih SEO Friendly
• Valid HTML5
• Lebih Simpel, Ringan karena kodenya sedikit
• Menggunakan Microdata

belum optimal

Bagaimana??apakah berminat mencoba?? langsung ketutorialnya saja :

• Pertama masuk ke dasbor blog
• Pilih Template >> Edit Html
• Cari kode ]]></b:skin> atau </style> ,dan pastekan kode ini diatasnya :

.breadcrumb {background:transparent;padding:5px;margin-bottom:5px;font-size:100%;border-top:1px solid#ddd;border-bottom:1px solid #ddd;}

Catatan : jika kode sudah ada ganti saja dengan kode yang diatas. warna kuning silahkan sesuaikan sendiri.

• Kemudian cari lagi kode yang seperti ini :

<b:includable id='breadcrumb' var='posts'>
sampai dengan
</b:includable>

• Jika sudah ketemu,ganti dengan kode ini :

  <b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
  <div class='breadcrumb'>
    <span itemscope='itemscope' itemtype='http://data-vocabulary.org/Breadcrumb'>
      <a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' itemprop='url'><span itemprop='title'>Home</span></a>
    </span>
  <b:loop values='data:posts' var='post'>
  <b:if cond='data:post.labels'>
  <b:loop values='data:post.labels' var='label'> &#187;
    <span itemscope='itemscope' itemtype='http://data-vocabulary.org/Breadcrumb'>
      <a expr:href='data:label.url' expr:title='&quot;View all posts with label &quot; + data:label.name' itemprop='url'><span itemprop='title'><data:label.name/></span></a>
    </span>
  </b:loop>
  <b:else/>
    <span> &#187;
      <span>Unlabelled</span>
    </span>
  </b:if> &#187;
    <span class='active'>
      <data:post.title/>
    </span>
  </b:loop>
  </div>
<b:else/>
</b:if>
</b:includable>

•  Cari kode yang terakhir  <b:includable id='main' var='top'> dan taruh kode ini dibawahnya :

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

• Selesai dan simpan.

Jika dalam jangka waktu beberapa hari belum muncul dalam pencarian Search Engine google silahkan baca Penyebab Breadcrumb Tidak Muncul Di Search Engine Google .

Mungkin cukup segitu dari saya,apabila ada yang masih bingung silahkan bertanya.. terima kasih semoga bermanfaat..