How to make breadcrumbs SEO Friendly

Posted on

Understanding breadcrumbs, how to create and install SEO Friendly Breadcrumbs

What is Breadcrumbs is a trail or blog navigation that serves to display tracking of an article that is being read by readers.

The goal, so that readers can know that there are other articles attached to the label (according to the topic); of course, in other ways than relying on Related Posts.

Usually, the position or location of Breadcrumbs is below the menu navigation, and right above the title of a blog content.

In general, tracking begins first by the start page (Home), label (Category), and ends with the title of the article (Content). For example, like this: Home & gt; cake > How To Make A Cake.

How to make breadcrumbs SEO Friendly

Check Also: How to create an automatic Redirect to the start page of Blogspot

According to experts and SEO experts, Breadcrumbs are good for blogs; to increase site rankings quickly. Moreover, Breadcrumbs are also great for increasing blog pageviews.

So, how to create and install SEO Friendly Breadcrumbs on a blog?

How to make breadcrumbs SEO Friendly on site

If you have installed Breadcrumbs on your blog, remove them first; including the HTML and CSS as a whole. If necessary, backup the template.

1. First of all, find this code:

< div class= “post hentry”>;

If the above code does not exist, find the code below (because the content of blogger templates is different):

< article class=”post hentry”>;

2. Next, Copy the code below:

< b:if cond=’data:blog.homepageUrl = = data: blog.url ‘ >
<b:else/>
< b:if cond=’data:blog.pageType = = & quot; item& quot;’>
< div style=”padding:10px 5px 10px 0; margin-bottom:8px;font:12px Arial; line-height:1.2 em; border-bottom: 1px dotted #f2f2f2;” >
< a expr:href=”https://teknomediaku.com/2022/03/data:blog.homepageUrl”>Home</a> &#187;
< b:if cond=’data:post.labels ‘ > & lt; b:loop values=”data:post.labels “var=” label ” >
< a expr:href=”https://teknomediaku.com/2022/03/data:label.url” rel= “tag, noindex” ><data:label.name/>< / a>
< b:if cond=’data:label.isLast != & quot; true& quot; ‘ > , </b:if>;
< / b:loop>
< / b:if> &#187; < data:post.title/>
< / div>;
</b: if>
</b: if>

3. Place below < article class=”post hentry”>; or below < div class= “post hentry”>;

So the result will be as below:

< div class= “post hentry”>
< b:if cond=’data:blog.homepageUrl = = data: blog.url ‘ >
<b:else/>
< b:if cond=’data:blog.pageType = = & quot; item& quot;’>
< div style=”padding:10px 5px 10px 0; margin-bottom:8px;font:12px Arial; line-height:1.2 em; border-bottom: 1px dotted #f2f2f2;” >
< a expr:href=”https://teknomediaku.com/2022/03/data:blog.homepageUrl”> Home</a> &#187;
< b:if cond=’data:post.labels ‘ > & lt; b:loop values=”data:post.labels “var=” label ” >
< a expr:href=”https://teknomediaku.com/2022/03/data:label.url” rel= “tag, noindex” ><data:label.name/>< / a>
< b:if cond=’data:label.isLast != & amp;quot;true& quot; ‘ > , </b:if>;
< / b:loop>
< / b:if> &#187; < data:post.title/>
< / div>;
</b: if>
</b: if>

4. Save blogger template changes, Ok done.

Check Also: How to create and install HTML Markup & amp; Formatting

How to make breadcrumbs SEO Friendly

That’s how to create and install navigation menu breadcrumbs SEO Friendly that is appropriate SEO advice on article content SEO friendly Breadcrumbs.

Thanks for visiting TeknoMediaku.com hope ur day is a good day!

Leave a Reply

Your email address will not be published. Required fields are marked *