SEO : Memasang Breadcrumb di Blogspot

Navigasi Breadcrumb dianjurkan oleh Google dalam SEO. Anjuran untuk pemasangan breadcrumb di suatu situs tercantum dalam ebook yang dikeluarkan Google berjudul “Search Engine Optimization Starter Guide tentang SEO BreadCrumb”.

Sedangkan pengertian Breadcrumb menurut Google adalah sebagai berikut :

Breadcrumb adalah sebaris tautan internal pada bagian atas atau bawah laman yang memungkinkan pengunjung untuk menavigasi balik ke bagian sebelumnya atau ke laman dasar dengan cepat. Banyak breadcrumbs memiliki laman yang paling umum (biasanya laman dasar) sebagai tautan pertama dan paling kanan dan memuat bagian yang lebih spesifik keluar ke sisi kanan.

Sebelumnya saya telah menuliskan artikel tentang Penggunaan Plugin BreadCrumb Navxt di Wordpress dan Memasang Breadcrumb di Wordpress secara Manual.

Sekarang adalah Cara Memasang Breadcrumb di Blogger / Blogspot, cara ini saya temukan di situs Blogger Pluggins. Untuk langkah-langkahnya, silakan ikuti petunjuk di bawah ini :

• Sign in ke http://blogger.com dengan akun Anda
• Pilih layout -> edit html
• Beri tanda centang pada Expand the Widget Templates
• Cari kode seperti ini :

<b:include data='top' name='status-message'/>

• Gantikan dengan yang ini :

<b:include data='top' name='status-message'/>
<b:include data='posts' name='breadcrumb'/>

• Lalu cari kode seperti ini :

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

• Gantikan dengan yang ini :

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- No breadcrumb on home page -->
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'> »
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
<b:else/>
»Unlabelled
</b:if>
» <span><data:post.title/></span>
</b:loop>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:blog.pageName == ""'>
<a expr:href='data:blog.homepageUrl'>Home</a> » All posts
<b:else/>
<a expr:href='data:blog.homepageUrl'>Home</a> » Posts filed under <data:blog.pageName/>
</b:if>
</span>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>

• Yang terakhir, cari kode seperti ini :

]]></b:skin>

• Lalu gantikan dengan yang ini :

.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;
}
]]></b:skin>

• Save Template dan lihat hasilnya :D

Mudah kan? ada yang ingin menambahkan?

Anda Menyukai Artikel di Blog Ini? Masukkan Alamat Email Anda untuk Berlangganan:

Artikel Populer Cara Membuat Flash Disk Menjadi Bootable dengan Unetbootin Sejarah Internet di Dunia Awal Sejarah Internet di Indonesia Bermain Rubik Online Sony PS1 Emulator untuk PC Pasang Paket Speedy Family Unlimited Sendiri Wordpress Theme : 25 Oktober 2009 100+ Dofollow Forums Tutorial Setting Emulator ePSXe Cara Cepat Akses Internet Lewat Handphone Buku Gratis di Kick Andy Download Opera 10 with Turbo Nusantara Online, MMORPG Buatan Indonesia Partition Wizard Home Edition, Alternatif Software Partisi untuk Windows Daftar 10 Game Terbaik 2009 Download Microsoft Office 2010 Beta Gratis Selamat Datang Ubuntu 9.10 Karmic Koala Baca Koran Jawa Pos via PDF Daftar Situs Penyedia Email Gratis Bukti Pembayaran dari Adsense Daftar Game Bajakan Terlaris 2009 Fake SMS, Aplikasi HP s60v3 untuk Iseng-Iseng Cara Membuat Tulisan Terbalik dengan Flip Text Generator Agar Feed Networkedblogs Terpublikasikan di Wall Secara Otomatis Download Ubuntu Muslim Edition - Linux Sabily 9.10 (Gaza) Bukti Pembayaran dari Kumpulblogger ke-2 Cara Membuat Grup di Facebook Cara Membuat Foto Menjadi Text Cara Membuat Account di Yahoo Wordpress Plugin : 31 Juli 2009

Artikel yang Berkaitan : SEO : Breadcrumb di Google Snippet SEO : Memasang BreadCrumb di Wordpress Cara Manual Tutorial Menggabungkan Search Box Wordpress dengan Google Custom Search Cara Mengganti Permalink Pencarian di Wordpress Tutorial Membuat Spoiler Sederhana di Blogspot Langkah Mudah Memasang Adsense di Blogger Menambah Tombol Digg dalam Blogger Cara Membuat Stripe Ad yang Berotasi di Wordpress Tutorial Memasang Google Custom Search di Blog Wordpress Plugin : 16 September 2009 Wordpress Plugin : 7 September 2009 All In One SEO Pack Anda Rusak? Pakai Custom Field Saja.. SEO : BreadCrumb di Wordpress Cara Membuat Daftar Isi di Blogspot Cara Meletakkan CommentLuv di Blogspot Submit Blog Dofollow dan CommentLuv Anda Mengubah Daftar Judul Seluruh Posting di Blogger Mengubah Header “About Me” di Blogger Menambah Snap Shot di Web Site Menghapus Link SubScribe Post di Blogger Mengganti ATOM dengan RSS di Blogger Menambah Footer Baru di Blogger Cara Menambahkan SubScribe to Comment dalam Blogger Entrecard Meningkatkan Trafik Blog Anda Cara Menambah Widget di Bawah Header Blogspot Memasang Popular Pages di Blogger dan TypePad Cara Membuat Related Post di Blogger Gunakan Google Translate untuk Meningkatkan Trafik Wordpress 2.9 Beta 1 Telah Dirilis Wordpress Plugin : 17 November 2009

Hasil Pencarian:

memasang breadcrumb . memasang seo pada blog . pengertian breadcrumb . breadcrumbs blogger . memasang breadcrumb blogger . Breadcrumb . breadcrumb adalah . breadcrumbs pada blogger . cara memasang breadcrumb . keuntungan pasang Breadcrumbs Navigasi . masalah pada breadcrumbs joomla . jual stiker rubik pattern . laman mandiri blog html . blog bread crumb . membuat kategori bertingkat blogger . membuat kotak follow yang seo . membuat snippet pada blogger . Pasang Breadcrumb di blog . pengertian Breadcrumb Navigation . pengertian breadcrumbs .

Tags : Blog, Blogger, Blogspot, Google, Internet, Manual, Memasang Breadcrumb di Blogspot, Navigasi Breadcrumb, Navxt, Search Engine Optimization, Search ENgine Optimization Starter Guide, SEO, Tips, Tutorial Blog, Wordpress