On my top information projects first, a specialist in the subject draws up the structure of the article (headings and subheadings), and then copywriters write the text on them.
Structure is actually very important if you care about quality. And to make a normal structure, you need an understanding of how h tags work.
h1 is the main subheading in the article, which is usually placed above the text.
The first heading should visually be larger than the rest of the headings on the page.
h2-h6 are small subheadings that are nested.
What are headers for?
For those who are not very in the subject, here is, in principle, a good video about the basics of compiling h1-h6 subheadings. If you don't consider yourself an expert, check out:
And to consolidate the material a little weaker video:
Headings are called upon in one phrase or even a word to highlight the main essence, the idea of the subsequent text. Usually, a person pays attention to them first of all, deciding whether to read the rest of the material. Headlines are especially important 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 "header" in translation. Each level is indicated by a corresponding number.
H-tags through the eyes of people
Subheading text is cleaner and easier to read. Modern user has long learned to scan articles in just a few seconds and quickly draw conclusions whether it is worth reading the entire text, whether it contains the useful information that he is looking for. Headlines 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, according to which he can quickly navigate in the text. And if these secretions managed to catch 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 linger on the page, perform any actions, then the work on SEO was not done in vain.
H-tags through the eyes of search engines
Search robots collect information from them for semantic analysis. Of particular importance for bots are the headings of the levels h1, h2, h3. Their inconsistent or incorrect use 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 a hard time in promotion. Levels h4, h5, h6 are less significant.
Hierarchy of H-tags
The main rule in the arrangement of headings is their hierarchy. It is not necessary for the tags to 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 proper nesting:
What is h1 tag
The h1 tag is the table of contents of the text (it's like the title of a book or the title of an article in a newspaper).
Each page should have one and only one h1 tag.
In terms of attractiveness to the user, it is of paramount importance. But for SEO promotion, .
Title is also a title, but it is prescribed 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 active link to the website. 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 h1 should be different from Title
It's pretty important to understand that h1 and Title are different titles. And they must be skillfully combined accordingly. Here are the basics on this topic:
Neglecting the rules of uniqueness and relevancy of headings can lead to the fact that the site will fall under the filter. Lately search engines began to pay Special attention content quality and SEO settings. Duplicates, spamming, chaotic placement of headings, their inconsistency with the content is punishable.
Length requirement H1
H1 is recommended to be more concise than the Title, not exceeding the number of characters more than 50. But there will be no disaster if the title is longer, when it is not possible to squeeze the whole point into the designated amount.
Special plugins for WordPress allow you to analyze correct filling all meta directly in the editor.
Rules for competent writing h1
- Must be unique for the entire site and absolutely readable;
- Doesn't repeat title tag, but does not contradict it;
- You should not make it too long (you can make the title more voluminous);
- Used only 1 time per page;
- Relevant to the text and reflects the semantic essence of the material;
- Interesting, attractive to the user;
- You can not put a period at the end and it is recommended to use punctuation marks to a minimum.
Application of keys
Main key phrases, first of all, should contain title. But they should also be written in h1. And there, and there it is better to do it at the very beginning. But it would be better keywords did not duplicate each other in these two tags. You need to use different word forms or dilute occurrences in h1 and direct occurrences in title.
Some take all the keys to the page and make up the structure of the articles from them. Keep in mind right away that without cool PFs, such a scattering of keywords by subheadings will be punished by the filter for overspam.
Psychological tricks for compiling an attractive headline
The title should be catchy. Here is a video from Maxim Ilyakhov, media specialist, rector of the School of Editors and creator of the Glavred service:
Here are a couple more "techniques" that are used when compiling headlines.
Solution to the problem
Remember that a person is always looking not for information or goods, but, first of all, for a solution to his problems, needs, needs. Operate exactly to the intended problem of the target audience
An example of a successful headline: “Hair falling out? Stop the fallout in a week."
An example of an unsuccessful headline: "Can hair loss be stopped?"
In the first case, we clearly identify the problem and offer specific solution. In the second case, the problem is affected indirectly and the options for solving it are blurred.
Intrigue
An example of a successful headline: “Revealing the secret of the most effective recipe for hair loss.”
An example of a bad title: " Best Recipe from hair loss.
Reception "exam"
A sentence in this form challenges the reader to test himself.
An example of a successful headline: “Are you sure that you are fighting hair loss in the right way?”
An example of an unsuccessful headline: "Do you know everything about hair loss."
Of course, these are not all methods that help to influence the perception of a person and attract his interest. Read marketing books to read more if you're interested in the topic. By the way, the title can also be "enticing". Moreover, it is most likely that he is highlighted in search results. You can check its display after indexing the page.
Why h2-h6 subheadings are needed
Tags from h2 to h6 are already located in the body of the article itself, structurally dividing it into thematic paragraphs, and in the HTML document code, highlighting it significant elements. They are also identified by search robots for semantic analysis of the page.
Needed in order to hierarchically designate everything important and noteworthy user on the page. Such a structure helps a person to quickly navigate the information and assess 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 in the text.
h3 - is a sub-item for the information that goes under H2, revealing it even deeper.
h4, h5, h6 - are defined as nested subheadings (reveal the essence of H2 or H3 in detail) and are used in the text to highlight small paragraphs 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.
How to write h2-h6 subheadings correctly
- It is impossible for the smallest subheading to be present without the larger one. That is, if the text contains the h4 meta tag, then it must be preceded by h2 and h3.
- The higher the heading level, the larger the font should be. In WordPress, the default settings are usually set in such a way that the tags are automatically formatted in the correct form.
- All h-tags must correspond to the content of the content, display 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 marks are allowed in h-tags.
- Subheadings should not contain overspam of keywords. Keywords are best used in title, h1, h2, and in smaller ones, such as h3, h5, h6, focus on detailed disclosure of the topic.
If the page markup 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 a mistake. There are many pages in the TOP, where the content is almost a continuous strip, perhaps divided into paragraphs. It is possible to get into the leading positions without “witchcraft” over the markup of the text, placing more emphasis on . WordPress sites are well 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 visually pleasing.
How to populate 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 necessary element and, hovering 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 correct format.
There is an even simpler way - you can type text in Word using necessary markups and just copy-paste the article into the wordpress editor. Highlighted in Word headings will automatically appear in the right sizes. If necessary, you can correct them using the WordPress CMS editor tools.
We released new book"Content Marketing in in social networks: How to get into the head of subscribers and fall in love with your brand.
With recent developments in the SEO world, text factors have become a significant factor in rankings. And if a couple of years ago it was possible to give up on the design of the text, now you will pay for it.
So, let's start with the basics -.
H1 meta tag: design example and basic information
Offers 6 tiered headings that indicate how important text block, after the heading.
So the tag
is the most important first level heading, and the tag denotes headings of the sixth level, the least significant. By default, the h1 heading tag displayed most large print and stands out “fat”, headings that are lower in rank, respectively, should be smaller.
Title tags refer to block elements: tag
always starts with new line, and already behind him next line there are other elements. Moreover, to make your text look aesthetically pleasing, I recommend indenting before and after headings.
How to insert an H1 heading tag into text on a website?
First level heading
Using Key in Tag: H1 Tag Optimization
h1 meta tags -h6 must be used for its intended purpose, strictly observing the hierarchy.
The fact is that search robots are very sensitive to headlines and what they contain. The importance and degree of attention of the searcher is determined by the level of the title (it goes down from h1 to h6). Therefore, we strongly recommend
use key in h1 tagand phrases in heading text.
Title tag
(heading of the first level) has the highest weight, of course. Therefore, its textual content must be taken with particular seriousness.
- Insert tag
only at the top of the site page, above the headings of other levels. Also, many admins have a special field for the h1 header.
- Avoid random headings different levels and place them "as lucky." The search engine (yes, and users) is unlikely to like it.
- By no meansuse meta tag
more than once per page.
- By default in different browsers headings look different: they differ in font sizes and indents. Therefore, we advise you to adjust these parameters using styles. BUT! Don't go overboard with font size reduction, as search robots pay attention to it. We also do not recommend making the font size of the title smaller than the body text.
- Do larger size title font low level also do not recommend. If your
will be more than , then the search robot will react negatively to this.
- And please stop using emphasis tags (strong, em, b, i) in your headlines. The content of heading tags has a greater impact on page relevance than highlight tags.
According to the majority of SEOs (and we join them), the content of the text inside the strong tags (bold text) in terms of importance approximately corresponds to the content of the h5 level heading. And this is so-so level.
- Using the key in the h1 tagnecessarily! It is best if this is the main key phrase (keywords that include completely different keywords in the semantics of this page).
- The text content of the title must be different from the title tag.
How to check h1 tag on a page
To check how many main headings you have there and correct the situation in which there will be more than one, you just need to open the page code.
Check number of h1 tags
You can use both the browser and the admin panel. It does not require any additional extensions.
Ctrl+Shift+C or F12
Hotkeys to help you open the page code.
Is it okay to omit the h1 tag and other subheadings?
I have come across this question several times on the net and I want to give a detailed answer to it. And the cool SEO specialist of our studio Oleg Vasiliev will help me with this.
In the field of search engine optimization, it is very difficult to give unambiguous answers to questions. This is far from being related to the competence of a specialist, although there is some truth in this. Each question, presumably, should pursue the achievement of some goal. Based on this, the answers to the questions may already vary, and you can get a completely different result.
The global goal of search engines, such as Google, Yandex, is quite simple - it is necessary to provide the user with the most useful information regarding the entered query. Search engines achieve it by examining the site for a number of factors. In order for your site to be shown to the user, you must meet these factors as much as possible so that the search engine decides that it has achieved its global goal.
One of the criteria for successful ranking is relevant to the user's needs, relevant and properly structured information.
As for the structure, it is she who helps the user to quickly find the information they are looking for. For these purposes, information should be divided into small paragraphs, use lists (where necessary), headings and subheadings.
The h1 heading helps the user understand the general meaning of the page content. As a rule, the text on the page has a very specific semantic unit, it is one, and therefore the main heading should be one. Further, the content, if the structure suggests, can be divided into small semantic blocks, and each block will have its own subtitle. It is very important to observe nesting, that is, after H1, you must use H2, and after H2, H3 is used. Everything is quite logical.
Headings and subheadings should be meaningful and not be used for other purposes.
Now back to the question:
Is it okay to omit the h1 tag and other subheadings?
The answer is obvious: You can, if you do not particularly care about promoting your site on the network.
12/02/15 44.1K Often, novice webmasters are tormented by the question of why some sites rank higher and outperform competitors in search results. The reason for this may be incorrectly placed h1 , h2 ... h6 tags. If these tags are placed incorrectly, without taking into account the specifics of the resource, then it is more difficult for search engines to get accurate information about the articles and the keywords contained in it.
Tags h1 -h6 allow you to highlight the headings of different levels. They make it clear which parts of the text more accurately reflect the topic of the article and provide a ranking advantage.
Proper tagging allows search engines to more accurately display the page for queries in the search results, which favorably affects the position of the resource:
Why do we need h1-h6 tags?
The tags contain the site name, headings and subheadings of the text:
In HTML, heading tags are denoted by h from the English "header", which means " title, header". Here is an example of what it looks like: header
Heading tags should be placed on each page of the resource. At the same time, the importance of the title will be envy of its number, the smaller it is, the more important the title is:
- the most important tags - less important tags... - last most important tags
However, their placement should be treated with caution. Misuse may result in your resource being penalized by search engines.
Syntax of h1-h6 tags
Name of the text
Subtitle 1
...
Subtitle 2
Subtitle 3.1
...
Subtitle 3_2
Subtitle 3
The most popular tags are h1 h2 h3 . How to use the h1 tag correctly?
By ignoring the h1 tag, webmasters are depriving themselves of such an important advantage as content optimization. On engines, it is often written automatically, but not always, and this fact should be taken into account.
The HTML h1 tag is the most significant of its kind. It contains the name of the site and the title of the article. However, it should not be confused with the tag
(<span>page title</span>). The title is displayed in the browser at the top of the screen on the left side at the moment when the resource page is opened. Title is written in the header of the page between <head></head>, while h1 -h6 are specified in the “body” of the page itself and are enclosed in tags <body></body>.</p>
<p>There can only be one h1 tag per page. If you specify several headings with the h1 tag, search engines may regard this as spamming, which in turn threatens with a ban:</p>
<p><img src='https://i2.wp.com/internet-technologies.ru/wp-content/uploads/articles/201512/kak-pravilno-ispolzovat-030726.jpg' width="100%" loading=lazy loading=lazy></p><br>Rules for compiling the main heading h1 : <ul><li>The tag should use the keywords used to promote the page;</li>
<li>Do not make the h1 heading too voluminous, a few words are enough;</li>
<li>The title text should be readable;</li>
<li>The h1 meta tag should not contain anything other than the text itself. If you want to make it stand out, put the codes outside the tag;</li>
<li>Before manually writing h1 , make sure the engine doesn't set it automatically;</li>
<li>The h1 content should correspond to the topic indicated in the title of the page;</li>
<li>When compiling h1, be sure to use the key phrase that the page is advancing on;</li>
<li>The content of the title should be unique, capacious and thematic. Don't make h1 a complete copy of the Title tag. It is important that unique h1 -h6 are written on each page of the resource, so avoid repetition;</li>
<li>You can not list key phrases in the title separated by commas. The content of h1 should be clear not only to search engines, but also to visitors of the resource.</li>
</ul><p><img src='https://i0.wp.com/internet-technologies.ru/wp-content/uploads/articles/201512/pravila-sostavlenija-glav-030726.jpg' width="100%" loading=lazy loading=lazy></p>
<h3>How to use h2-h6 tags correctly?</h3>
<p>In addition to h1, tags h2 , h3 , h4 , h5 , h6 , etc. are used to arrange headings that are identified by search engines.</p>
<h4>h2 tag</h4>
<p>Typically used for the titles of posts in the feed hosted on <a href="https://bumotors.ru/en/yandeks-samaya-glavnaya-stranica-kak-sdelat-glavnuyu-stranicu-yandeks.html">home page</a> or for subheadings in an article.</p>
<h4>Tags h3, h4</h4>
<p>Often, they are used to highlight the names of subheadings, categories and widgets in the sidebar .</p>
<h4>Tags h5, h6</h4>
<p>Designed for even smaller page elements that should be separated from the rest of the text.</p>
<p>Arrangement of headings h1 - h6 in <a href="https://bumotors.ru/en/vk-raznye-versii-na-android-kak-vernut-staryi-dizain-vkontakte.html">different versions</a> engines can be implemented in different ways.</p>
<p>Arrangement rules h2 -h6 :</p>
<ul><li>Heading structure. Heading hierarchy must be respected;</li>
<li>Font size. The lower the heading level, the <a href="https://bumotors.ru/en/melkii-shrift-v-vkontakte-kak-samomu-izmenit-shrift-vkontakte.html">smaller font</a>. Font editing is done in styles. But, as a rule, fonts have <a href="https://bumotors.ru/en/chem-otlichayutsya-chasy-apple-vybiraem-pravilnyi-razmer-apple-watch.html">correct dimensions</a> default;</li>
<li>Title tags cannot be used together with other accent tags. In headings it is recommended to use keywords by which this page will be promoted in the search;</li>
<li>Unlike h1 , h2-h6 tags can appear multiple times on a page.</li>
</ul><p><body>
<h1>I'm the head of the hierarchy of titles</h1>
<h2>My children</h2>
<h3>my grandchildren</h3>
<h3>my grandchildren</h3>
<h3>my grandchildren</h3>
<h2>My children</h2>
<h3>my grandchildren</h3>
<h3>my grandchildren</h3>
<h3>my grandchildren</h3>
<h4>my great grandchildren</h4>
<h4>my great grandchildren</h4>
<h4>my great grandchildren</h4>
</body></p>
<ul><li>There should be no spam;</li>
<li>The composition of the text h1 - h6 should be done using synonyms and taking into account the rules of morphology;</li>
<li>The main keywords are best placed closer to the beginning of the heading;</li>
<li>Key phrases written in the headings should be found in the text of the page;</li>
<li>H1 - h6 tags should be short, concise and informative:</li>
</ul>
<p>Should H1 and TITLE be the same or should they be different? A long-standing question that necessarily arises at every meeting where there are SEO specialists. Where he came from is difficult to say. Perhaps because of the discrepancy between the recommendations of search engines and examples in the TOP10.</p>
<p>Arguments for different title tags and H1: they say, the search engine will “think” that we want to double-use the meaning of the keyword, for which they will definitely punish 🙂 <br>Reasons for the same tags: a quote in the Yandex help for webmasters.</p>
<blockquote>
<p>In order for the robot that analyzes your site to be able to correctly highlight the most important sections and key pages, it is necessary that ... the text in the TITLE tag for <a href="https://bumotors.ru/en/osobennosti-sozdaniya-i-ispolzovaniya-landing-page-klyuchevye-elementy.html">key pages</a> matched its title (with the title of the page highlighted, for example, with the H1 tag) and the texts of the links pointing to this page.</p>
</blockquote>
<p>How to actually make them the same or different? By <a href="https://bumotors.ru/en/kakoi-komandoi-otklyuchit-podpiski-na-bilaine-cherez-mobilnoe.html">by and large</a>- does not matter. But it is worth considering a few points.</p>
<h2>- H1 and TITLE must intersect</h2>
<p>If the title is about one thing and the H1 is about another, then it is more difficult for search to determine which keywords the page is relevant for, and users will be in difficulty. Also, these sections of code help search engines to form <a href="https://bumotors.ru/en/dobavlenie-specialnyh-elementov.html">special items</a> in a snippet, like <a href="https://bumotors.ru/en/kak-sdelat-hlebnye-kroshki-wordpress-plagin-yoast-seo-nash-luchshii-pomoshchnik-wordpress.html">bread crumbs</a> or <a href="https://bumotors.ru/en/skachat-potokovoe-audio-rukovodstvo-po-bystromu-vyboru-ssylki-na.html">quick links</a>. In other words, don't make TITLE and H1 completely different. Let's look at a few examples (just as a demonstration, without a preliminary analysis of the semantics).</p>
<p>The site is a salon of Italian furniture in Moscow. Main keywords: Italian furniture showroom, Italian furniture… <br><b>TITLE:</b> Salon of Italian furniture in Moscow. Buy furniture from Italy | Salon name</p>
<p><b>H1:</b> Welcome <br>Not the best option, since there are no promoted keywords in H1 at all. Greetings can be written in the text.</p>
<p><b>H1:</b> Exclusive furniture from Italy <br>Already better, since the tags intersect along the key “furniture from Italy”. But it may not be in priority requests.</p>
<p><b>H1:</b> Salon of Italian furniture Name-Salon <br>Normal header for the main request, nothing more.</p>
<p>As you can see, there is no point in making H1 and TITLE exactly the same, but they must still intersect.</p>
<p><img src='https://i0.wp.com/devaka.ru/wp-content/uploads/2016/02/2224t.png' width="100%" loading=lazy loading=lazy></p>
<h2>— H1 and TITLE are visible to users at different stages of interaction with the site</h2>
<p>TITLE the user sees more often even before going to the site. H1 sees already when it is on the page. In this regard, it is better to make H1 short and describe the essence as much as possible. <a href="https://bumotors.ru/en/chto-takoe-posadochnaya-stranica-chto-takoe-posadochnaya-stranica-landing-page.html">landing page</a> much depends on its purpose. As for TITLE , in addition to the content of keywords, it should motivate the user to click (transition). Otherwise, you can optimize the text relevance, but not optimize the conversion to clicks and, accordingly, not receive all the traffic.</p>
<p>For example, the section of radio-controlled helicopters on the site. <br><b>H1:</b> RC helicopters (logical) <br><b>TITLE:</b> Buy radio-controlled helicopters with delivery in Moscow</p>
<p>Here the word “buy” calls for action, and “delivery in Moscow” removes a number of questions before the click.</p>
<p>Information topic: how to weave rubber band bracelets <br><b>H1:</b> How to weave bracelets from rubber bands on a loom <br><b>TITLE:</b> Rubber bracelets: <a href="https://bumotors.ru/en/poshagovaya-instrukciya-pereustanovki-vindovs-7-poshagovaya-instrukciya.html">step by step instructions</a> and weaving patterns with photos and videos</p>
<p>“Step-by-step instructions and schemes” not only expand the semantics, but also increase the likelihood of clicking on the title. A person who is looking for “how to weave” just means step-by-step instructions with a photo, but may not include this in his request.</p>
<h2>— TITLE pulls up in the social network</h2>
<p>If the code is not further configured, then when users share a page on a social network, the title is taken from the title. If it is spam, then it prevents both the transition from social networks and sharing in principle. If it is just short like H1, then this is also a bad option.</p>
<p>This item is most relevant for information and <a href="https://bumotors.ru/en/sekrety-poiskovoi-optimizacii-novostnyh-proektov-otkuda-brat.html">news projects</a>. But some of them only work for social networks, so take a cue from headlines like “This woman could no longer look at herself in the mirror. And that's what she did…” is not always correct for SEO. Just keep in mind when compiling titles that they can get headlines on social networks.</p>
<h2>— TITLE may contain additional key phrases</h2>
<p>In order to promote the page not only for the selected mid-frequency phrases, but also for adjacent ones, as well as a large pool of low-frequency phrases, some words from the family kernel can be added to the title. Accordingly, this will distinguish it from the H1 tag.</p>
<p>For example, we have a pool of requests: installation of bituminous tiles, installation of flexible tiles, installation instructions for tiles, technology for installing tiles, technology for laying bituminous tiles, laying bituminous tiles, installation of flexible tiles video, etc., etc.</p>
<p><b>H1:</b> Installation instructions for flexible bituminous tiles <br><b>TITLE:</b> Installation of flexible tiles, laying technology. Price, video</p>
<p>Here the title and H1 are completely different, they intersect only with some words (installation, bituminous, tile). It makes no sense to insert all the words from the core into the title or H1, it will look spammy, and separating words into code sections (including other titles) is a good strategy.</p>
<p>Good afternoon, dear visitors and regular readers of my blog!</p><h3><span>h1 header value for promotion</span></h3><p>Search engines use the words and phrases used in this title to target specific pages. <a href="https://bumotors.ru/en/top-klyuchevyh-zaprosov-yandeks-statistika-zaprosov-yandeks-google-i.html">key query</a>. This title is one of the most important components of relevance.</p><p>However, in the process of optimizing the text of an article, search engines perceive the title tag more important than the h1 heading.</p><p><img src='https://i2.wp.com/saranchinsergey.ru/wp-content/uploads/2014/08/teg-h1-i-prodvizhenie-bloga.png' align="center" height="170" width="273" loading=lazy loading=lazy></p><p>If to speak <a href="https://bumotors.ru/en/prostye-yazyki-programmirovaniya-dlya-nachinayushchih-kak-vybrat-podhodyashchii.html">plain language</a>, then I want to note that this tag is best used on websites and blogs for page and post titles. These headings should contain keywords that will promote promotion in search engines for these words.</p><p>The relevance of the pages and the good performance of your web resource are the basis for the future trust of search engines in your resource.</p><h2><span>Using the h1 tag in WordPress</span></h2><p>It was purely theoretical. Now let's talk about the main points in which we will analyze the use of the h1 tag on web resources managed by the WordPress system.</p><p>It's no secret that many novice webmasters use free . But the disadvantage of these templates is that almost all of them have errors and shortcomings! Like this…</p><p>One of these shortcomings is that sometimes the h1 tag is not used to highlight the page title, but another tag is written, for example, h2.</p><p>Just such a flaw <a href="https://bumotors.ru/en/viks-kom-sozdat-lichnyi-kabinet-wix-platnye-i-besplatnye-shablony---chto.html">free template</a>, which is called Incredy, I revealed on my blog.</p><blockquote><p>One day I decided to look at the source of my article and quite by accident discovered that all the titles of my articles are displayed in the h2 tag.</p>
</blockquote><p>To fix this shortcoming, I started editing the single.php file. This file is the same for many WordPress templates.</p><p>The main function of single.php is to display information for each blog post. To find out how I fixed this flaw in my template, read on.</p><p>To fix the problem, in the contents of the single.php file, we find the code that displays the title. In my file it was displayed like this:</p><p><img src='https://i2.wp.com/saranchinsergey.ru/wp-content/uploads/2014/08/teg-h2-v-zagolovke-stati.png' align="center" height="78" width="327" loading=lazy loading=lazy></p><p>We need to change the h2 tags to the desired h1 tags, and then click the "Update File" button. That's all. As you can see, this is easy to do. Here is how the file changed after the necessary changes:</p><p><img src='https://i0.wp.com/saranchinsergey.ru/wp-content/uploads/2014/08/zamena-tega-na-h1.png' align="center" height="78" width="327" loading=lazy loading=lazy></p><p>This code may look slightly different in your file. However, this is not so important, the main thing here is to understand the basic meaning.</p><p>A similar edit (replacing h2 with h1) also needs to be done to another blog template file called page.php. It is he who displays the blog pages.</p><p>I think you know what the blog is about <a href="https://bumotors.ru/en/russkii-variant-sistemy-wordpress.html">WordPress system</a> includes <a href="https://bumotors.ru/en/kak-izbavitsya-ot-uch-tnoi-zapisi-v-skype-razlichnymi-metodami-kak.html">various records</a> and pages. The functions that carry out their creation and editing are located in different files and display information using different program modules.</p><p>But this information is just for your understanding.</p><p>So let's continue. After changing the page.php file, the code that is responsible for displaying the titles of the pages of my blog has become like this:</p><p><img src='https://i1.wp.com/saranchinsergey.ru/wp-content/uploads/2014/08/zamena-h2-na-h1-v-stranitsah.png' align="center" height="62" width="338" loading=lazy loading=lazy></p><p>However, this is not all the changes that needed to be implemented. The thing is that I have identified another serious flaw.</p><p>It consisted in the fact that this tag was used to display the title of the entire blog, and this led to numerous repeating h1 tags. <a href="https://bumotors.ru/en/sluchae-poiskovaya-sistema-poiskovaya-internet-sistema-yahoo-rynok.html">Search engines</a> they don't like such re-optimization!</p><h3><span>Editing the template for the h1 tag</span></h3><p>To edit <a href="https://bumotors.ru/en/sozdanie-prostoi-wordpress-temy-kak-sozdat-wordpress-shablon-sozdaem-wordpress-temu.html">wordpress template</a> and remove the output of the h1 tag from the blog header, you need to make changes to the files: header.php (web resource header output file) and style.css (web resource style file).</p><p>You need to change in the header.php file:</p><p><img src='https://i1.wp.com/saranchinsergey.ru/wp-content/uploads/2014/08/h1-v-zagolovke-bloga.png' align="center" height="81" width="291" loading=lazy loading=lazy></p><p>Find this code in the header.php file that renders the title of your website or blog, and then replace the h1 tag with a p paragraph tag.</p><p>After the change, we see the following picture:</p><p><img src='https://i1.wp.com/saranchinsergey.ru/wp-content/uploads/2014/08/zamena-h1-na-p-v-zagolovke-bloga.png' align="center" height="81" width="281" loading=lazy loading=lazy></p><p>Editing the style.css file</p><p>To keep the font size and type of the blog header unchanged, you need to make changes to style.css. Open this file and look for styles for h1. For me they look like this:</p><p><img src='https://i1.wp.com/saranchinsergey.ru/wp-content/uploads/2014/08/teg-h1-v-tablitse-stiley-bloga.png' align="center" height="170" width="273" loading=lazy loading=lazy></p><p>Then replace the h1 tag with a p tag and edit the font size:</p><p><img src='https://i1.wp.com/saranchinsergey.ru/wp-content/uploads/2014/08/zamena-tega-h1-na-p-v-tablitse-stiley-bloga.png' align="center" height="170" width="273" loading=lazy loading=lazy></p><h2><span>Html h1 tag for blog home page</span></h2><p>On the main page of the blog, the H1 tag should be written in the title or description of the blog, and H2 in the headings of the articles.</p><p>But how can this be done? After all, in our posts, the main tag is used for the titles of articles.</p><p>Opens the index.php file for editing and finds a line like:</p><p>Yours may look a little different, but the meaning is the same. Here it is important to make sure that the h2 tag is written in this line, as in the screenshot above.</p><p>If it is displayed through another tag, write h2 and update the file.</p><p>Now about H1</p><blockquote><p>As I already noted, h1 should be written on the main page in the title or description of the blog. It should contain keywords that reflect the content of the entire web resource.</p>
</blockquote><p>But that's not all.</p><p>If we simply write the title or description of the blog through the h1 tag, then it will be displayed on all pages of numerous blog articles.</p><p>This will result in a duplicate h1 tag, which is not good! Search engines don't like it... Therefore, I offer my own solution.</p><p>You need to add a condition in the form <a href="https://bumotors.ru/en/kakoi-luchshii-redaktor-html-php-css-js-koda.html">php code</a>, in which this tag will be written in the title of the blog only on the main page, and on other pages in the articles will be absent.</p><p>And here is the condition itself:</p> <span><?php if (is_home()) {
?><h1>your blog title or description</h1><?
} else {
?>< >blog title or description</ ><?
}
?>
</span>
<p>So, open the header.php blog file and write this condition in the blog header.</p><p>For me it looks like this:</p><p><img src='https://i0.wp.com/saranchinsergey.ru/wp-content/uploads/2014/09/teg-h1-na-glavnoy-stranitse.png' align="center" width="100%" loading=lazy loading=lazy></p><p>As you can see, for my resource, I enclosed in the h1 tag on the main page the blog description “blog promotion and earnings on the Internet”.</p><p>That's basically it. We successfully edited the flaws in the free template.</p><p>I hope you understand how to properly use the h1 tag on your blog to please the search engines.</p><p>In my next tutorials, I will talk about how to properly use h1, h2, h3 and h4 tags on your web resource. So subscribe to updates so as not to miss this useful material.</p><p>See you again. Bye!</p>
<script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+
";"+Math.random()+
"border='0' width='1' height='1' loading=lazy loading=lazy>");</script>
</div>
<div class="post-social-counters-block">
<div style="margin-top: 12px">
<noindex></noindex>
</div>
</div>
</div>
</div>
<a name="comments"></a>
<h3 class="best-theme-posts-title">Top Related Articles</h3>
<div class="container-fluid">
<div class="best-theme-posts row">
<div class="theme-post col-sm-4">
<a href="https://bumotors.ru/en/obyazannosti-funkcii-dostizheniya-kontent-menedzher-professiya-kontent-menedzher-kto-eto-takoi-i-chem-on.html">
<div class="img_container"><img src="/uploads/0d4bc2a3b0ff1813bc793537a532f30b.jpg" border="0" alt="Profession content manager: who is he and what does he do" width="320" height="180" / loading=lazy loading=lazy></div>
<span class="theme-post-link">Profession content manager: who is he and what does he do</span>
</a>
</div>
<div class="theme-post col-sm-4">
<a href="https://bumotors.ru/en/kak-ustanavlivat-prilozheniya-bez-google-play-kak-skachat-platnye-igry-i-prilozheniya.html">
<div class="img_container"><img src="/uploads/8c4726e562ad77e2b56bf2bb801c8bcf.jpg" border="0" alt="How to download paid games and applications for free Play market to download games" width="320" height="180" / loading=lazy loading=lazy></div>
<span class="theme-post-link">How to download paid games and applications for free Play market to download games</span>
</a>
</div>
<div class="theme-post col-sm-4">
<a href="https://bumotors.ru/en/akt-obezzhirivaniya-kislorodnyh-manometrov-primer-domeny-obezzhirivanie.html">
<div class="img_container"><img src="/uploads/044a2ba4a0370f43165c2696f9440442.jpg" border="0" alt="Act of degreasing oxygen manometers example" width="320" height="180" / loading=lazy loading=lazy></div>
<span class="theme-post-link">Act of degreasing oxygen manometers example</span>
</a>
</div>
</div>
</div>
</div>
<a name="comments"></a>
</div>
<div class="right-column col-sm-4 col-md-4">
<div class="write">
<span class="tags-title">Categories:</span>
<ul style="height: 286px;" id="right-tags" data-tagscount="18" data-currentmaxtag="10" class="tags">
<li class=""><a href="https://bumotors.ru/en/category/programs/">Programs</a></li>
<li class=""><a href="https://bumotors.ru/en/category/safety/">Security</a></li>
<li class=""><a href="https://bumotors.ru/en/category/windows-10/">Windows 10</a></li>
<li class=""><a href="https://bumotors.ru/en/category/iron/">Iron</a></li>
<li class=""><a href="https://bumotors.ru/en/category/windows-8/">Windows 8</a></li>
<li class=""><a href="https://bumotors.ru/en/category/vkontakte/">In contact with</a></li>
<li class=""><a href="https://bumotors.ru/en/category/errors/">Mistakes</a></li>
</ul>
</div>
<div class="banner">
</div>
</div>
</div>
</div>
<div style="clear:both"></div>
</div>
<div class="footer">
<div class="subscribe">
<div class="main-wrapper container">
<div class="row">
<div class="col-sm-8">
</div>
<div class="col-sm-4">
<div class="social">
<a href="" class="vk social-ico"></a>
<a href="https://facebook.com/" class="fb social-ico"></a>
<a href="https://twitter.com/" class="tw social-ico"></a>
</div>
</div>
</div>
</div>
</div>
<div class="info">
<div class="main-wrapper container">
<div class="row">
<span class="footer-info col-xs-12">© 2022 bumotors.ru. How to set up smartphones and PCs. Informational portal.</span>
</div>
</div>
</div>
</div>
</body>
</html>
Title tags refer to block elements: tag
always starts with new line, and already behind him next line there are other elements. Moreover, to make your text look aesthetically pleasing, I recommend indenting before and after headings.
How to insert an H1 heading tag into text on a website?
First level heading
Using Key in Tag: H1 Tag Optimization
h1 meta tags -h6 must be used for its intended purpose, strictly observing the hierarchy.
The fact is that search robots are very sensitive to headlines and what they contain. The importance and degree of attention of the searcher is determined by the level of the title (it goes down from h1 to h6). Therefore, we strongly recommend
use key in h1 tagand phrases in heading text.Title tag
(heading of the first level) has the highest weight, of course. Therefore, its textual content must be taken with particular seriousness.
- Insert tag
only at the top of the site page, above the headings of other levels. Also, many admins have a special field for the h1 header.
- Avoid random headings different levels and place them "as lucky." The search engine (yes, and users) is unlikely to like it.
- By no meansuse meta tag
more than once per page. - By default in different browsers headings look different: they differ in font sizes and indents. Therefore, we advise you to adjust these parameters using styles. BUT! Don't go overboard with font size reduction, as search robots pay attention to it. We also do not recommend making the font size of the title smaller than the body text.
- Do larger size title font low level also do not recommend. If your
will be more than
, then the search robot will react negatively to this.
- And please stop using emphasis tags (strong, em, b, i) in your headlines. The content of heading tags has a greater impact on page relevance than highlight tags.
According to the majority of SEOs (and we join them), the content of the text inside the strong tags (bold text) in terms of importance approximately corresponds to the content of the h5 level heading. And this is so-so level.
- Using the key in the h1 tagnecessarily! It is best if this is the main key phrase (keywords that include completely different keywords in the semantics of this page).
- The text content of the title must be different from the title tag.
How to check h1 tag on a page
To check how many main headings you have there and correct the situation in which there will be more than one, you just need to open the page code.
Check number of h1 tags
You can use both the browser and the admin panel. It does not require any additional extensions.
Ctrl+Shift+C or F12
Hotkeys to help you open the page code.
Is it okay to omit the h1 tag and other subheadings?
I have come across this question several times on the net and I want to give a detailed answer to it. And the cool SEO specialist of our studio Oleg Vasiliev will help me with this.
In the field of search engine optimization, it is very difficult to give unambiguous answers to questions. This is far from being related to the competence of a specialist, although there is some truth in this. Each question, presumably, should pursue the achievement of some goal. Based on this, the answers to the questions may already vary, and you can get a completely different result.
The global goal of search engines, such as Google, Yandex, is quite simple - it is necessary to provide the user with the most useful information regarding the entered query. Search engines achieve it by examining the site for a number of factors. In order for your site to be shown to the user, you must meet these factors as much as possible so that the search engine decides that it has achieved its global goal.
One of the criteria for successful ranking is relevant to the user's needs, relevant and properly structured information.
As for the structure, it is she who helps the user to quickly find the information they are looking for. For these purposes, information should be divided into small paragraphs, use lists (where necessary), headings and subheadings.
The h1 heading helps the user understand the general meaning of the page content. As a rule, the text on the page has a very specific semantic unit, it is one, and therefore the main heading should be one. Further, the content, if the structure suggests, can be divided into small semantic blocks, and each block will have its own subtitle. It is very important to observe nesting, that is, after H1, you must use H2, and after H2, H3 is used. Everything is quite logical.
Headings and subheadings should be meaningful and not be used for other purposes.
Now back to the question:
Is it okay to omit the h1 tag and other subheadings?
The answer is obvious: You can, if you do not particularly care about promoting your site on the network.
12/02/15 44.1KOften, novice webmasters are tormented by the question of why some sites rank higher and outperform competitors in search results. The reason for this may be incorrectly placed h1 , h2 ... h6 tags. If these tags are placed incorrectly, without taking into account the specifics of the resource, then it is more difficult for search engines to get accurate information about the articles and the keywords contained in it.
Tags h1 -h6 allow you to highlight the headings of different levels. They make it clear which parts of the text more accurately reflect the topic of the article and provide a ranking advantage.
Proper tagging allows search engines to more accurately display the page for queries in the search results, which favorably affects the position of the resource:
Why do we need h1-h6 tags?
The tags contain the site name, headings and subheadings of the text:
In HTML, heading tags are denoted by h from the English "header", which means " title, header". Here is an example of what it looks like:
header
Heading tags should be placed on each page of the resource. At the same time, the importance of the title will be envy of its number, the smaller it is, the more important the title is:
- the most important tags - less important tags... - last most important tagsHowever, their placement should be treated with caution. Misuse may result in your resource being penalized by search engines.
Syntax of h1-h6 tags
Name of the text
Subtitle 1
...Subtitle 2
Subtitle 3.1
...Subtitle 3_2
Subtitle 3
The most popular tags are h1 h2 h3 .
How to use the h1 tag correctly?
By ignoring the h1 tag, webmasters are depriving themselves of such an important advantage as content optimization. On engines, it is often written automatically, but not always, and this fact should be taken into account.
The HTML h1 tag is the most significant of its kind. It contains the name of the site and the title of the article. However, it should not be confused with the tag