Menambahkan Breadcrumbs Seo Friendly - Hallo sahabat Teknoz Update, Pada Artikel yang anda baca kali ini dengan judul Menambahkan Breadcrumbs Seo Friendly, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel News, Artikel SEO, Artikel Tips Blogger, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Menambahkan Breadcrumbs Seo Friendly
link : Menambahkan Breadcrumbs Seo Friendly

Menambahkan Breadcrumbs Seo Friendly

Cara Menambahkan Breadcrumbs SEO Friendly - Breadcrumbs merupakan menu navigasi yang umumnya dapat kita temukan pada halaman blog dengan ciri-ciri berupa link menuju halaman home atau halaman utama, kemudian diikuti dengan label serta judul postingan yang tengah diakses.

Dalam menerapkan SEO pada blog, kita tak cuma melakukannya dikala membuat artikel saja, tapi juga pada template blog. Memasang Breadcrumbs ini merupakan optimasi SEO yang kita terapkan pada template blog buat membantu mesin pencari seperti Google merayapi halaman situs blog kita.

Di sisi lain, Breadcrumbs juga berfungsi buat memberikan informasi kepada pengunjung mengenai halaman yang tengah di akses, mulai dari label hingga judul halaman yang tengah dikunjungi.

Breadcrumbs ini menjadi faktor pendukung SEO yang penting buat blog. Untuk itu, pada kali ini bakal membagikan Breadcrumbs yang mempunyai kelebihan SEO Friendly. Breadcrumbs ini juga telah terbukti terindex di mermacam mesin pencari juga telah Valid HTML5.

Contoh Breadcrumb

Cara Menambahkan Breadcrumbs SEO Friendly

Pertama-tama, buka dashboard Blogger, kemudian pilih menu Tema, lalu klik tombol Edit HTML. Silahkan tambahkan kode dibawah ini kedalam template blog, lebih tepatnya sebelum kode ]]></b:skin>.

/* Breadcrumbs */ .breadcrumbs{padding:20px 30px;background:#fff;margin-bottom:20px} .breadcrumbs a,.post-info a {color:#19abea;} .breadcrumbs a:hover,.post-info a:hover {color:#454545;}

Selanjutnya, silahkan cari kode dibawah ini pada template blog.

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

Tahap terakhir, silahkan tambahkan kode HTML Breadcrumbs dibawah ini tepat sesudah kode yang ditulis diatas.

<b:includable id='breadcrumb' var='posts'> <b:if cond='data:blog.homepageUrl != data:blog.url'> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag' title='Home'>Home</a></span> / <span><data:blog.pageName/></span></div> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <!-- Breadcrumb Untuk Halaman Pos --> <b:loop values='data:posts' var='post'> <b:if cond='data:post.labels'> <div class='breadcrumbs'> Kamu di sini : <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url' title='Home'><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 + &quot;?max-results=5&quot;' expr:title='data:label.name' 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' title='Home'>Home</a></span> / <span>Without Label</span> / <span><data:post.title/></span></div> </b:if> </b:loop> <b:else/> <b:if cond='data:blog.pageType == &quot;archive&quot;'> <!-- Breadcrumb Untuk Label Search serta Search Pages --> <div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></span> / <span>Archived For <data:blog.pageName/></span> </div> <b:else/> <b:if cond='data:blog.pageType == &quot;index&quot;'> <div class='breadcrumbs'> <b:if cond='data:blog.pageName == &quot;&quot;'> <span><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></span> / <span>All Post</span> <b:else/> <span><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></span> / <span><data:blog.pageName/></span> </b:if> </div> </b:if> </b:if> </b:if> </b:if> </b:if> </b:includable>

Pada tahap ini, anda telah berhasil memasang Breadcrumbs SEO Friendly. Selanjutnya silahkan tunggu sampai Google merayapi semua halaman situs blog.

Kamu juga bisa menggunakan Alat Pengujian Data Terstruktur buat mengetahui jika terjadi kesalahan pemasangan kode breadcrumbs pada template blog anda.

Itulah tutorial mengenai Cara Menambahkan Breadcrumbs SEO Friendly semoga bermanfaat buat anda. kalau ada hal yang mau ditanyakan, silahkan bertanya lewat kolom komentar dibawah ini, terima kasih serta selamat mencoba.

loading...

Demikianlah Artikel Menambahkan Breadcrumbs Seo Friendly

Sekianlah artikel Menambahkan Breadcrumbs Seo Friendly kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Menambahkan Breadcrumbs Seo Friendly dengan alamat link https://teknozupdate.blogspot.com/2019/04/menambahkan-breadcrumbs-seo-friendly.html