How To Install Seo Friendly Breadcrumbs
13 Sep 2018
How to Install Breadcrumb SEO Friendly - Breadcrumbs is a navigation sajian 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>
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
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 == "static_page"'>
<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 == "item"'>
<!-- 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='https://panduahsan.blogspot.com//search?q=how-to-install-seo-friendly-breadcrumbs" rel="nofollow" target="_blank">How to Install Breadcrumb SEO Friendly, hopefully useful.