How to Install SEO for blogger - Best Of

Breaking

Home Top Ad

Post Top Ad

الجمعة، 22 مارس 2019

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>

 /* 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 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
<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 the breadcrumbs have been installed correctly on the blog, you can check here Search.Google



ليست هناك تعليقات:

إرسال تعليق

Post Bottom Ad