How to Install SEO for blogger
How to Install SEO for blogger
How to Install SEO for blogger -is a navigation menu which is usually above the post title of a blog or website. The contents are in the form of a link that leads to home or the main page followed by a label then the title of the post that was opened. Breadcrumbs are quite important as a supporting factor
on the blog, because with breadcrumbs we can inform visitors about the categories of articles in the blog.
Breadcrumbs that I will share have advantages, namely SEO Friendly, although I myself am not very good at SEO. However, I have proven this breadcrumbs that these breadcrumbs are SEO Friendly, all labels are indexed by Search Engines and of course
Valid HTML5
1. Open Blogger> Click Template> Edit HTML> Then add the CSS code below before
]]></b:skin>
2. The next step, look for the HTML post code like this
<b: includable id = 'main' var = 'top'> ... </ b: includable>
3. Then add the HTML breadcrumbs code just below the code above
How to Install SEO for blogger -is a navigation menu which is usually above the post title of a blog or website. The contents are in the form of a link that leads to home or the main page followed by a label then the title of the post that was opened. Breadcrumbs are quite important as a supporting factor
on the blog, because with breadcrumbs we can inform visitors about the categories of articles in the blog.
Breadcrumbs that I will share have advantages, namely SEO Friendly, although I myself am not very good at SEO. However, I have proven this breadcrumbs that these breadcrumbs are SEO Friendly, all labels are indexed by Search Engines and of course
Valid HTML5
]]></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;}
<b: includable id = 'main' var = 'top'> ... </ b: includable>
3. Then add the HTML breadcrumbs code 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='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 + "?max-results=5"' 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 == "archive"'> <!-- 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 == "index"'> <div class='breadcrumbs'> <b:if cond='data:blog.pageName == ""'> <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>
To find out the breadcrumbs have been installed correctly on the blog, you can check here Search.Google