In fact, each section of the page should be marked with tags from H1 to H6 is necessary to allow search engines to understand which ones are more important.
However, with the advent of HTML 5, each section of the site should be assigned a header with an H1 tag, though in my experience this is all relative.
In publications with the help of tags H builds a logical structure that makes it easier for readers to get acquainted with the material, and search engines will rank the article higher if the subheadings will be spelled out keywords.
Today I'm going to show you how to optimize headers in Blogger blogs, specifically in posts, pages, gadgets, and shortcodes.
Blogger Optimizing headers in posts and pages
In all the blogs that show how to do this, I have seen the same option. This option is correct, but it can be done in a simpler way.
Optimization in new themes
- In the Control Panel, go to Theme - Edit HTML
- Press CTRL+F
- In the search box that comes up, type post-title entry-title and hit Enter
<h3 class='post-title entry-title'>
<b:if cond='data:post.link or (data:post.url and data:view.url != data:post.url)'>
<a expr:href='data:post.link ?: data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
It can occur several times, each time change it with the next HTML code:
<b:if cond='data:blog.pageType != "index"'>
<h1 class='post-title entry-title'>
<b:if cond='data:post.link or (data:post.url and data:view.url != data:post.url)'>
<a expr:href='data:post.link ?: data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h1>
</b:if>
<b:if cond='data:blog.pageType == "index"'>
<h2 class='post-title entry-title'>
<b:if cond='data:post.link or (data:post.url and data:view.url != data:post.url)'>
<a expr:href='data:post.link ?: data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h2>
</b:if>
Save settings. <h3 class='post-title entry-title'>
<b:if cond='data:post.link or (data:post.url and data:view.url != data:post.url)'>
<a expr:href='data:post.link ?: data:post.url'>
<div class='snippet-container r-snippet-container'>
<div class='r-snippetized'>
<data:post.title/>
</div>
<b:if cond='data:post.title != ""'>
<div class='snippet-fade r-snippet-fade hidden'/>
</b:if>
</div>
</a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
It can occur three times, we need the third one. Change it to this code:
<b:if cond='data:blog.pageType != "index"'>
<h1 class='post-title entry-title'>
<b:if cond='data:post.link or (data:post.url and data:view.url != data:post.url)'>
<a expr:href='data:post.link ?: data:post.url'>
<div class='snippet-container r-snippet-container'>
<div class='r-snippetized'>
<data:post.title/>
</div>
<b:if cond='data:post.title != ""'>
<div class='snippet-fade r-snippet-fade hidden'/>
</b:if>
</div>
</a>
<b:else/>
<data:post.title/>
</b:if>
</h1>
</b:if>
<b:if cond='data:blog.pageType == "index"'>
<h2 class='post-title entry-title'>
<b:if cond='data:post.link or (data:post.url and data:view.url != data:post.url)'>
<a expr:href='data:post.link ?: data:post.url'>
<div class='snippet-container r-snippet-container'>
<div class='r-snippetized'>
<data:post.title/>
</div>
<b:if cond='data:post.title != ""'>
<div class='snippet-fade r-snippet-fade hidden'/>
</b:if>
</div>
</a>
<b:else/>
<data:post.title/>
</b:if>
</h2>
</b:if>
Save settings.
1 Comments:
Thanks for sharing!