Monday, March 07, 2016
Cara memasang Breadcrumb Seo Friendly
Pada kesempatan kali ini saya akan memberikan tutorial cara membuat breadcrumb seo friendly pada blogger. Ada yang tahu breadcrumb itu apa? Breadcrumbs adalah navigasi blog berupa judul kecil yang biasanya terletak di atas judul posting blog atau website. Isi dari breadcrumb berupa link homepage diikuti label kemudian judul posting seperti Home>>kategori>>judul posting.
Anda tahu bahwa Breadcrumb juga merupakan faktor penting sebagai langkah dasar dalam melakukan optimasi SEO dalam blog kita. Karena dengan kita memasang breadcrumb dalam blog, anda telah menginformasikan pengunjung dan spider bot tentang kategori dari artikel yang ada dalam blog kita. Breadcrumb juga salah satu tehnik SEO On-Page yang paling banyak di pakai oleh para blogger.
Cara membuatnya pun cukup mudah, karena kita hanya memodifikasi atau menambahkan kode HTML ke dalam template kita. Jika anda menggunakan template asli blogger kita harus menambahkan kode HTML secara manual, terkecuali bila anda memakai template hasil download anda tidak perlu membuat breadcrumb. Karena sudah pasti tersedia di dalam template hasil downlod tersebut.
Baca: cara memasang meta tag seo friendly
Nah, bagi anda yang menggunakan template asli bawaan blogger dan mau membuat breadcrumb di template anda, silahkan ikuti tutorial di bawah ini sebagai berikut.
Pertama-tama masuk dahboard blog anda, kemudian klik Template>>Edit Html.
Setelah itu pastekan kode diatas tersebut, tepat di atas kode ]]></b;skin>. Langkah selanjutnya cari lagi kode di bawah ini.
 |
| Breadcrumb Seo Friendly |
Anda tahu bahwa Breadcrumb juga merupakan faktor penting sebagai langkah dasar dalam melakukan optimasi SEO dalam blog kita. Karena dengan kita memasang breadcrumb dalam blog, anda telah menginformasikan pengunjung dan spider bot tentang kategori dari artikel yang ada dalam blog kita. Breadcrumb juga salah satu tehnik SEO On-Page yang paling banyak di pakai oleh para blogger.
Baca: cara memasang meta tag seo friendly
Nah, bagi anda yang menggunakan template asli bawaan blogger dan mau membuat breadcrumb di template anda, silahkan ikuti tutorial di bawah ini sebagai berikut.
Cara membuat Breadcrumb pada blogger
Di dalam template anda cari kode ]]></b;skin> lalu copy kode di bawah ini.
.breadcrumbs {font-size:11px;color:#666;padding:0 0 5px;margin:0 0 12px;border-bottom:1px dotted #ddd;}
<b:includable id='main' var='top'>...</b:includable>.
Kemudian anda buka code HTML di atas dan setelah anda buka langkah selanjutnya anda copy kode ini <b:include data='posts' name='breadcrumb'/> lalu pastekan tepat di bawah <b:includable id='main' var='top'>.
Langkah selanjutnya anda copy kode di bawah 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='nofollow'>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 + "?&max-results=8"' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span><b:if cond='data:label.isLast != "true"'> » </b:if> </b:loop> » <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> » <span>Uncategories</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' rel='nofollow'>Home</a></span> » <span>Archive for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.searchQuery'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> » <span><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' rel='nofollow'>Home</a></span> » <span>All post</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> » <span><data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>Lalu pastekan di bawah kode <b:includable id='main' var='top'>...</b:includable>, Terakhir simpan Template anda dan selesai.
Selamat breadcrumb sudah terpasang di blog anda. Dengan begini blog anda lebih mudah di kenali oleh mesin pencari.
Demikianlah yang bisa saya bagikan langkah SEO dasar untuk blog anda dan semoga artikel kali ini bermanfaat bagi anda semua terima kasih.
Subscribe to:
Post Comments
(
Atom
)
No comments :
Post a Comment