Menu
homeTechnique

Using h1. Why are h1-h6 tags needed? Is it possible not to use the h1 tag and other subheadings?

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 html code pages.

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 (page title), because <title>written in the header of the page between <head></head>, while h1-h6 are indicated in the “body” of the page and enclosed between tags <body></body>. </p> <p><b><i>How to compose correctly <a href="https://viws.ru/en/chto-pisat-v-meta-teg-keywords-chto-takoe-metategi-kak-pravilno.html">main heading</a> h1?</i> </b></p> <ul><li><span>mandatory use of keywords for promotion;</span></li> <li><span>h1 is used once on one page, if you place more PS it can be perceived <a href="https://viws.ru/en/samyi-topovyi-instagramm-instagram-v-cifrah-poleznye-dannye-fakty-i.html">this fact</a> like re-optimization;</span></li> <li><span>A few words will be enough, there is no need to place all the keywords of the page in this tag;</span></li> <li><span>the title must be readable;</span></li> <li><span>The h1 meta tag should contain only text;</span></li> <li><span>h1 must correspond to the topic indicated in the title of this page;</span></li> <li><span>do not list key phrases separated by commas, this increases relevance;</span></li> <li><span>make the title unique and thematic, do not make it a copy of the Title;</span></li> <li><span>Each page should contain unique h1-h6, try to avoid any repetitions as much as possible.</span></li> </ul><p>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.</p> <p><b><i>h2 tag</i> </b><span>depending on the size and content of the site page can be used a couple of times and it shows the h1 subheading. Meaning <a href="https://viws.ru/en/css-selektory-strochnye-selektory-v-css-kakie-tegi-v-dannom-kode.html">of this tag</a> 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</p> <p><b><i>h3 tag</i> </b><span>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.</p> <p><b><i>Tags h4, h5, h6</i> </b><span>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 highlighted <a href="https://viws.ru/en/kak-vydelit-tekst-zhirnym-shriftom-kursivom-ili-podcherkivaniem-poisk-i.html">in bold</a>(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.</p> <p><b><i>Rules for writing the text of headings h1, h2, h3,…, h6</i> </b></p> <p>What should the headings h1-h6 consist of:</p> <ol><li><span>direct occurrence of the keyword in the title, which will increase <a href="https://viws.ru/en/kak-prodvinut-statyu-v-top-10-pochemu-stateinoe-prodvizhenie.html">relevant query</a> in search results;</span></li> <li><span>a unique title in relation to other pages of the site, since identical titles may not be taken into account by the PS;</span></li> <li><span>if the title is close to the html code, then its value relative to other page elements increases significantly;</span></li> <li><span>the keyword should be as close to the beginning of the title as possible;</span></li> <li><span>the length of the title should not exceed 60 characters, since a long title will not be accepted by the search engine;</span></li> <li><span>exclude grammatical errors from the title;</span></li> <li><span>Headings are checked for over-optimization, so you shouldn't put as many keywords as possible in one heading.</span></li> </ol><p><b><i>What to write and how to fill it out correctly. Practical advice.</i> </b></p> <p>The success of website optimization largely depends on how the tags are written. Therefore, you should adhere to the following rules for writing tags:</p> <ul><li><span>observe the hierarchy of tags, that is, h1 should be above the rest, other headings in order of levels;</span></li> <li><span>how <a href="https://viws.ru/en/kakoi-telefon-samyi-bezopasnyi-dlya-zdorovya-nazvany.html">higher level</a> that should be <a href="https://viws.ru/en/kak-v-vorde-zaglavnyi-shrift-izmenit-propisnoi-kak-bolshie-bukvy.html">bigger font</a> title, that is, adhere to the gradation of fonts;</span></li> <li><span>give up everything superfluous and unnecessary in headings - accent tags and links, text only;</span></li> <li><span>no need to abuse h1,h2,h3,…,h6. <a href="https://viws.ru/en/chto-predstavlyaet-feisbuk-istoriya-osnovaniya-socialnoi-seti-facebook.html">Great amount</a> important elements on the page are perceived <a href="https://viws.ru/en/kak-proverit-chto-robot-prinadlezhit-yandeksu-chto-takoe-poiskovyi-robot.html">search robots</a> like overspam.</span></li> <li><span>the title can even be a picture, for example, with a logo, which is optimized accordingly.</span></li> </ul><p>It is important to note that the presence of all levels of headings on site pages does not <a href="https://viws.ru/en/kak-pereustanovit-bios-na-noutbuke-podgotovka-k-ustanovke.html">required condition</a>. In most cases, h1, h2, h3 are quite sufficient, but using the rest can be harmful if they highlight completely unimportant elements of the page text.</p> <p>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 you have any additional questions, please contact us! We also recommend the article ““.</p> <p>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.</p> <p>SEO not working? What could be the reason? More on this in the next blog post. <br></p> <p>Company <b><i>Hyper Host™</i> </b>- that's all.</p> <p>22023 times <span>5 Viewed times today</p> <p>The question arises, how do some sites gain an advantage over others and bypass them in the search results? After all, the same optimization tools are used. The answer would seem obvious: due to <a href="https://viws.ru/en/belye-metody-poiskovoi-optimizacii-chto-takoe-belayaseo-optimizaciya.html">external optimization</a>, and its limitless resource. However, it's not just that.</p><p>There are also more complex stages <a href="https://viws.ru/en/belye-metody-poiskovoi-optimizacii-promezhutochnaya-seraya-optimizaciya-sposoby.html">internal optimization</a>, which many webmasters ignore. I'm talking primarily about the arrangement of headings h1-h6. For the most part, they are arranged incorrectly, or according to one pattern, without taking into account the specifics of the site. Only self-arrangement of these headings will help achieve <a href="https://viws.ru/en/gostevoi-post-kak-dobitsya-maksimalnogo-effekta.html">maximum effect</a>. In this article I will tell you what headings h1-h6 are, why they are needed and how best to arrange them.</p><p>H1-h6 tags are used to highlight the most <a href="https://viws.ru/en/iz-chego-sostoit-kompyuter-vnutri-vazhnye-chasti-kompyutera-processor-serdce.html">important parts</a> text. They are also called accent tags. They are aimed mainly at search engines, allowing them to understand which parts of the text contain more <a href="https://viws.ru/en/kak-uznat-nazvanie-noutbuka-acer-kak-uznat-model-noutbuka-gde-posmotret.html">exact information</a> about the topic of the article, its keywords. Using h1-h6 tags makes it possible to gain an advantage when ranking sites by a search engine. However, for this you need to use them wisely.</p><p>In theory, everything is quite simple: the first level heading (h1) is used to highlight the name of the site. The second level heading (h2) focuses the search engine’s attention on the title of the article. Third-level headings (h3) highlight the subparagraphs of the article; headings h4, h5 and h6 can be used at discretion, highlighting both <a href="https://viws.ru/en/chto-znachit-slovo-potracheno-chto-znachit-potracheno.html">meaningful words</a> in the text, as well as site bar headings and other significant elements. In reality, everything is a little more complicated: it does not always make sense to arrange headings as described above. For example, if you are promoting only individual pages of the site (as is done in the case of blogs), then there is no point in enclosing the name of the site in the h1 tag; it is better to reserve this tag for the title of the article, since it is this that carries the main thematic load. H2 tags can be used to highlight subparagraphs. The rest is by analogy. In other words, there are many schemes for placing h tags; you need to analyze your site, the specifics of its promotion, and arrange headings in accordance with your conclusions.</p><p><b>Why is what I say so important?</b> Now many people use <a href="https://viws.ru/en/nachat-vesti-svoi-blog-esli-nechego-rasskazat-gde-vesti-blog.html">free platforms</a> for maintaining websites, or use <a href="https://viws.ru/en/obrazcy-dlya-beidzhika-kakoi-razmer-u-standartnogo-beidzhika-kak-sdelat-shablon.html">standard templates</a>. In them, the headings are very often placed very poorly, this greatly limits the possibilities of internal optimization. Once you figure everything out yourself and do everything right, you get <a href="https://viws.ru/en/skachat-programmu-everest-na-russkom-yazyke-testiruem-kompyuter-s-pomoshchyu.html">big advantage</a> for the future.</p><p>So, there are several rules for arranging headings h1-h6. I will present them below.</p><p>The picture is clickable</p><p><b>1. </b> Heading structure. This is the most important of the rules. Headings more <a href="https://viws.ru/en/python-dlya-mikrokontrollerov-uchimsya-programmirovat-odnoplatnye.html">high level</a>(how <a href="https://viws.ru/en/sdelat-malenkie-cifry-sverhu-v-vorde-kak-postavit-stepen-v.html">smaller number</a>– the higher the level) should be on the page above. That is, the h1 heading should always be located above the h2 heading, and it, in turn, above the h3 heading. And so on. <br><b>2. </b> Heading font size. This is also a mandatory condition. The higher the heading level, the larger the font should be. The h1 heading will have the most <a href="https://viws.ru/en/kak-ubrat-bolshoi-shrift-v-kontakte-kak-izmenit-razmer-shrifta-v.html">large font</a>. Heading fonts can be edited in styles. However, they usually have the correct sizes by default. <br><b>3. </b> H tags should not contain anything other than text. That is, it is strictly not recommended to include pictures, links and other content elements in them. <br><b>4. </b> H tags cannot be used in conjunction with other accent tags. <br><b>5. </b> Since h1-h6 tags focus the search engine’s attention on important elements of the page, such emphasis should be justified. The selected section of text must contain keywords or phrases, otherwise you can confuse the search engine, thereby only causing harm. <br><b>6. </b> The h1 tag is used only once on one page. No other options are allowed.</p><p>As you can see, nothing complicated. Much more important are the recommendations described above for the correct placement of accents. It is not necessary to use all accent tags on every page, just <a href="https://viws.ru/en/kakoi-nomer-u-bilaina-s-kakih-cifr-nachinayutsya-nomera-bilain-bilain.html">first three</a> levels. It is worth noting that to correctly place headings, you may need some knowledge of html. The first commandment of a webmaster is to do no harm. Therefore, if you do not have such knowledge, then it is better to entrust this matter to someone else.</p><p><u>I said the main thing.</u> Unfortunately, I cannot describe all possible situations. To beat your competitors, you need to not only carry out each stage of optimization efficiently, but also not skip any of the stages. Only then will you and your website achieve success. This concludes the article. Good luck!</p> <p><img src='https://i0.wp.com/webformyself.com/wp-content/uploads/2016/362/3.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <h3>What does h1-h6 mean?</h3> <p>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 <a href="https://viws.ru/en/prodali-zablokirovannyi-iphone-chto-delat-rech-idet-vot-o-chem-video-vzlomali.html">we're talking about</a> about the book), h3 – section heading, etc.</p> <p>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.</p> <p>By default, headers already have some <a href="https://viws.ru/en/standart-stilevogo-oformleniya-ishodnogo-koda-delphi.html">styling</a>. For example, letters in headings are bold and their size is 1.5 to 3 times larger than regular text on the page.</p> <h3>Basic rules for working with headings</h3> <p>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 <a href="https://viws.ru/en/sdelat-otdelnyi-shablon-stranicy-wordpress-kak-sozdat-shablon-stranicy.html">separate page</a> your site should have ONE h1. This is because this is the main heading, and there should always be one main heading.</p> <p>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 <a href="https://viws.ru/en/kakie-eshche-est-poiskovye-sistemy-poiskovaya-internet-sistema---bing.html">search engines</a> Oh.</p> <p>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.</p> <p>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.</p> <p>Obviously, h1 should be at the very beginning of the article. It's not the same as <a href="https://viws.ru/en/zapolnenie-title-description-keywords-principy-sostavleniya-description-title---ne-meta-teg.html">meta title tag</a>. Title is visible when <a href="https://viws.ru/en/kak-iskat-v-feisbuke-kak-iskat-v-facebook-i-kak-popast-v-top-poiskovoi.html">search results</a> and in the title of the browser tab, and h1 – directly on the page. The remaining headings (h2-h6) can be as many as you like, in any quantity.</p> <h3>How to check the presence of h1 on a page?</h3> <p>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.</p> <p>First, open the source code and search it. <a href="https://viws.ru/en/ishodnyi-kod-klavishi-kak-otkryt-ishodnyi-kod-stranicy.html">Source</a> opens with a combination <a href="https://viws.ru/en/sochetanie-klavish-ctrl-s-chto-takoe-goryachie-klavishi-i-dlya-chego-oni-nuzhny.html">Ctrl keys</a>+ U. Next you will need <a href="https://viws.ru/en/sochetanie-klavish-ctrl-v-ispolzuetsya-dlya-kombinacii-klavish-na-klaviature.html">Ctrl combination</a>+ F to open search. Enter a name in it <a href="https://viws.ru/en/kakie-tegi-nado-stavit-v-instagrame-chto-takoe-heshtegi-v-instagrame-kak-ih.html">the desired tag</a>, namely – h1.</p> <p>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.</p> <p>Secondly, you can use some service that analyzes the site for its indicators <a href="https://viws.ru/en/serye-metody-poiskovoi-optimizacii-serye-metody-optimizacii.html">search engine optimization</a> and issues a report. There are a lot of such services, I will give just a few: pr-cy.ru, audit.megaindex.ru/</p> <p>The Megaindex service allows you to check the relevance of a page, that is, how optimized it is for a specific <a href="https://viws.ru/en/generator-unikalnyh-osmyslennyh-klyuchevyh-fraz-generator-klyuchevyh.html">key phrase</a>. 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.</p> <p><img src='https://i0.wp.com/webformyself.com/wp-content/uploads/2016/362/2.jpg' align="center" height="247" width="371" loading=lazy loading=lazy></p> <p>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 <a href="https://viws.ru/en/ankor-ssylki-i-ego-vliyanie-na-ssylochnoe-ranzhirovanie-chto.html">important factor</a>, although not critical. Failure to comply will not lead to anything catastrophic, but with search engine optimization <a href="https://viws.ru/en/printer-nachal-pechatat-s-poloskami-kakov-mehanizm-vozniknoveniya.html">similar problems</a> must be removed first.</p> <h3>If a problem is found, how to solve it?</h3> <p>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.</p> <p>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 index.php files ( <a href="https://viws.ru/en/kak-zakrepit-domashnyuyu-stranicu-kak-sdelat-glavnuyu-stranicu.html">home page</a>) and archive.php (archives by date and author), and sometimes topics also have category.php (entries for a separate category).</p> <p>Well, let’s say you found and opened <a href="https://viws.ru/en/kakoi-programmoi-otkryt-fail-mds-kak-otkryt-mdf-fail-dlya-chego-nuzhny.html">required file</a>, 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.</p> <p>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.</p> <p>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.</p> <p>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.</p> <p>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.</p> <p>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 <a href="https://viws.ru/en/chto-ponimaetsya-pod-bitom-informacii-bolshaya-enciklopediya-nefti-i.html">more information</a> you can find it if you study it and its output to an income of 20 thousand rubles per month at the very <a href="https://viws.ru/en/kak-zarabotat-bitkoiny-kak-za-korotkoe-vremya-zarabotat-na.html">shortest time</a>. Good luck to you in everything and <a href="https://viws.ru/en/tip-ekrana-cvetnoi-ips-byudzhetnik-ne-sda-t-pozicii-chto-luchshe-pls-ili-ips-kak.html">good positions</a> in search of!</p> <p><b>H1 tag or H1 heading</b>- this is the first level heading and it has <a href="https://viws.ru/en/kak-nastroit-antennu-na-raciyu-ustanovka-i-nastroika-avtomobilnyh-antenn.html">highest value</a> and importance among all the headings. <b>H1 tag</b> should be used once on the page, placed above all other headings and have the most <a href="https://viws.ru/en/kakoi-razmer-u-aifona-6-gabaritnye-razmery-aifonov-displeya.html">big size</a> font.</p> <p>There are six title tags in total. These are h1, h2, h3, h4, h5, h6. These tags are used to format text on a page. H1 is the most significant among them both for visitors and search engines.</p> <p>I welcome you to the pages. In this article I will share with you some points when using the H1 header on blog pages under <a href="https://viws.ru/en/sravnenie-populyarnyh-cms-sistema-upravleniya-kontentom-modx-xstore-otzyvchivyi.html">CMS management</a> WordPress.</p> <h2>H1 tag - value for promotion</h2> <p><img src='https://i2.wp.com/inetmkt.ru/wp-content/uploads/2012/03/tegi-h.jpg' align="left" height="150" width="150" loading=lazy loading=lazy>Search engines use the words and phrases used in this tag to determine the relevance of pages <a href="https://viws.ru/en/poiskovye-zaprosy-v-google-yazyk-poiskovyh-zaprosov-yandeksa-kak.html">search query</a>. This tag is one of the most significant elements of relevance. When optimizing page text, search engines only value the TITLE tag more than the H1 tag.</p> <p>And to be more brief and specific, then <b>H1 tag is recommended to be used for page titles of our websites</b> and they must contain the key phrase for which this page is promoted. <br>Page relevance, along with , is one of the most significant indicators for winning search engine loyalty.</p> <h2>Rules for filling out the H1 header</h2> <p>For getting <a href="https://viws.ru/en/blog-o-fotografii-v-instagram-velikie-hudozhniki-pokazyvayut-tolko-luchshie.html">good result</a> When promoting website pages, you should follow the following rules for filling it out:</p> <ol><li>Each page must contain ONE H1 tag.</li> <li>The tag must contain one keyword for which the page is promoted.</li> <li>The H1 header content must be unique for each page.</li> <li>The H1 tag should not be a hyperlink.</li> <li>It is advisable that the tag does not contain classes, identifiers and other <a href="https://viws.ru/en/raspolozhenie-elementa-css-pozicionirovanie-elementov.html">CSS elements</a>, but was in a “naked” form.</li> <li>It is not recommended to use punctuation marks, commas, colons, etc. in the content.</li> <li>The tag size should not be more than two sentences, one is better.</li> </ol><p>In the html code, the page title should look like this:</p> <blockquote><p><h1>H1 tag is the page title</h1></p> </blockquote> <p>Most typical <a href="https://viws.ru/en/nebrezhnaya-i-netochnaya-atribuciya-snimkov-pokoryaem-fotobanki.html">gross mistakes</a> is the absence of an H1 tag on a page or the presence of more than one heading. Such errors are usually typical for section pages that list the articles included in those sections.</p> <p>Control of filling of the H1 tag throughout the site is carried out within the framework. There are many worthy tools for conducting such an audit. I will recommend you the service from Megaindex - <i>audit.megaindex.ru</i> .</p> <h2>H1 tag, application in WordPress</h2> <p><img src='https://i0.wp.com/inetmkt.ru/wp-content/uploads/2012/03/h1-wordpress.jpg' height="150" width="148" loading=lazy loading=lazy>The theory has been repeated and now let’s look at some <a href="https://viws.ru/en/kak-v-publichnoi-stranice-sdelat-shapku-oblozhka-dlya-gruppy-v.html">technical points</a> related and the use of the H1 tag on sites using <a href="https://viws.ru/en/kak-sozdat-temu-dlya-wordpress-samomu-uroki-s-video-faktov-i-plyusov-cms-wordpress.html">CMS WordPress</a>. Since most new bloggers use <a href="https://viws.ru/en/shablon-kompyuternaya-pomoshch-na-domu-vizitka-kompyuternoi-tematiki-v-retro.html">free templates</a>, then they may contain some shortcomings. <br>In particular, there are options when the page title is highlighted not with the H1 tag, but with another tag, most often it is H2.</p> <p>The same flaw showed up on my blog after I created it using the Artisteer program. When reviewing the HTML code, it was discovered that all page titles are displayed with the H2 tag.</p> <p>To fix this I had to edit the file <i>single.php</i>, this is what most templates call files that display information for each individual record. I will now demonstrate clearly how I did this. <br>In the body of the file <i>single.php</i> We are looking for the part of the code that displays the title. In my case it looked like this:</p> <blockquote><p><h2 class=»art-PostHeaderIcon-wrapper»><br> <span class=»art-PostHeader»><br> <?php the_title(); ?><br> </span><br> </h2 ></p> </blockquote> <p>Change the h2 tags highlighted in red to the required h1 and file <i>single.php</i> fixed and ready to use. It turned out that it was quite simple, I changed a couple of characters and it was done. Now this block looks like this:</p> <blockquote><p><h1 class=»art-PostHeaderIcon-wrapper»><br> <span class=»art-PostHeader»><br> <?php the_title(); ?><br> </span><br> </h1 ></p> </blockquote> <p>In your case, the expression may be of a slightly different type, but I hope you understand the meaning.</p> <p>I had to make similar changes to another theme file <i>page.php</i>, which is responsible for displaying blog pages. As you know, a blog on CMS WordPress contains posts and pages.</p> <p>The functions for creating and changing them are located in different sections of the blog administration, they are stored in different places and, accordingly, different software modules are responsible for their output.</p> <p>As a result, a piece of code in the file <i>page.php</i>, which displays the page title now looks like this:</p> <blockquote><p><h1 class=»art-PostHeaderIcon-wrapper»><br> <span class=»art-PostHeader»><a href=»<?php the_permalink() ?>» rel=»bookmark» title=»<?php printf(__(‘Permanent Link to %s’, ‘kubrick’), the_title_attribute(‘echo=0’)); ?>»> <br> <?php the_title(); ?><br> </a></span><br> </h1 ></p> </blockquote> <p>But that was not all, on my template I discovered that the H1 tag is used to display the title of the blog itself. And I had to decide whether to leave everything as is or to achieve the display of page titles with the H1 tag.</p> <p>After all, using two or more headings of this type on one page is not recommended. Search engines may regard this as over-optimization and draw appropriate conclusions.</p> <h2>H1 tag, WordPress template adjustment</h2> <p>In the end, I decided to correct this defect, especially since it did not bring much trouble. Now I will tell you about everything in detail.</p> <p>To do this, it was necessary to make amendments to only two files.</p> <p>First <i>header.php</i> is the blog header output file.</p> <p>Second <i>style.css</i>— blog style description file.</p> <h3>header.php changes</h3> <blockquote><p><div class=»art-Logo»><br> <h1 id=»name-text» class=»art-Logo-name»><br> <a href=»<?php echo get_option(‘home’); ?>/»><?php bloginfo(‘name’); ?></a></h1 ><br> <div id=»slogan-text» class=»art-Logo-text»><br> <?php bloginfo(‘description’); ?></div><br> </div></p> </blockquote> <p>We find in <i>header.php</i> a fragment that displays the blog title and change the h1 title tag (highlighted in red those characters that I change) to the p paragraph tag. As a result, we got the following code.</p> <blockquote><p><div class=»art-Logo»><br> <p id=»name-text» class=»art-Logo-name «><br> <a href=»<?php echo get_option(‘home’); ?>/»><?php bloginfo(‘name’); ?></a></p ><br> <div id=»slogan-text» class=»art-Logo-text»><br> <?php bloginfo(‘description’); ?></div><br> </div></p> </blockquote> <h3>Changes to style.css file</h3> <p>I have highlighted in blue the name of the css class, which we will have to correct in the file <i>style.css</i>, so that the font and display size of the blog title remains the same as before the changes. Next, open the styles file, search for the required class “art-Logo-name”, fragment below</p> <blockquote><p>h1 .art-Logo-name, h1 .art-Logo-name a, h1 .art-Logo-name a:link, h1 .art-Logo-name a:visited, h1 .art-Logo-name a:hover <br> {<br><br>font-size: 29px; <br>text-decoration: none; <br>padding:0; <br>margin:0; <br>color: #E0EDF0 !important; <br> }</p> </blockquote> <p>I change all h1 highlighted in red to p and get the result</p> <blockquote><p>p .art-Logo-name, p .art-Logo-name a, p .art-Logo-name a:link, p .art-Logo-name a:visited, p .art-Logo-name a:hover <br> {<br>font-family: Arial, Helvetica, Sans-Serif; <br>font-size: 29px; <br>text-decoration: none; <br>padding:0; <br>margin:0; <br>color: #E0EDF0 !important; <br> }</p> </blockquote> <p>That's basically all I wanted to tell you about the H1 tag, as one of the elements. <br>I will only note that I carried out all the work on <b>test subdomain</b>, so that visitors to my blog do not experience difficulties when problems arise that may arise from this kind of manipulation. And from the point of view of security and safety of the site’s functionality, this will be the right decision.</p> <p>In conclusion, I would like to invite you to look <a href="https://viws.ru/en/podklyuchenie-dvuh-wifi-routerov-nastroika-besprovodnogo-soedineniya.html">short video</a>, it is, however, voiced on <a href="https://viws.ru/en/angliiskii-razgovornyi-s-nositelem-yazyka-chat-boty-dlya-praktiki.html">English language</a>, but everything was clear to me, I hope it will be easy for you to understand. This video complements the text of the article well and will be a good help for beginners or those who are not good at programming. Enjoy watching.</p> <p><span class="zgOuilSChgY"></span></p> <p>Let me finish here and wish you success.</p> <p>Should H1 and TITLE be the same or should they be different? A long-standing question that always arises at every meeting where there are SEO specialists. It's hard to say where he came from. Perhaps due to the discrepancy between search engine recommendations and examples in the TOP10.</p> <p>Arguments for <a href="https://viws.ru/en/kak-v-instagramme-dobavit-teg-video-s-raznymi-scenami-kak.html">different tags</a> title and H1: they say, the search engine will “think” that we want to strengthen the meaning of the keyword by double use, for which it will definitely punish :) <br>Arguments for the same tags: a quote in Yandex help for webmasters.</p> <blockquote> <p>In order for the robot analyzing your site to be able to correctly highlight the most important sections and key pages, you need to... text in <a href="https://viws.ru/en/teg-title-nazvanie-stranicy-teg-title-zagolovok-stranicy.html">tag TITLE</a> For <a href="https://viws.ru/en/kak-povysit-gruppu-vk-v-poiske-kstati-esli-vas-interesuet-poshagovyi.html">key pages</a> coincided with its name (with the page title, highlighted, for example, with an H1 tag) and with the texts of links pointing to this page.</p> </blockquote> <p>How do you actually make them the same or different? By <a href="https://viws.ru/en/kak-uznat-kakimi-virusami-porazhen-moi-telefon-zachem-sozdayut-virus-dlya.html">by and large</a>- doesn't matter. But there are a few things to consider.</p> <h2>— H1 and TITLE must intersect</h2> <p>If the title is about one thing, and the H1 is about another, then it will be more difficult for the search to determine which keywords the page is relevant to, and users will also be at a loss. Also, these sections of code help search engines form special elements in the snippet, such as <a href="https://viws.ru/en/hlebnye-kroshki-breadcrumbs-kak-dobavit-hlebnye-kroshki-na-blog-plaginom-chto.html">bread crumbs</a> or <a href="https://viws.ru/en/kak-zapisat-potokovyi-zvuk-iz-onlain-rukovodstvo-po-bystromu-vyboru.html">quick links</a>. In other words, there is no need to make TITLE and H1 completely different. Let's look at some examples (just as a demonstration, without <a href="https://viws.ru/en/udalennoe-vklyuchenie-udalennogo-rabochego-stola-rdp-cherez-regedit-i-komandnuyu.html">preliminary analysis</a> semantics).</p> <p>The site is a salon <a href="https://viws.ru/en/primery-lendingov-mebelnoi-tematiki-landing-page-po-prodazhe-italyanskoi.html">Italian furniture</a> in Moscow. Basic <a href="https://viws.ru/en/chastotnost-poiskovyh-zaprosov-yandeks-podbor-klyuchevyh-poiskovyh-slov.html">key queries</a>: Italian furniture salon, 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 an optimal option, since there are no promoted keywords in the H1 at all. The greeting can be written in text.</p> <p><b>H1:</b> Exclusive furniture from Italy <br>It’s already better, since the tags intersect using 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>A normal header for the main request, nothing extra.</p> <p>As you can see, there is no point in making H1 and TITLE completely identical, but they should 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>The user often sees TITLE before going to the site. H1 is already visible when it is on the page. In this regard, it is better to make H1 short and maximally describing the essence <a href="https://viws.ru/en/vidy-posadochnyh-stranic-informacionnaya-posadochnaya-stranica.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 (transfer). Otherwise, you can optimize text relevance, but not optimize conversion to clicks and, accordingly, not receive all the traffic.</p> <p>For example, the radio-controlled helicopters section on the website. <br><b>H1:</b> Radio controlled helicopters (logical) <br><b>TITLE:</b> Buy <a href="https://viws.ru/en/letuchaya-kamera-radioupravlyaemye-vertolety-s-videokameroi.html">radio controlled helicopters</a> with delivery throughout Moscow</p> <p>Here the word “buy” calls for action, and “delivery in Moscow” removes a number of questions before clicking.</p> <p>Information topic: how to weave bracelets from rubber bands <br><b>H1:</b> How to weave bracelets from rubber bands on a machine <br><b>TITLE:</b> Rubber band bracelets: <a href="https://viws.ru/en/nastroika-pochty-na-android---poshagovaya-instrukciya-poshagovaya-instrukciya-kak.html">step by step instructions</a> and weaving patterns with photos and videos</p> <p>“Step-by-step instructions and diagrams” not only expand the semantics, but also increase the likelihood of a click on the title. A person who searches for “how to weave” just means step-by-step instructions with photos, but may not include this in their request.</p> <h2>— TITLE is catching up on social networks</h2> <p>If the code is not further customized, then when users share a page on a social network, the title is taken from the title. If it is spam, then this prevents both the transition from social networks and sharing in principle. If it’s just short like H1, then this is also a bad option.</p> <p>This point is most relevant for information and news projects. But some of them only work on social networks, so take an example from headlines like “This woman could no longer look at herself in the mirror. And this is what she did…” is not always correct for SEO. Just remember when composing titles that they may end up as headlines on social networks.</p> <h2>— TITLE may contain additional key phrases</h2> <p>To promote the page not only for selected mid-frequency phrases, but also for adjacent ones, as well as a large pool of low-frequency phrases, you can add some words from the core family to the title. Accordingly, this will distinguish it from the H1 tag.</p> <p>For example, we have a pool of requests: installation of bitumen shingles, installation of flexible tiles, instructions for installing tiles, technology for installing tiles, technology for laying bitumen shingles, laying bitumen shingles, installation of flexible tiles video, etc., etc.</p> <p><b>H1:</b> Installation instructions for flexible bitumen shingles <br><b>TITLE:</b> Installation of flexible tiles, laying technology. Price, video</p> <p>Here the title and H1 are completely different, intersecting only with some words (installation, bitumen, shingles). There is no point in inserting all the words from the core into the title or into the H1, it will look spammy, but dividing the words into code sections (including other headings) is a good strategy.</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="comment_box" id="comments"> </div> </div> <div id="sidebar"> <div class="widget widget_nav_menu" id="nav_menu-2"> <div class="menu-mainmenu-container"> <ul id="menu-mainmenu-2" class="menu"> <li class="submenu"><a href="https://viws.ru/en/category/internet/">Internet</a> </li> <li class="submenu"><a href="https://viws.ru/en/category/programs/">Programs</a> </li> <li class="submenu"><a href="https://viws.ru/en/category/instructions/">Instructions</a> </li> <li class="submenu"><a href="https://viws.ru/en/category/browsers/">Browsers</a> </li> <li class="submenu"><a href="https://viws.ru/en/category/windows-10/">Windows 10</a> </li> <li class="submenu"><a href="https://viws.ru/en/category/android/">Android</a> </li> <li class="submenu"><a href="https://viws.ru/en/category/ios/">iOS</a> </li> <li class="submenu"><a href="https://viws.ru/en/category/communication/">Connection</a> </li> </ul> </div> </div> <div class="widget"> <div class="heading star">The last notes</div> <div class="popular_posts"> <div class="news_box"> <a href="https://viws.ru/en/android-prilozhenie-satfinder-programma-dlya-poiska-sputnikov-s.html" class="thumb"><img width="95" height="95" src="/uploads/3c665d537dc22d492b618fb5adc5795e.jpg" class="attachment-mini size-mini wp-post-image" alt="Program for finding satellites using your phone" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a> <div class="element"> <div class="title"> <a href="https://viws.ru/en/android-prilozhenie-satfinder-programma-dlya-poiska-sputnikov-s.html">Program for finding satellites using your phone</a> </div> </div> </div> <div class="news_box"> <a href="https://viws.ru/en/oshibki-v-rabote-play-market-i-ih-reshenie-ustranenie-oshibok-s-kodom-v-play-market.html" class="thumb"><img width="95" height="95" src="/uploads/739136ab85ccbfe49c49f4441504d647.jpg" class="attachment-mini size-mini wp-post-image" alt="Troubleshooting errors with code in the Play Market: causes, instructions What does error 907 mean?" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a> <div class="element"> <div class="title"> <a href="https://viws.ru/en/oshibki-v-rabote-play-market-i-ih-reshenie-ustranenie-oshibok-s-kodom-v-play-market.html">Troubleshooting errors with code in the Play Market: causes, instructions What does error 907 mean?</a> </div> </div> </div> <div class="news_box"> <a href="https://viws.ru/en/programmnoe-obespechenie-programmnyi-kompleks-poligon-kadastrovyi.html" class="thumb"><img width="95" height="95" src="/uploads/5096b1a1ebfa52ad8198d047bcfad8f2.jpg" class="attachment-mini size-mini wp-post-image" alt="Software package"Полигон: Кадастровый инженер" Программа для обучения кадастровых инженеров" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a> <div class="element"> <div class="title"> <a href="https://viws.ru/en/programmnoe-obespechenie-programmnyi-kompleks-poligon-kadastrovyi.html">Software package "Polygon: Cadastral Engineer" Program for training cadastral engineers</a> </div> </div> </div> <div class="news_box"> <a href="https://viws.ru/en/ne-pokazyvaet-demonstraciyu-ekrana-v-skaipe-kakie-vozmozhnosti-dostupny-v.html" class="thumb"><img width="95" height="95" src="/uploads/48da642f351fb209e4e3892a8a47479d.jpg" class="attachment-mini size-mini wp-post-image" alt="What features are available in Skype calls?" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a> <div class="element"> <div class="title"> <a href="https://viws.ru/en/ne-pokazyvaet-demonstraciyu-ekrana-v-skaipe-kakie-vozmozhnosti-dostupny-v.html">What features are available in Skype calls?</a> </div> </div> </div> <div class="news_box"> <a href="https://viws.ru/en/ne-podklyuchaetsya-k-dota-2.html" class="thumb"><img width="95" height="95" src="/uploads/8f9ebdd4a2b1d0efeb6df2c2ec3e4cb4.jpg" class="attachment-mini size-mini wp-post-image" alt="Doesn't connect to Dota 2" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a> <div class="element"> <div class="title"> <a href="https://viws.ru/en/ne-podklyuchaetsya-k-dota-2.html">Doesn't connect to Dota 2</a> </div> </div> </div> </div> </div> <div class="widget"> <div class="heading star">Popular</div> <div class="popular_posts"> <div class="news_box"> <a href="https://viws.ru/en/lichnyi-kabinet-oao-tatenergosbyt-dobro-pozhalovat-v-lichnyi-kabinet-vhod-v.html" class="thumb"><img width="95" height="95" src="/uploads/0b3d80daaf734d8e094e6c7fb7b058a3.jpg" class="attachment-mini size-mini wp-post-image" alt="Welcome to "Personal Account"" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a> <div class="element"> <div class="title"> <a href="https://viws.ru/en/lichnyi-kabinet-oao-tatenergosbyt-dobro-pozhalovat-v-lichnyi-kabinet-vhod-v.html">Welcome to "Personal Account"</a> </div> </div> </div> <div class="news_box"> <a href="https://viws.ru/en/ne-zapuskaetsya-konsol-servera-1s-8-3-administrirovanie-serverov1s.html" class="thumb"><img width="95" height="95" src="/uploads/d88eaf0a9090b9c3532508a1dcfd24bd.jpg" class="attachment-mini size-mini wp-post-image" alt="The 1s 8 server console does not start" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a> <div class="element"> <div class="title"> <a href="https://viws.ru/en/ne-zapuskaetsya-konsol-servera-1s-8-3-administrirovanie-serverov1s.html">The 1s 8 server console does not start</a> </div> </div> </div> <div class="news_box"> <a href="https://viws.ru/en/vidy-oshibok-v-szv-m-kak-rasshifrovat-kody-i-ispravit-oshibki-chastye-oshibki-v.html" class="thumb"><img width="95" height="95" src="/uploads/013dd44c9713fafad38249958390334d.jpg" class="attachment-mini size-mini wp-post-image" alt="Common mistakes in sv-m and how to correct them Gross error 50 sv-m" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a> <div class="element"> <div class="title"> <a href="https://viws.ru/en/vidy-oshibok-v-szv-m-kak-rasshifrovat-kody-i-ispravit-oshibki-chastye-oshibki-v.html">Common mistakes in sv-m and how to correct them Gross error 50 sv-m</a> </div> </div> </div> </div> </div> <div class="widget"> <div class="heading">News</div> <div class="business_news"> <div class="news"> <div class="date">2024-04-18 01:41:17</div> <a href="https://viws.ru/en/excel-snyat-zashchitu-ot-zapisi-kak-snyat-parol-v-excel-tri-rabochih-sposoba.html" class="title">How to remove password in Excel?</a> </div> <div class="news"> <div class="date">2024-04-18 01:41:17</div> <a href="https://viws.ru/en/kak-udalit-programmu-v-windows-kak-udalit-programmu-v-windows-kak-udalit.html" class="title">How to remove a program in Windows How to remove a program from a Windows 8 computer</a> </div> <div class="news"> <div class="date">2024-04-18 01:41:17</div> <a href="https://viws.ru/en/adres-elektronnoi-pochty-icloud-chto-takoe-icloud-i-kak-im-polzovatsya-na-iphone-ipad-i-mac-sozdan.html" class="title">What is iCloud and how to use it on iPhone, iPad and Mac</a> </div> <div class="news"> <div class="date">2024-04-17 01:43:25</div> <a href="https://viws.ru/en/kak-rasprostranit-informaciyu-metody-rasprostraneniya-informacii-v.html" class="title">Methods of disseminating information on the Internet Methods of disseminating information on the Internet</a> </div> <div class="news"> <div class="date">2024-04-17 01:43:25</div> <a href="https://viws.ru/en/ne-mogu-ustanovit-licenzionnyi-klyuch-na-noutbuk-kak-uznat.html" class="title">How to find out the Windows operating system activation key</a> </div> </div> </div> <div class="widget ai_widget" id="ai_widget-5"> <div class='dynamic dynamic-13' style='margin: 8px 0; clear: both;'> </div> </div> </div> </div> </div> </div> <div id="footer"> <div class="fixed"> <div class="inner"> <div class="footer_l"> <a href="https://viws.ru/en/" class="logo" style="background:none;">viws.ru</a> <div class="copyright"> <p>viws.ru - All about modern technology. Breakdowns, social networks, internet, viruses</p> <p><span>2024 - All rights reserved</span></p> </div> </div> <div class="footer_c"> <ul id="menu-topmenu-1" class="nav"> <li><a href="https://viws.ru/en/feedback.html">Contacts</a></li> <li><a href="">About the site</a></li> <li><a href="">Advertising on the website</a></li> </ul> <div class="footer_menu"> <ul id="menu-nizhnee-1" class=""> <li id="menu-item-"><a href="https://viws.ru/en/category/internet/">Internet</a></li> <li id="menu-item-"><a href="https://viws.ru/en/category/programs/">Programs</a></li> <li id="menu-item-"><a href="https://viws.ru/en/category/instructions/">Instructions</a></li> <li id="menu-item-"><a href="https://viws.ru/en/category/browsers/">Browsers</a></li> </ul> <ul id="menu-nizhnee-2" class=""> <li id="menu-item-"><a href="https://viws.ru/en/category/internet/">Internet</a></li> <li id="menu-item-"><a href="https://viws.ru/en/category/programs/">Programs</a></li> <li id="menu-item-"><a href="https://viws.ru/en/category/instructions/">Instructions</a></li> <li id="menu-item-"><a href="https://viws.ru/en/category/browsers/">Browsers</a></li> </ul> </div> </div> </div> </div> </div> </div> <script type="text/javascript">jQuery(function($) { $(document).on("click", ".pseudo-link", function(){ window.open($(this).data("uri")); } );} );</script> <script type='text/javascript' src='https://viws.ru/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.9.2'></script> <script type='text/javascript' src='https://viws.ru/wp-content/plugins/table-of-contents-plus/front.min.js?ver=1509'></script> <script type='text/javascript' src='https://viws.ru/wp-content/themes/delo/assets/scripts/theme.js'></script> <script type='text/javascript'> var q2w3_sidebar_options = new Array(); q2w3_sidebar_options[0] = { "sidebar" : "sidebar", "margin_top" : 60, "margin_bottom" : 200, "stop_id" : "", "screen_max_width" : 0, "screen_max_height" : 0, "width_inherit" : false, "refresh_interval" : 1500, "window_load_hook" : false, "disable_mo_api" : false, "widgets" : ['text-8','ai_widget-5'] } ; </script> <script type='text/javascript' src='https://viws.ru/wp-content/plugins/q2w3-fixed-widget/js/q2w3-fixed-widget.min.js?ver=5.0.4'></script> <script async="async" type='text/javascript' src='https://viws.ru/wp-content/plugins/akismet/_inc/form.js?ver=4.0.1'></script> </body> </html>