HTML Header Tags to Structure Your Content!
HTML header tags can serve as an indicator to the level of importance of each section of your content. These HTML header tags denoted as h1, h2, h3 etc., are an easy way to format your text and organize your page’s structure.
HTML Header Tags Used to Outline & Highlight your Page’s Content!
The Search-engine ranking algorithms will also place emphasis on text enclosed with-in the header tags when determining where pages should be ranked for those terms.
Under normal circumstances, your h1 header tag will be the headline of your content, and will ultimately be the most responsible reason for a person to visit an article when on your website or blog. The h2 header tag will be for subjects that are sub-sections of the h1. The h3 for sub-sections of the h2 tag and so on!
Header tags can be used anywhere within the <Body> tag of an HTML document, and the appearance of the resulting formatting can be altered with Cascading Style Sheets (CSS).
While you are using the header tags to apply significance to your topics, be sure to add your keyword or keyword phrases within these header tags. These HTML tags will not only highlight the important subjects on your page, but you can use them to logically format your content into hierarchical topics as shown below.
Losing Sleep from Poor Sleeping Habits?
Your Mattress Could Keep You Awake
Choosing the Right Mattress
The heading hierarchy reads like this:
- h1 tag: (Page Topic Headline) Losing Sleep from Poor Sleeping Habits?
- h2 tag: (Main Topic) Your Mattress Could Keep You Awake
- h3 tag: (Sub Topic) Too Firm?
- h3 tag: (Sub Topic) Too Soft?
- h2 tag: (Main Topic) Choosing the Right Mattress
For WordPress-based sites, you can choose a header tag in your Edit Post box where you place your content to publish for your blog. Navigate to your Dashboard > Posts > choose a post, then in your Edit Post box (Visual tab), you will see the drop-down menu in the upper left corner, marked ‘Format’.
To choose a heading tag, all you need to do is highlight the word that you want to add the tag to, click on the drop-down box and choose which heading format, it’s that easy.
To add the header tags in the ‘HTML’ tab of your Edit Box, you would need to do it manually as shown below.
<h1>Text enclosed within a Header 1 Tag</h1>
<h2>Text enclosed within a Header 2 Tag</h2>, etc.
Closing Comments for the HTML Header Tags!
Header tags should be used sparingly to bring emphasis only to the most relevant points of the page’s content.
Considering that the majority of Internet users scan content for the information they seek, the most effective use of header tags will increase visitors ability to browse through your content to see important subjects at a quick glance, possibly keeping them on your site longer to navigate to other pages, reducing your bounce rate.
You are providing a service to both the search engines and your visitors by visually emphasizing the important topics. If used properly they can also increase your site’s ranking on many search engines.
Another article that can help with your SEO On Page Optimization efforts would be my ‘TOP 10 On Page Optimizing Factors to Never Forget!’… mastering these techniques is great place to start on your journey to becoming an SEO Expert!TO YOUR SUCCESS,
Sites That Link to this Post
- How to Generate Headlines Guaranteed to Arouse Curiosity | John E Engle | November 7, 2013