Memasang Breadcrumb SEO Friendly Terindex Google

Assalamu'alaikum Wr. Wb. sobat Fakhrie.

Memasang Breadcrumb SEO Friendly Terindex Google - Pada kesempatan kali ini, saya akan memberikan cara Memasang Breadcrumb SEO Friendly Terindex Google. Apa itu Breadcrumb? Breadcrumb adalah sebuah Navigasi yang menunjukkan letak direktory seperti di Windows Explorer. Biasanya Breadcrumb ini terletak diatas postingan dan juga biasanya bentuk Breadcrumb itu seperti ini : " Home > Label > Judul Postingan " . Mengapa saya masukkan pada category SEO? Karena Breadcrumb ini sangat berperan penting dalam SEO sebuah web. Breadcrumb ini berfungsi untuk mengoptimasi SEO pada blog sobat. Oh iya, mungkin ada yang belum tahu apa itu SEO? silahkan baca di sini.

Penampakkan Breadcrumbnya seperti ini

Oke, langsung saja disimak baik-baik cara memasangnya

Langkah Pertama : Login Blogger
Langkah Kedua : Pilih Blog
Langkah Ketiga : Klik Tab Template
Langkah Keempat : Klik Edit HTML
Langkah Kelima : Cari kode di bawah ini

Baca Juga

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

Langkah Keenam : Hapus Kode tersebut lalu ganti 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='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>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>

Langkah Ketujuh : Cari kode ]]></b:skin>
Langkah Kedelapan : Copy kode dibawah ini

.breadcrumbs {
font-size: 11px;
color: #666;
padding: 10px 0px;
margin: 10px 0px 20px;
border-bottom: 1px solid #ddd;
}

Langkah Kesembilan : Letakkan kode tersebut tepat diatas kode ]]></b:skin>
Langkah Kesepuluh : Klik Simpan

Breadcrumb ini supaya robot Google mudah mengindex blog anda, dan juga supaya blog anda lebih keren dalam menampilkan hasil penelusuran. Seperti ini

Tidak Memasang Breadcrumb :

Memasang Breadcrumb :

Sangat jelas bukan perbedaannya ? Silahkan kalian pilih, mau memasang/ tidak memasang breadcrumb ini.. tapi, saya sarankan Untuk memasang Breadcrumb ini.

Yosh, mungkin hanya itu saja yang hanya bisa saya bagikan, semoga bermanfaat bagi sobat. Terimakasih

Muhammad Nur Wahid Fakhrudin Seseorang yang ingin berbagi tulisan tentang blog, desain, dan geologi.