Cara Membuat Breadcrumbs SEO Friendly dan Valid HTML5

Cara Membuat Breadcrumbs SEO Friendly dan Valid HTML5 - waduh ngomongin tentang valid html5 nih . bagi anda yang ingin menoptimalkan template blog sobat dalam validtor valid html5 dan masalah seo friendly . maka tutorial saya kali ini tentang bagaimana cara mudah Cara Membuat Breadcrumbs SEO Friendly dan Valid HTML5 yang terindeks oleh google . Pada umumnya breadcrumbs hanya valid di home page saja , di postingan atau artikel masih ada error dan warning , maka dari itu perlu di ubah agar valid html5 di posting . dan yang pastinya akan menjadi lebih seo frendly .

OK . sob tanpa panjang lebar , mari kita Breadcrumbs SEO Friendly dan Valid HTML5 . are you readi kawan .?? yuk kita simak cara di bawah ini :

Pada Edit HTML sobat cari kode <b:includable id='main' var='top'>
Setelah ketemu kode tersebut , kemudian hapus kode diatas dan gantikan dengan kode dibawah ini :

<b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>

<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs'>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'>Home</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' 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'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>

<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <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'/>

Langkah yang selanjutnya yaitu sobat tinggal memasang kode cssnya . cara memasang kode css nya yaitu sobat cari kode ]]></b:skin> . kemudian letakan kode css berikut diatas kode ]]></b:skin>

.breadcrumbs{padding:0px 5px 5px 0;margin-bottom:20px;margin-top:0px;font-size:11px;color:#5B5B5B;border-bottom:1px dotted #bbb;}

Langkah yang terkahir simpan template dan lihat hasilnya
Done ( Taraaaa , sekarang sobat sudah bisa Membuat Breadcrumbs SEO Friendly dan Valid HTML5 , selamat ya , heheheh )

Oh ya , untuk mengecek berhasil atau tidaknya Breadcrumbs anda , maka anda cukup mengeceknya http://validator.w3.org/ demikian postingan saya kali ini tentang Cara Membuat Breadcrumbs SEO Friendly dan Valid HTML5 serta ter-indeks google . semoga bermanfaat , apabila ada pertanyaan . silahkan berkomentar .

Sumber Berita Ini: Cara Membuat Breadcrumbs SEO Friendly dan Valid HTML5

Riio Cyber-Art

Blog ini berisi informasi mengenai dunia blogging dan internet dari berbagai sumber, jika anda menyukai dan mau dapatkan Update berita terbaru, harap ikuti blog ini dengan memasukan Email anda atau mengikuti Twitter/Facebook, dengan begitu anda secara otomatis akan mendapatkan Update Berita terbaru disini.

Cara Membuat Breadcrumbs SEO Friendly dan Valid HTML5

Sumber Berita Ini: Cara Membuat Breadcrumbs SEO Friendly dan Valid HTML5

Update Artikel Terbaru

Entri Populer