Breadcrumb code faster indexed search engines

Breadcrumb code faster indexed search engines
Meaning and function Breadcrumb
Breadcrumb is a navigation menu in a website that allows you to speed up the website visitors find the location in the document, then come back easily. Breadcrumb usually placed at the top of the page of a website/blog. Breadcrumb pick the first few uses or path showed pages from the websites visited, relative to the pages visited.
The second feature provides one-click access to web pages on it as well as users avoid getting lost because it was too far into the website. (definition: Jacob Nielson, editors: tipbisnisseo) 
Code and how to install the breadcrumb on the blog by adding CSS and javascript as below :
1. Login to your blog dashboard.
2. If you already have a blog breadcrumb (Disposal should be all of them),
    to check breadcrumb on the template using "Ctrl F" to be easy in the search.
3. Klick Design and click Edit HTML.
4. Enter the following code before the script   ]]></ b: skin>  (use Ctrl F to facilitas search).

.breadcrumbs {padding: 5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:95%; line-height:1.4em; border-bottom:3px double #e6e4e3;}

5. Then find the code like this

<b:include data='top' name='status-message'/>

Note:

Each template is always different, sometimes the code as above there are two,
then look for the code <b:include data='top' name='status-message'/>, which is adjacent to
<data:defaultAdStart/> code, and then place the code 
<b:include data='posts' name='breadcrumb'/>  just below  <b:include data='top'name='status-message'/>.

Then the result will be like this

<b:include data='top' name='status-message'/> <b:include data='posts' name='breadcrumb'/> <data:defaultAdStart/>

If in your template code <b:include data='top' name='status-message'/> there is only one, 
then look for the code <b:includable id='post' var='post'>, and then place the code
<b:include data='posts' name='breadcrumb'/>  <b:includable id='post'var='post'> code below.

Then the result will be like this:

<b:includable id='post' var='post'> <b:include data='posts' name='breadcrumb'/>

6. The next stage looking code

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

7. Place the following code right above it:

<b:includable id='breadcrumb' var='posts'> <b:if cond='data:blog.homepageUrl == data:blog.url'> <!-- No breadcrumb on home page --> <b:else/> <b:if cond='data:blog.pageType == "item"'> <!-- breadcrumb for the post page --> <p class='breadcrumbs'> <span class='post-labels'> <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'> <a expr:href='data:blog.homepageUrl' href='' itemprop='url' rel='tag'><span itemprop='title'>Home</span></a></span> <b:loop values='data:posts' var='post'> <b:if cond='data:post.labels'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast == "true"'> » <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'> <a expr:href='data:label.url' href='' itemprop='url' rel='tag'><span itemprop='title'><data:label.name/></span></a></span> </b:if> </b:loop> <b:else/> »Unlabelled </b:if> » <span><data:post.title/></span> </b:loop> </span> </p> <b:else/> <b:if cond='data:blog.pageType == "archive"'> <!-- breadcrumb for the label archive page and search pages.. --> <p class='breadcrumbs'> <span class='post-labels'> <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'> <a expr:href='data:blog.homepageUrl' href='' itemprop='url'><span itemprop='title'>Home</span></a></span> » Archives for <data:blog.pageName/> </span> </p> <b:else/> <b:if cond='data:blog.pageType == "index"'> <p class='breadcrumbs'> <span class='post-labels'> <b:if cond='data:blog.pageName == ""'> <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'> <a expr:href='data:blog.homepageUrl' href='' itemprop='url'><span itemprop='title'>Home</span></a></span> » All posts <b:else/> <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'> <a expr:href='data:blog.homepageUrl'><span itemprop='title'>Home</span></a></span> » Posts filed under <data:blog.pageName/> </b:if> </span> </p> </b:if> </b:if> </b:if> </b:if> </b:includable>

Then click preview, if there is no problem and then click save. Sources: deejayhan

I have applied this code in my blog, I hope you succeed and and can use that code to make your posts more search engines. Good luck

ARTIKEL TERKAIT: