The H2 tag represents individual steps that pertain directly to the H1 topic. In that particular post we used the following structure:<\/p>\n
<h1>How to Use OBS Studio to Livestream<\/h1>
\n <h2>What is OBS Studio?<\/h2>
\n <h3>What about SLOBS?<\/h3>
\n <h2>How to Get Started with OBS Studio<\/h2>
\n <h2>OBS Studio Setup<\/h2>
\n <h3>Setting Up a Scene in OBS Studio<\/h3>
\n <h3>Adding Sources in OBS Studio<\/h3>
\n <h2>Adjusting Sources Onscreen<\/h2>
\n <h3>RMTP Keys and OBS Studio<\/h3>
\n <h2>Wrapping Up<\/h2>
\n<\/pre>\nThe H2 heading tags in this post go over the main ideas, such as getting started and downloading it, setting up the actual software, and then adjusting how your screen appears to viewers. While there are steps involved beneath those in H3, too, the H2 headings indicate the large-scale picture of the article. They\u2019re a high-level view that crawlers and readers will be able to scan over to see if the article contains the information they are searching for.<\/p>\n
In general, you will have multiple H2 tags per article, while you might have no subheadings nested under them. If your page or post is on a single topic that isn\u2019t broken down into sections with subsections like the example above, it would be better to have multiple H2 tags than nested H2 -> H3 -> H4 because those indicate to crawlers you\u2019re diving deeper on a suptopic than expanding on the post\u2019s primary subject.<\/p>\n
H3 Tags<\/h2>\n
H3 tags, on the other hand, are where your articles can really dig into the details of your topic. You should never use these H3 tags directly under an H1. Googlebots and search engines see them absolutely as subheadings. Whereas H2 is accepted as being a primary heading for sections within a single article (with the H1 declaring the main topic as title, remember).<\/p>\n
<\/p>\n
If you look closely at the image above, you will see that the actual styling and sizing between our H2 and H3 tags aren\u2019t terribly different. Reason being, we don\u2019t want you to assume by scanning that any point we make in an H3 is less important than an H2. Because it\u2019s not.<\/p>\n
It\u2019s only smaller in size to indicate that it\u2019s a subordinate point to the H2, rather than a direct tie to the overall topic, which is most important from a structural standpoint regarding the SEO for your article. For human readers, rather than robots, the visual distinction simply helps move them down the page and break the information down to parse more easily.<\/p>\n
H4, H5, H6 Tags<\/h2>\n
We\u2019ve lumped these together for a reason. In general, you will be hard pressed to find any sites that make full use of the H1 to H6 range of HTML heading tags. By far, the most popular structure is H1 to H3. Just like you rarely see a content outline to beyond the second nested level.<\/p>\n
I. Idea
\n A. Subpoint
\n 1. Detail
\nII. Idea
\nA. Subpoint
\n1. Detail
\nIII. Idea
\n<\/pre>\nH4<\/h3>\n
For the most part, the H4 tag will serve the same purpose as H3. You will use them to go into detail for steps and examples, but always nested below your main headings. Designers generally style them with CSS smaller than H3. They tend to see limited use in ordinary content creation. A topic tends to be very in-depth if the ideas need to be broken down so that an H4 heading tag is needed.<\/p>\n
H5 and H6<\/h3>\n
You can use H5 and H6 headings, in a couple of different ways.<\/p>\n
The First Way<\/h4>\n
(Just for an example, we\u2019ve broken this particular section into various parts via heading, and we are now under H4 because it\u2019s a sub-subtopic of the main article.)<\/em><\/p>\nThese headings are often used in tables of contents and similar lists, though their main function is technically the same as the others, delineating topics of descending importance throughout the page. It will be pretty rare to find a document with a full array of headings down to H6.<\/p>\n
The Second Way<\/h4>\n
Some people use H5 and H6 tags as \u201cspecialty\u201d formatting headings. They will apply special CSS to these two HTML heading tags that is completely different from H1 to H4. You can then use them to call attention to topics and ideas that might otherwise get overlooked.<\/p>\n
This isn\u2019t technically best practice, as headings are hierarchical. However, if your site is structured well overall and you use H5 and H6 sparingly as specialty styles on certain individual pages or posts, you will almost certainly take no SEO hit.<\/p>\n
Just remember that even when you\u2019re using them for special formatting, you don\u2019t break out of the hierarchy. Keep them in order. So if you use H6 to style a subheading, make sure the next one you use is an H1 or H2 to show you\u2019ve moved back to the standard structure.<\/p>\n
What Not to Do with HTML Heading Tags<\/h2>\n
Do not structure a single page with the entire hierarchy of headings all the way down. You are better off with an H1 for a title and all H2s, rather than each successive heading being nested.<\/p>\n
Yes:<\/p>\n
<h1>Title<\/h1>
\n <h2>Main Point Number 1<\/h2>
\n <h2>Main Point Number 2<\/h2>
\n <h2>Main Point Number 3<\/h2>
\n <h2>Main Point Number 4<\/h2>
\n<\/pre>\nNo:<\/p>\n
<h1>Title<\/h1>
\n <h2>Point Number 2<\/h2>
\n <h3>Point Number 3<\/h3>
\n <h4>Point Number 4<\/h4>
\n <h5>Point Number 5<\/h5>
\n <h6>Point Number 6<\/h6>
\n<\/pre>\nAdditionally, you don\u2019t want to use the headings haphazardly. Only use them in order. Otherwise crawlers will have no idea how to navigate your page, nor will accessibility software.<\/p>\n
No:<\/p>\n
<h1>Title<\/h1>
\n <h3>Point Number 2<\/h3>
\n <h2>Point Number 3<\/h2>
\n <h6>Point Number 4<\/h6>
\n <h5>Point Number 5<\/h5>
\n <h4>Point Number 6<\/h4>
\n<\/pre>\nIn general, you can assume a crawler will know that you\u2019ve moved out of a subsection when it finds the next H1 or H2. In the above code snippet, the crawlers and bots would have a hard time parsing the structure of information.<\/p>\n
Wrapping Up with HTML Heading Tags<\/h2>\n
And see? We\u2019re back to an H2 heading to wrap things up. Heading tags are an important element of every single website out there. Using them properly can increase your search engine rankings, as well as the UX of your site since visitors will be able to more easily find the information they\u2019re seeking in your content. Remember to be sure not to keyword stuff too many of your headings. Although it is a good idea to include the keywords or phrases you\u2019re discussing to make sure your ideas are clear, Googlebots and others are pretty smart and can tell when you\u2019ve swapped topics or are on the same one. Overall, using HTML heading tags is incredibly important, but if you keep just a few things in mind, your sites will shine in no time.<\/p>\n
Have you been using HTML heading tags correctly?<\/strong><\/p>\nArticle featured image by VectorV \/ shutterstock.com<\/em><\/p>\n\n<\/div>\n
[ad_2]
\n
Source link <\/a><\/p>\n","protected":false},"excerpt":{"rendered":"[ad_1] Every website is its own unique monster, with developers and designers putting their own signature voices into the code. But one element that every single website has in common is HTML heading tags. Not only do these headings break up your content into more readable sections, they create the semantic outline of your site […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[529],"tags":[],"class_list":["post-810162","post","type-post","status-publish","format-standard","hentry","category-wordpress"],"_links":{"self":[{"href":"https:\/\/www.lafactory.com\/blog\/en\/wp-json\/wp\/v2\/posts\/810162","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lafactory.com\/blog\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lafactory.com\/blog\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lafactory.com\/blog\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lafactory.com\/blog\/en\/wp-json\/wp\/v2\/comments?post=810162"}],"version-history":[{"count":0,"href":"https:\/\/www.lafactory.com\/blog\/en\/wp-json\/wp\/v2\/posts\/810162\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.lafactory.com\/blog\/en\/wp-json\/wp\/v2\/media?parent=810162"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lafactory.com\/blog\/en\/wp-json\/wp\/v2\/categories?post=810162"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lafactory.com\/blog\/en\/wp-json\/wp\/v2\/tags?post=810162"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}