Tags h1 h2 h3 examples. Making the right h1 and subheading structure
In this article we will look at features of the correct placement of tags h1, h2…h6(h is an abbreviation for the English word heading - heading) and their impact on the optimization of the site as a whole. If the tags are placed incorrectly, it will be difficult for search engines to obtain information about the articles posted on your site and keywords ah, which they contain. Tags make it possible to highlight headings and make your article easier to read. In addition, they provide advantages for your site in the ranking system by organizing the html code of the page.
How to determine if your site is under Google filters? Read more.
The title of your site is indicated by the h1 tag. It allows the search engine to understand the name of the online resource. For example, a site about renting servers. This name will be displayed in the main title when searching in the system. Don't confuse h1 with tag
.
How to write the main h1 heading correctly?
- mandatory use of keywords for promotion;
- h1 is used once on one page, if you place more PS it can be perceived this fact like re-optimization;
- A few words will be enough, there is no need to place all the keywords of the page in this tag;
- the title must be readable;
- The h1 meta tag should contain only text;
- h1 must correspond to the topic indicated in the title of this page;
- don't list key phrases separated by commas, this enhances relevance;
- make the title unique and thematic, do not make it a copy of the Title;
- Each page should contain unique h1-h6, try to avoid any repetitions as much as possible.
For better and more professional promotion, you will need a site audit. How to do a self-audit of your website? More about this in .
h2 tag depending on the size and content of the site page can be used a couple of times and it shows the h1 subheading. The value of this tag is somewhat smaller than h1, but it is often used as a description of the page. The h2 tag is used as a second-level heading; it serves as subheadings for website pages. But it’s worth noting that sometimes promotion specialists strongly recommend using only one h2 tag
h3 tag also helps the site rank higher in search engine queries. In most cases, it is used directly in the article as subheadings (3-5 pieces per article). It gives meaning to keywords.
Tags h4, h5, h6 have no significant significance or influence. In practice they are rarely used at all. Text that is formatted with these tags will rank somewhere slightly lower than text that is in bold ( tag strong). These tags are intended for small elements on the page. They are usually separated from the rest of the text. Compared to h1, they can be placed several times on the page.
Rules for writing the text of headings h1, h2, h3,…, h6
What should the headings h1-h6 consist of:
- direct occurrence of the keyword in the title, which will increase the relevant query in search results;
- a unique title in relation to other pages of the site, since identical titles may not be taken into account by the PS;
- if the title is close to the html code, then its value relative to other page elements increases significantly;
- the keyword should be as close to the beginning of the title as possible;
- the length of the title should not exceed 60 characters, since a long title will not be accepted by the search engine;
- exclude grammatical errors from the title;
- Headings are checked for over-optimization, so you shouldn't put as many keywords as possible in one heading.
What to write and how to fill it out correctly. Practical advice.
The success of website optimization largely depends on how the tags are written. Therefore, you should adhere to the following rules for writing tags:
- observe the hierarchy of tags, that is, h1 should be above the rest, other headings in order of levels;
- the higher the level, the larger the title font should be, that is, adhere to the gradation of fonts;
- give up everything superfluous and unnecessary in headings - accent tags and links, text only;
- no need to abuse h1,h2,h3,…,h6. Huge number important elements on the page is perceived search robots like overspam.
- the title can even be a picture, for example, with a logo, which is optimized accordingly.
It is important to note that the presence of all levels of headings on site pages does not prerequisite. In most cases, h1, h2, h3 are sufficient, but using the rest can be harmful if they highlight completely unimportant elements of the page text.
We hope our tips helped you understand the features of the h1, h2, h3,..., h6 tags and their role in the correct structuring of content on the site. If any additional questions, please contact us! We also recommend the article ““.
To prevent your site from looking spammy in the eyes of a search engine, stick to a few guidelines that relate to writing tags and more.
SEO not working? What could be the reason? More on this in the next blog post.
Company Hyper Host™ - that's all.
22022 times 4 Viewed times today
Many beginners and others don’t know what it is tags h1, h2, h3– h10, why and what are they needed for? site, how and where they can be correctly and competently written in the article in order to increase site traffic, popularity and income. Of course, this is not the most important factor and an indicator for website promotion in search engines ah, but the site also needs it for beautiful design and attractiveness. After all, you are creating your website not only for search engines, but also for visitors who come to your site to find the information they need and useful.
Therefore, in today’s article you can find out what is h1, h2, h3 tag , h4, h5, h6, h7, h8, h9, h10, how and where it is write in the article , why and what it affects. In fact, everything is simple, it’s enough to read the article 1-2 times to understand the basics of these tags in the article and on the site in order to increase traffic and the beauty of the design for site visitors.
H1 tag– this is the main heading, often on WordPress engine, it stands for the title of your site. For example: a website about website building or another name that you yourself came up with for your website. This site name usually has an h1 tag and gives search engines understand that this is the main name and they will enter exactly this word or phrase in the search.
H2– this tag is less important for search engines than h1 tag, it is often used as a description of a site and search engines also use the description in search results. H1 often has a larger word size than h2 and other tags, so visitors see the site title first and then the description.
But in order to increase site traffic and raise the site’s position higher, many competent webmasters make the h1 tag the title of the site on the main page, and in the article h1 acts as the title of the article. Thus, search robots will display exactly the title of the article in the article, and not the name of the site, so you will have a better chance of getting into the top 10 search results than those who left the site title both on the main page and in the article under the h1 tag.
But we also have for promotion h3 tag, which is often forgotten and not given importance. It is h3 that allows the site to rank for other requests. Many people have an error on their site, since they have the h3 tag written as the headings of sections, comments, new publications, and so on. You need to go to the site editor and find all the files: (index.php, page.php, single.php) and edit the h1, h2, h3 tags as you want.
And so you already understand, what are h1, h2, h3 tags , h4, h5, h6, h7, h8, h9, h10, which affect search results and the number of visitors to your site. It has been proven that they are needed to promote the site and certain articles. Most people only use the tags: h1, h2 and h3. But, for example, h4 and h5 can be used as subheadings in the article itself or in the site bar for the names of sections, headings, comments, and so on.
You can find out under which heading a particular word is located by going to the source code of the site or page: Ctrl + U. Then press Ctrl + F and enter in the search bar required tag or a word, for example: h1 and you will see what heading is under this tag.
If you have additional questions about how to correctly enter data h1, h2 and h3 tags To increase traffic, write in the comments below and visit our website more often: where there are already some articles with promotion tips. Since writing tags in an article and on a website is far from the most important indicator.
Good afternoon, dear visitors.
Today there will be an article on the topic of H1-H6 headers for the site.
Surely everyone already knows what these headlines are, but I’m sure not everyone knows subtle points in their use and not realize that their use on the resource pages serves only 2 purposes.
Goals and use cases
The main 2 purposes of headings in tags H1-H6 are the design and structuring of content on resource pages in order to make it more readable and easily consumed by site visitors. We should not pursue any other goals from these tags.
In addition to simply using them as elements of content structuring and design, visitors often use these tags to give the necessary design to individual phrases or even entire sentences. It turns out that the H6 tag (for example) has a design of just bold font and instead of highlighting a line in the text with the tag , they wrap it in an H6 tag. This is fundamentally wrong.
Headings in these tags should only be used to break the text into logical parts. No highlighting of entire sentences or individual phrases.
In addition, headings H1-H6 have a hierarchy, which makes them different in design, at least in font size. Every lowest level should be less noticeable than the one above it.
The image shows correct design headings in these tags, when the font size is descending from top level to the lowest. If you have a situation different from this, then you should already turn to the design styles of your site and edit them properly.
But here is one thing - make sure that the lower-level headings (closer to H6) are similar to headings and do not merge with regular text. They should look like headlines, not just bold type.
Based on this design, we can understand that headings must maintain their hierarchy when used as an element of text structuring. It cannot be that the first heading H1 comes first, and then immediately H5 or H6. After the first level, it is logical and correct to use only the title in the H2 tag. This is important, both from the point of view of the design of the material itself, and from the point of view of maintaining the correct structure.
Search engines are now paying attention to these tags. But not as SEO elements, but as structuring elements. Therefore, it will be strange if there is H1, and then immediately H6.
When using these tags, we make sure to maintain the structure. If we go down a level, then no jumping over the level. The structure should be as follows: H1-H2-H3-H4-H5-H6.
It is worth saying that using an H1 level heading in these cases will not be appropriate, since it should be used only once on the page and should contain the name of the material. Therefore, there is no need to use it in the text.
Now I will tell you the main points of using the H1 header, but before that I will give a couple general advice, which are valid for headings of all levels.
- Do not end with a period;
- We maintain a hierarchy when using;
- There is no purpose to place keywords;
- They occur even in very short articles, since any text can be divided into logical parts;
- Writes in the title brief summary the subsequent text, and not something “if only it was.”
H1 Basics
The above rules are also relevant, but in addition to them there are mandatory ones for this particular heading level.
- H1 is always once on each page;
- We encourage the user to read the material, so it makes sense to use catchy words (for example, secrets, best tricks, and so on);
- We make it different from the title tag, which displays the title of the page in search results and encourages a transition to the site page from the search. It should be slightly different, but it should definitely give an understanding that the context of the material on the page has not changed;
- We use the keyword of the article, but in a diluted form, and not in an exact occurrence;
- It is not recommended to use punctuation marks.
Use in practice
I wrote above that H1 is used only once on the page and it should be built automatically into the layout of the site template and will also be inserted automatically into the header. Check this moment. Analyze your article titles and make sure they are enclosed in an H1. If this is not the case, then edit your template.
A common situation is when instead of H1 there is H2. This is not blunder, but it’s better not to allow this to happen.
If we are talking about using the remaining heading levels H2-H6, then they should already be used in manual mode.
Using some CMS to create a website, these headings are added to articles very simply. For example, in WordPress, in the formatting panel in the page editor, there is always a headings item where you can select the desired level by previously highlighting required text, which must be enclosed in the header.
Same with every engine. If you use HTML layout site and you need to add tags manually, then there will be no difficulties. You just need to enclose the necessary parts of the text between the opening and closing tags at the required levels. See examples below.
2nd level header
3rd level header
4th level header
5th level heading
6th level heading
As for the design styles for each level, it is worth adding rules to each level in the styles file.
Notice that there are no dots or hash marks before the heading level name in the styles. Inside the brackets we indicate the styles themselves: font type, size, color, background, and so on.
Header Design H1-H6
If you make your headers a unique, eye-catching design, then visitors will only thank you for it and the content design will be top level. Now simple headers with large size font and bold highlight are already becoming a thing of the past.
Simple, but at the same time, design of headings using various highlighting lines, underlining with a background, and so on are coming into fashion.
I once gave some examples of such designs. Even if you take my blog, the main heading in H1 is not just in a large font on a white background with the rest of the text. It is separated by a gray frame against the general background of the site, which makes it more noticeable and focuses attention on it.
I will give you 2 more examples of designed headings in H1.
As you can see, this is not just bold font, but beautiful background with a wavy lower surface and an accentuated upper surface.
Also interesting design you can look at it for yourself this page.
As for headings H2-H6, you can not only design them with some kind of background, but also number them (if you use content at the beginning of the page) in the form beautiful pictures. Again, this doesn't have to be simple numbers. Here good example such an idea.
When you know something that most people don’t know, much less do, you can move on and look at the main mistakes in using headings at all levels on your site.
Errors in use
You could have already figured out all the mistakes yourself by studying all the material above, but there are some nuances. I will list everything that may apply specifically to you and what needs to be corrected immediately.
- More than one H1 per page. This is not correct. Only once per document;
- Using H1-H6 tags for design additional elements site. At the very beginning, I wrote that the purpose of these documents is the design and structuring of content. Therefore, they should only be used in content. Most website templates include these tags in the side columns to style their titles and so on. This is clearly expressed in WordPress templates, when the name of each widget in the sidebar is enclosed in H3 or other tags. If this situation exists, then replace the title tags in the service elements of the site with others, for example, with the “span” tag;
- We specifically enter keywords. Previously, there was an opinion that by entering keywords directly into the headings of all levels, you could increase their density and the position of such a page would be higher. But now this is already “punishable by law” of search engines and sanctions are imposed for spam in headlines. Moreover, these tags are ranked according to other algorithms. Conclusion: there is no goal to enter keywords;
- Frequent use of periods and punctuation marks. Dots in headings should not be used at all, as this is incorrect from the point of view of both copywriting and general rules text design. We also try to minimize the number of punctuation marks to increase the readability of headings. This also includes large number words - don’t make headlines too long;
- The structure is not maintained in terms of hierarchy. Try to follow a logical chain in building the hierarchy of H2-H6 tags on each page;
- Using H1-H6 tags to style other text elements rather than the title. This is what I talked about above, when the design styles of each tag are incorrectly configured and instead of the usual bold, you can use a heading of some level.
- The title is not appropriate or does not convey the context of the text that follows it. To learn how to create logical headlines, pick up a couple of well-designed books that you find easy to read. Also focus on the structuring of content on the Wikipedia website;
- Non-use of H1-H6 headings at all or absence on small texts. There’s just a complete absence and there’s nothing to talk about, but the absence on small pages is questionable, since any text (even the minimum 1000 characters) has logical structure. Transition from one topic to another. Why not break it down into logical parts with subheadings at different levels?
That's all, dear webmasters. The material about headlines on the site has come to an end. It came out rather drawn out. I repeated myself somewhere, but this is only to focus your attention on the key ideas of the article. I hope that this material useful to you.
By the way, can you find a small flaw in my headers on the site? If yes, then write in the comments. This moment not very noticeable, but it is there.
See you in the next materials. There's more to come.
Best regards, Konstantin Khmelev!
Hello, dear readers of the blog site. Today we will start talking about tags in HTML language, namely about headings H1, H2, H3, H4, H5, H6, about paragraphs P and line breaks Br, as well as about the tag horizontal line Hr, using the example of which we will look at the use of attributes and see where you can find out all the attributes possible for each element and look at the syntax of values for them.
The main difference between inline and block tags is that the former can follow each other in width until they run out of space, and then they wrap to the next line.
Block elements, by default, try occupy all available space in width and therefore the next block element will necessarily be located on a different line.
Let's now begin a systematic study of all possible tags in Html and at the same time we will pay special attention to what type they belong to in order to clearly understand the possibilities of their correct (valid) use. A simplified tag structure looks like this:
There are also attributes for them (each has its own set), which allow you to add certain properties to this element, but we will talk about this using specific examples.
Let's start looking at the concept of headings, which are formed using paired tags H1, H2, H3, H4, H5, H6 (the name comes from the first letter of the word “Header”, i.e. “heading”). They are designed to separate different fragments of text from each other and mark their importance depending on the level. IN modern version In the Html language, all tags and all attributes allowed for them are pre-specified and described.
As a result, headings can only have six levels and, in addition, elements H1-H6 are blocky, i.e. strive to take up all the available space across the width of the page. But they have one peculiarity - only inline elements can be contained within heading tags, despite the fact that, for example, the same Div allows you to include other block tags within it.
That. the browser will not allow you, for example, to enclose headers of another level inside headers of one level, because, I repeat, they are block elements, but they can only contain lowercase letters. Oh, how.
Headings different levels H1-H6 will be drawn in browser fonts different sizes(although, using CSS, you can give them absolutely any size, color and font type to display in the browser, but in pure HTML These are the rules that apply):
If we consider the layout of the site from the point of view of the convenience of its further promotion (), then it is worth mentioning that there should only be one H1 level heading per page. You can probably use two H1s, but more than that will most likely cause a negative reaction from search engines when they search your document. Your actions may be regarded as spam or boosting relevance.
It is also not recommended to skip heading levels, i.e. After H1, you should use H2 to highlight less important pieces of text, etc. It is unlikely that this will entail any serious sanctions from search engines, but it is still better to follow the logic in forming heading levels in HTML code.
Search engines give more importance to the words contained in these tags than to words just in the text. The conclusion that follows is that when writing articles, you should be sure to add headings to the ones you use.
Well, the very use of headings in the text of the article makes it more visual and helps readers quickly navigate the set of information. I think that for the first time there will be enough information and it’s time to move on.
Paragraph, line break and horizontal line HR in Html code
The P tag is derived from the word “paragraph”, but more often it is still called a paragraph. They are used to semantically highlight a certain piece of text, usually including several sentences. Between paragraphs formed by P elements vertically, empty space appears, which allows separate logical chunks of text visually from each other.
The thing is that it is quite difficult for a person to read a monolith of text if it is not broken into separate small fragments. For example, I generally don’t even start reading articles that are not broken up into paragraphs in the Html code, because it’s very annoying.
By breaking the text you are very reduce the threshold of fatigue visitors to your resource and improve user factors (time spent by the user on your site and), which in turn have a positive effect on promotion.
For the same purposes (to retain the attention of users and reduce fatigue when reading an article), various, and sometimes, perhaps, are added to the text.
By the way, the paragraph tag P, as you probably already noticed, is paired, but according to the language specification hypertext markup 4.01 is a closing element for it altogether not required. In this case, the browser will have to figure out where it needs to be placed.
Since P is block element and only lowercase letters can appear inside it. Consequently, the browser, having detected the opening paragraph tag, parses the code further and as soon as it encounters the next block element (most likely it will be the next opening P), it immediately inserts the closing paragraph tag in front of it. In the Html 5 standard, such liberties most likely will no longer exist and are needed immediately get used to closing all tags and write them in lowercase letters only.
A paragraph is a block element, so text inside paragraphs will tend to take up all the available width space. That is, if you are in code HTML document wrote the quatrain as it should be (each line separately), and enclosed this entire quatrain in paragraph tags P, then in the browser you will see that all your four lines will merge into one and will occupy the entire width of the space available for text.
We have already discussed in some detail why this happens in the article about. Thanks to this property of hypertext markup language (that any number whitespace characters V source code when displayed in the browser will be replaced with a single space) you can use any in a convenient way format your code without fear of disrupting its display on the web page.
Well, if you really need to write a quatrain in the generally accepted form, you can use additional Html for this purpose
line break tags called BR
(from the word “break”):
BR is an inline element and also “empty”, i.e. single (does not have a closing element). The whole function of BR is that it causes a line break when displaying text in the browser (similar to the Enter key in any text editor).
The writing of BR (line break) tags in the code is not regulated in any way. You can write the entire text together and replace the spaces with in the right places BR, or you can immediately break the text into lines in the code for clarity and put BR either at the end of the lines or at the beginning. This doesn't change the essence.
HR(an abbreviation for the words “horizontal rule”, i.e. horizontal line) - very simple HTML a tag that draws a horizontal line (stripe) across the entire width of the screen and a thickness depending on the browser in which it is viewed (essentially, this is a visual marker that, by analogy with heading tags, allows you to break text into logical chunks for easier digestion) .
It is “empty” (single), i.e. does not have a pair (closing tag). Besides this, HR is a block element, i.e. it takes up by default the entire page width available to it.
The concept of attributes and the rules for writing them in Html tags
Let's get on with it simple element Let's consider such a concept as an attribute. The fact is that we can add attributes to tags that are valid and described in the WC3 validator for them, thereby giving the content the property we need.
For example, if you have several paragraphs (paragraphs) in a row enclosed in the corresponding P tags, then to change appearance one of them, you just need to add the required attributes to the opening P element of this paragraph. In the case of single (empty) tags, there are no options for where to add the required attribute.
So, the first rule is attributes are placed only in the opening tag(the closing one never contains anything). One element can contain several attributes, which are separated from each other and between the tag name by a space (mandatory condition). Let me immediately give an example of their use for the HR horizontal line:
So first let's go over the attribute syntax. They are inserted into the opening tag, written separated by a space (including a space after the name of the element) and are a construction that includes the name, the equal sign and written in quotation marks (usually it is customary to put paired doubles, but the standard also allows paired single quotes) values. The order of the attributes in the Html tag code is not important.
There I provided a link to list of all valid HTML tags. If in this list you click on the name of the element you are interested in (in our case it is HR), you will be taken to a page with a detailed specification for it:
All attributes of any tag can be divide into three groups:
- General - they can appear in the vast majority of elements in the HTML language. In the picture just above, they are at the bottom and surrounded by a red frame. Actually, there are few common attributes (only six), and even then, you are unlikely to use all of them in your practice. Most likely there are only four - , title and style.
- Event attributes - they are needed to trigger some action in response to a user action or system event. They have greater attitude to JavaScreet and in the picture just above are at the very bottom (circled in a dark frame).
- Unique - each tag, as a rule, has its own own set attributes, some of which may not be found at all in other elements. If we consider the HR horizontal line, it has only four unique attributes (align, noshade, size and width). All others specified in the HR tag (except for the two groups described just above) will be ignored by the browser.
Examples of attributes in the HR horizontal line tag
The values of various attributes can be: arbitrary numbers(etc.) and values from a predetermined set, for example, as in the case of align for HR - left|center|right (you can use one of three alignment options).
In general, information on them in the WC3 validator can be obtained not only in list HTML tags, but also in attribute list, which you will find at the link provided.
This list contains all possible options for all tags available in the HTML language. The “Related Elements” column opposite the option you are interested in will list the elements in which this attribute can be used. The “Type” column indicates the type of data that can be used as its value.
For example, in the line underlined in the figure for the align attribute, for the HR tag, it is permissible to use only three fixed values, which are listed there (left | center | right).
Another very important column is “Depr”. If the attribute you are interested in in this column has the letter D next to it, then it use is not recommended, and to replace it, you should use the appropriate CSS styles. When viewing the tag specification, we also saw that next to the names of all four attributes for HR the word “Deprecated” was written (not recommended for use).
Let's see what attributes are used with the elements that we have already covered in this article (P, headings H1-H6 and HR). For all of them you can use "align", because all these elements are block elements. For inline elements The "align" attribute becomes meaningless.
For example, if you add "align" to a title tag (such as an H1), you can set the alignment of the title text. Those. The block element will occupy all the space available to it in width, but the content of this header (its text) can be aligned either left (default), right, or center, or in width (justify - the distance between words changes, as in newspaper columns).
The same thing, by the way, will be true for the Html tag of the paragraph P and for the Div container, if you look carefully at the given screenshot.
For a horizontal HR line, the "align" attribute will indicate the alignment of the horizontal line itself formed by that element. But the HR tag is a block element and tends to take up all the available space in width. Therefore, it only makes sense to use "align" in it if, along with it, you set the value for the “width” attribute(width) less than the width of the page.
The value for "width" can be simply numbers (this will set the width in pixels), or you can use a percentage of the total width available for the horizontal HR line. The value of the “size” attribute for the same tag is specified in numbers indicating the height of the horizontal line in pixels. Let's look at this with an example:
The HR tag in the Html 4.01 standard has one more an attribute called single, because it can't take on any values (it just means some action) - it's a "noshade" that prevents a horizontal line from casting a shadow:
It is clear that I will not be able to consider all possible attributes for all possible tags in Html, and this is not required, because everything can be done by analogy - the main thing is to understand the syntax and the idea itself. In addition, many of them have already become not recommended for use, because... Now their function is performed by CSS styles, which we will also begin to talk about in detail very soon.
Good luck to you! See you soon on the pages of the blog site
You can watch more videos by going to");">
![](https://i0.wp.com/ktonanovenkogo.ru/wp-content/uploads/video/image/zhivotnoe-ne-sviazatsi.jpg)
You might be interested
Tables in Html - Table, Tr and Td tags, as well as Colspan, Cellpadding, Cellspacing and Rowspan for creating them
Iframe and Frame - what are they and how best to use frames in Html
Embed and object - HTML tags for displaying media content (video, flash, audio) on web pages
Comment directives and Doctype in Html code, as well as the concept of block and inline elements (tags)
How to insert into HTML link and a picture (photo) - IMG tags and A
On my top information projects, first a specialist in the topic draws up the structure of the article (headings and subheadings), and then the copywriters write the text based on them.
Structure is actually very important if you care about quality. And to create a normal structure, you need to understand how h tags work.
h1 is the main subheading in an article, usually placed above the text.
The first heading should be visually larger than the other headings on the page.
h2-h6 are small subheadings that are placed according to the nesting principle.
What are headers even for?
For those who are not very familiar with the topic, here is, in principle, a good video about the basics of composing subheadings h1-h6. If you don't consider yourself an expert, take a look:
And to consolidate the material, a little weaker video:
Headings are designed to highlight in one phrase or even a word the main essence, the idea of the subsequent text. Usually a person turns his attention to them first, deciding whether to read the rest of the material. Especially important headers have in advertising texts, letters, and serve as the main tool for attracting the attention of the target audience.
In code the tag looks like this:
, where the letter h comes from the word “header”, which means “heading”. Each level is indicated by a corresponding number.
H-tags through people's eyes
Text divided into subheadings looks neater and is easier to read. Modern user I have long learned to scan articles in just a few seconds and quickly draw conclusions about whether it is worth reading the entire text, whether it contains that useful information which he is looking for. Headings catch the eye, highlighting the main thing and giving the user the opportunity to analyze the material.
Tags h1, h2, h3, h4, h5, h6 allow you to create a kind of map for the reader, using which he can quickly navigate the text. And if these highlights manage to grab attention, then the person will linger on the page and will probably read the entire article. You can check the result by behavioral factors. If people stay on the page and take some actions, it means the SEO work was not done in vain.
H-tags through the eyes of search engines
Search robots collect information from them for semantic analysis. Heading levels h1, h2, h3 are of particular importance for bots. Their inconsistent or incorrect application can negatively affect the ranking of the page. If there are no h-tags in the HTML code at all, then the site will have difficulty promoting. Levels h4, h5, h6 are less significant.
Hierarchy of H-tags
The main rule in arranging headings is their hierarchy. It is not necessary that the tags follow each other in size, but it is unacceptable to use, for example, h3 in the text if you do not have the h2 meta anywhere, or use h6 without h5.
This is what the hierarchy looks like with the correct nesting:
What is an h1 tag?
The h1 tag is the table of contents of the text (like the title of a book or the headline of a newspaper article).
Each page should have one and only one h1 tag.
In terms of attractiveness for the user, it is of primary importance. But for SEO promotion, .
Title is also a title, but it is written not only for people, but also for robots. It is not displayed on the page itself, but only in the browser tab and in the snippet as an active link to the site. In fact, title is an alternative, but the main title for an HTML document. If it is missing, then the search engine takes h1 as a basis and uses it in the sickle.
Why should h1 be different from Title?
It is quite important to understand that h1 and Title are different headings. And accordingly, they must be skillfully combined. Here are the basics on this topic:
Neglecting the rules of uniqueness and relevance of headings may result in the site falling under the filter. Lately search engines began to pay special attention to the quality of content and its SEO settings. Duplicates, overspam, chaotic placement of headings, and their inconsistency with the content are punishable.
Length requirements H1
It is recommended to make H1 more concise than Title, not exceeding the number of characters more than 50. But it will not be a disaster if the title turns out to be longer, when it is not possible to squeeze the whole essence into the indicated number.
Special plugins for WordPress allow you to analyze the correct filling of all metas directly in the editor.
Rules for writing h1 correctly
- Must be unique for the entire site and absolutely readable;
- Doesn't repeat title tag, but also does not contradict it;
- You shouldn’t make it too long (you can make the title longer);
- Used only once per page;
- Relevant to the text and reflects the semantic essence of the material;
- Interesting and attractive to the user;
- You cannot put a period at the end and it is recommended to use punctuation marks to a minimum.
Applying Keys
The main key phrases, first of all, should be contained in the title. But they should also be written in h1. In both cases it is better to do this at the very beginning. But it would be better if the keywords did not duplicate each other in these two tags. You need to use different word forms or diluted occurrences in h1 and direct occurrences in title.
Some take all the keys on the page and use them to create an article structure. Keep in mind right away that without cool PFs, such a scattering of keys in subheadings will be punished by the filter for overspam.
Psychological Techniques for Writing an Attractive Headline
The title should be catchy. Here is a video from Maxim Ilyakhov, a specialist in the field of media, rector of the School of Editors and creator of the Glavred service:
Here are a couple more “tricks” that are used when writing headlines.
Solving the problem
Remember that a person is always looking not for information or goods, but, first of all, for a solution to his problems, wants, needs. Address exactly the intended problem of the target audience
An example of a good headline: “Is your hair falling out? Stop your hair loss in a week."
An example of a bad headline: “Can hair loss be stopped?”
In the first case, we clearly identify the problem and propose specific solution. In the second case, the problem is indirectly affected and the options for solving it are blurred.
Intrigue
An example of a good headline: “Revealing the secret of the most effective recipe for hair loss.”
An example of a bad title: " The best recipe for hair loss."
Reception "exam"
A sentence written in this form challenges the reader, inviting him to examine himself.
An example of a good headline: “Are you sure you are fighting hair loss correctly?”
An example of a bad headline: “Do you know everything about hair loss.”
Of course, these are not all the methods that help influence a person’s perception and attract his interest. Read marketing books to learn more if you are interested in this topic. By the way, title can also be “tempting”. Moreover, most likely it is he who is highlighted in the search results. You can check its display after the page is indexed.
Why are subheadings h2-h6 needed?
Tags from h2 to h6 are located in the body of the article itself, structurally dividing it into thematic paragraphs, and in the code of the HTML document, highlighting its significant elements. They are also identified by search robots for semantic analysis of the page.
Needed to hierarchically designate everything important and worth a look user on the page. This structure helps a person quickly navigate the information and evaluate its compliance with their needs.
h2 – focuses the attention of users and search engines on the main content of the article. Shows the most significant things in the text.
h3 is a subparagraph for information going under H2, revealing it even deeper.
h4, h5, h6 – are defined as nested subheadings (reveal in detail the essence of H2 or H3) and are used in the text to highlight small points and meaningful words, as well as in the menu, sidebar and other components of the web document.
All h-tags must be within 50 characters in length.
How to correctly write subheadings h2-h6
- It is impossible for the smallest subheading to be present without the larger one. That is, if the text contains an h4 meta tag, then it must be preceded by h2 and h3.
- The higher the level of the heading, the larger the font should be. In WordPress, the default settings are usually set so that tags are automatically formatted correctly.
- All h-tags must correspond to the content of the content and reflect the essence of the information.
- It is unacceptable to use h1-h6 as anchors or active links.
- You cannot write other tags inside the h tag.
- Only text and punctuation are allowed in h-tags.
- Subheadings should not contain keyword spam. It is best to use keywords in title, h1, h2, and in smaller ones, such as h3, h5, h6, focus on a detailed discussion of the topic.
If the page layout contains the title and the main heading H1, but the text of the article itself is not too large and does not contain subheadings, this is not an error. There are quite a few pages in the TOP where the content is almost a continuous strip, perhaps divided into paragraphs. You can get into a leading position without “witchcraft” over text markup, placing more emphasis on. WordPress sites are easily indexed by search engines. But still, the use of these tags not only makes the task easier, but also makes the content easier and more pleasant for visual perception.
How to fill h-tags in WordPress
h1 is usually filled in the field above the text in the post:
To make subheadings h2-h6, you need to select the required element and, hovering the cursor over the “headings” tab, select the one you need by clicking on it. Do the same for each of the subheadings, including them in the desired format.
There is an even simpler way - you can type the text in Word using the necessary markups and simply copy-paste the article into the WordPress editor. Headings selected in Word will automatically appear in the right sizes. If necessary, you can correct them using the WordPress CMS editor tools.