How to install SEO Friendly Breadcrumbs - Hallo sahabat Situs Pendidikan Masa Kini - Patih Akbar, Pada Artikel yang anda baca kali ini dengan judul How to install SEO Friendly Breadcrumbs, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel HTML, SEO, Tips Blogger, yang kami tulis ini dapat anda pahami. dengan mudah, selamat membaca.

Judul : How to install SEO Friendly Breadcrumbs
link : How to install SEO Friendly Breadcrumbs

How to install SEO Friendly Breadcrumbs

How to Install Breadcrumb SEO Friendly - Breadcrumbs is a navigation menu that is usually above the title of a blog or website post. The contents are in the form of a link to the home or main page followed by a label then the title of the post that was opened. Breadcrumbs are quite important as a supporting factor for SEO on blogs, because with breadcrumbs we can inform visitors about the categories of articles in the blog.

Breadcrumbs that I will share this has the advantage of SEO Friendly, although I myself am not very good at SEO. However, I have proven this breadcrumbs myself that breadcrumbs are SEO Friendly, all labels are indexed by Search Engines and of course Valid HTML5.

How to install SEO Friendly Breadcrumbs

1. Open Blogger> Click Template> Edit HTML> Then add the CSS code below before ]]></b:skin> or </style>

/* 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;}

2. The next step, look for HTML post code like this

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

3. Then add the HTML code for breadcrumbs just below the code above

<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'>
Anda 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 dan 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>

4. Save the template.

To find out that breadcrumbs are installed correctly on the blog, you can check here Google testing tool

Thus the tutorial How to Install Breadcrumb SEO Friendly, hopefully useful.

Demikianlah Artikel Tentang How to install SEO Friendly Breadcrumbs

Semoga dengan membaca artikel How to install SEO Friendly Breadcrumbs ini, bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel kami yang lainnya. Dan jangan lupa di share yaa

Anda sekarang membaca artikel How to install SEO Friendly Breadcrumbs dengan alamat link https://patihakbar.blogspot.com/2018/09/how-to-install-seo-friendly-breadcrumbs.html

Previous article

Next Post

Next article

Previous Post

Admin

https://patihakbar.blogspot.com/

Blogger Yang Gagal Jadi Webdesign "Smart Blogging"