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 for each level in the styles file.

Notice that there are no dots or hash marks before the title 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 simply designed in 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. It is not right. 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 a large number of words - don’t make headlines too long;
• The structure is not maintained in terms of hierarchy. Try to comply logical chain in building a 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. Just complete absence and there is nothing to talk about, but the absence on small pages is a questionable point, 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 was 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!

What does h1-h6 mean?

In any case, you need to start with theory, because without it it is impossible to move on. So, these are html tags that contain the text that should become the title. H1 is the main title of the page, it should be the only one, h2 is the subtitle of the article or section of the chapter (if we're talking about about the book), h3 – section heading, etc.

In website building, as a rule, h1-h3 are most often used, the last three tags are used extremely rarely, since there is no need to break the text into such small parts, unless we are talking about a huge text publication.

By default, headers already have some styling. For example, letters in headings are highlighted in bold, and their size is 1.5 - 3 times larger than ordinary text on the page.

Basic rules for working with headings

How many h1 can there be on a site? As many as you like, because an Internet resource can consist of many pages. Here it is much more important to adhere to another rule - on each separate page your site should have ONE h1. This is because this is the main heading, and there should always be one main heading.

But what happens if you ignore this rule? As real practice shows, nothing catastrophic is likely to happen. I wouldn't write about this, but I know of several cases where webmasters had several h1s on the page, while all their articles retained their positions in search engines.

This may be true, but you don’t need to specifically create several h1s on the page. All the same, this is not correct and it can still cause harm. For example, in the above situations, the webmasters had already promoted sites of age, so several h1s on the page did not worsen the situation.

However, when promoting a young site, it is very important to observe various subtleties so that the resource quickly receives the approval of search engines and begins to bring traffic.

Obviously, h1 should be at the very beginning of the article. This is not the same as a meta title tag. The title is visible in search results and in the title of the browser tab, and h1 is visible directly on the page. The remaining headings (h2-h6) can be as many as you like, in any quantity.

How to check the presence of h1 on a page?

Now we come to the most important thing. How can you determine whether everything on your website with a title is normal? There are at least several options for how you can do this.

First, open the source code and search it. Source opens with a combination Ctrl keys+ U. Next you will need Ctrl combination+ F to open search. Enter a name in it the desired tag, namely – h1.

It will be correct if it finds two results - an opening and a closing tag, respectively. If there are more results, you need to make changes to the site template code. If h1 is missing at all, you also need to take measures to make it appear.

Secondly, you can use some service that analyzes the site for its indicators search engine optimization and issues a report. There are a lot of such services, I will give just a few: pr-cy.ru, audit.megaindex.ru/

The Megaindex service allows you to check the relevance of a page, that is, how optimized it is for a specific key phrase. Enter the address of one of the pages on your site and the main keyword phrase. If only h1 is checked, this key phrase can be anything.

As you can see, the check showed that there is only 1 h1 on the page - this is good. If there were more, the check would definitely determine it. As you can see, this is important factor, although not critical. Failure to comply will not lead to anything catastrophic, but with search engine optimization similar problems must be removed first.

If a problem is found, how to solve it?

The solution is very simple, you just need to slightly tweak the code of your template. First of all, you need to know what engine your site is on. The structure of templates for all engines may be slightly different, but there is still a lot in common.

For example, in WordPress you will need to edit the page.php (page template) and single.php (post template) files. It will also be useful to look at the files index.php (main page) and archive.php (archives by date and author), and sometimes topics also have category.php (entries for a separate category).

Well, let’s say you found and opened required file, what to do next? Then use the same search (Ctrl + F). Enter the tag name there again. If there is not much code in the file, then you can look through it yourself and find the lines you need. Here your actions depend on what exactly needs to be fixed.

For example, in one template the title of the post was displayed in h2. Perhaps its developer does not understand SEO, which is why he made such a mistake. But this is easily fixed. We edit single.php and change h2 to h1 in it. This can be done either manually or using the automatic replacement function.

You may also need to edit the sidebar (sidebar.php). Actually, extra h1 can be anywhere: in widget headers, in menus, and even in the footer (footer.php). All this needs to be found and removed.

Well, what should you do if there are several h1s in the article itself? Then the problem can be solved even easier - by editing the article itself. Remove all extra h1s, leaving only one main top heading.

As you can see, you can cope with this problem yourself with absolutely no problems. To do this, you don’t even need knowledge in the field of website building, but simply the basic ability to find and open files, use the search and change a little necessary lines. And there is no need to contact a SEO specialist now, at least regarding the issue we discussed today.

Well, now you know how to check the h1 heading on a page and set up the template correctly. Of course, this is just one of many settings that will help you promote and monetize your site. Much more information you can find it if you study it and output it to an income of 20 thousand rubles per month at the very shortest time. Good luck to you in everything and good positions in search of!

There is no doubt that the Title and H1 tags play key role in internal search engine optimization and SEO website promotion. This is why debates arise among newbie webmasters about how to correctly fill out the Title and H1...

Should the headings be the same, similar, or radically different? What are the requirements of search engines and recommendations of SEO specialists for filling tags? How do Title and H1 influence promotion? Should I write meta-headings manually or trust the automation of CMS engines (content management systems)?

Title and H1: how they are composed and how they differ

Meta- Title tag- the main title of the page, which is written at the top of the HTML code and supplemented with a description (Description meta tag).

The Title title is separated in the HTML code by blocks and can be easily found by searching (you need to open the page code - Ctrl+U combination, go to the tab with the code, run a search - Ctrl+F for the phrase "title").

Also, the page title:

Displayed in the title when opening a browser tab;
- differs in meaning and purpose from the H1 tag - the title of the post on the page;
- recorded by online SEO analysis services;
- indexed search robots and is taken into account when ranking;
- pulled up at the time of repost or when adding a link to the social network;
- filled in manually (through meta tag fields, special SEO plugins) or automatically;
- displayed in search engine results as the title of a snippet - a short description;
- affects the clickability of the site in searches, and therefore the traffic.

Unlike Title, the H1 tag - the first level heading - is placed in the body of the page. It is also taken into account search algorithms when ranking and determining relevance, but has less significance. In a hierarchical structure program code the H1 tag goes lower than the Title, but above the subheadings H2-H6.

If you use a CMS, the Title tag in the engine is either generated automatically (the title of the post is taken, but in fact the contents of the H1 tag) or created manually (by filling out page meta tags through special fields or SEO plugins).

Manual filling is preferable because the webmaster:

1) Eliminates duplication of text blocks (so that the Title differs from H1).
2) Inserts additional keys from the expanded semantics of mid- and low-frequency queries.
3) Manages snippet headings in the search results through Title.
4) Uses partial automation if desired.
5) Independently establishes the order of words and punctuation marks in the Title.

Partial automation of filling out the title meta tag saves work time webmaster on manual addition to the headers of all pages of the site of the same type (static or dynamic) text fragments. Automation, if desired, can add to the Title: date or year, home page URL, company name, E-mail, physical office address, telephone number.

Let us consider in more detail the objective requirements and useful recommendations By compilation of Title and H1, which will appeal to users and search robots.

Requirements for Title (Tag)

1. There should not be two identical Titles within the site.
2. A tag cannot be used 2 times on a page (each page has only 1 main heading).
3. Presence of keys from semantic core has a positive effect on SEO (if there is no spam, otherwise -).
4. When filling out the tag, use letters, numbers, punctuation marks, and special characters.
5. The length of the Title may vary, but it is visually limited when generating the search results to approximately 7-8 words (54-64 characters without spaces), after which an ellipsis is placed. At the same time, search engines themselves decide what to show and what to hide.
6. If possible, keywords are placed in the first part of the meta tag, closer to the beginning.
7. Search engines “read” the Title in its entirety, even if it is cut off in snippets.
8. Long page titles are useful for mid- and low-frequency queries.
9. It is advisable not to use more than 2 repetitions of one word in the Title, as well as “crooked” illogical keys.
10. The page title should be meaningful, readable and attractive to visitors (do not use a mindless list of all semantic keywords).
11. Stop characters (dots, hyphens, commas, slashes, quotes, parentheses) are used for division keywords and semantic segments.
12. Key phrases It is better to use before the start of stop characters, where their significance is higher.
13. Stop words in the title (“in”, “on”, “from”, “with”, “under”) affect ranking in Yandex.
14. Title Title are compiled taking into account the specifics of the site, promotion features and traffic acquisition channels (for example, if the source of referrals is a newsletter, the title should be intriguing or “viral”; if it is a search, the emphasis is on SEO and).
15. When filling out tags, remember that they are pulled up on social networks, displayed in snippets and influence users’ decisions to click on links.
16. If possible, the Title should be unique throughout the Internet.
17. To increase conversions, add motivating calls (click, order now, read, etc.).

Don't forget - errors in filling out the Title and oversaturation (overspam) of keys lead to problems with ranking!

Requirements for H1 (Header)

1. The H1 tag must be present on the page, but no more than once.
2. The first level heading does not duplicate the Title, but overlaps with it based on keywords.
3. The content of the tag sometimes ends up in search snippets as Description.
4. The optimal H1 complements, semantically and informationally expands the Title meta tag.
5. The presence of keywords in a tag has a positive effect on SEO (if there is no general spam).
6. Header content should be readable and relevant to the content.
7. The tag must not use a meaningless listing of keywords and exact “curve” occurrences.
8. There are no requirements for the length of H1, but it must be moderate and appropriate. Inserting all of a page's text into a first-level title tag can lead to serious trouble.
9. According to the hierarchical structure, H1 comes before the tags H2-H6 and is more significant. Follow the hierarchy of your site's headings, don't put H1 after H2-H6.
10. When correct setting SEO functions of the CMS tag are generated automatically - taken from the title of the post on the page.
11. Usually the H1 tag is visually emphasized in the text more large print or color, used at the beginning of content.
12. H1 does not need to be highlighted with underlining, italics, bold shading, or Strong tags.
13. Do not use the same H1 on different pages site (to avoid confusion and so-called “key cannibalization”).

After optimization, recheck the page with any of the online SEO analytical services so that the Title and H1 tags, along with the description and content, do not spam the keywords.

Supplement, but do not duplicate.

In general, duplicating Title and H1 is allowed, but if you are serious about SEO, then by uniqueizing (adjusting) tags you can improve your site’s position. Due to differences in headers and correct filling tags really:

Expand semantics;
- increase the information content and clickability of snippets;
- supplement the page with keys of exact, inaccurate and diluted occurrences;
- lay the foundation for advancement;
- increase SEO potential and get additional traffic from search.

If during the optimization process you have questions or difficulties when filling out tags, look at the Yandex/Google search leaders for your queries. The TOP 5 already includes those sites that search engines considered standard, “correct”. Analyze them and take an example!