Seo-секрети seo-заголовків в тегах h1, h2 ... -h6, блог seo дилетанта
Привіт, дорогі Новомосковсктелі. Сьогодні хочу приділити особливу увагу темі заголовків в тегах h1 h2 - h6, тому що найближчим часом планую (як і обіцяла) кілька практичних статей з редагування заголовків в шаблонах. Але перш, ніж освоювати щось на практиці, я вважаю, потрібно нехай не знати, але розуміти теорію. Давайте з самого початку визначимося з поняттями, з тим, що таке заголовок в HTML документах, заголовок на сайті, сторінці.
Всі ми з вами знаємо українську мову, і що стосується загальноприйнятого поняття заголовок - питань бути не повинно. Тема - це те слово або фраза, яка узагальнює весь сенс якогось тексту, інформації, які йдуть після нього.
Як будь-яка книга починається з заголовка, так і будь-який документ в інтернеті має свій заголовок.
Але якщо ми, відкриваючи книгу, розуміємо, що ось ця фраза є заголовком, тому що має більш великий або жирний шрифт, то на інтернет сторінках діють трохи свої правила. В інтернеті слово заголовок має кілька значень і застосовується в різних цілях. Тому, необхідно знати і розуміти, про який саме заголовку йдеться, і що саме вам потрібно.
Перше і найголовніше, в чому ми повинні розібратися, це в тому, що в HTML документі є три різних поняття заголовка.
Будь-який документ включає в себе три основних HTML тега:
Тут знаходиться технічна інформація про документ +
заголовок сторінки в тегах
заголовок сторінки Тут знаходиться основний вміст сайту, статті, які мають заголовки в тегах:
заголовок статті
підзаголовок статті
Інші блоки з інформацією
Інші блоки з інформацією
Інші блоки з інформацією
Отже, з коду вище, ми бачимо, що HTML документ має свій заголовок
, в якому розташовується технічна інформація, тут же знаходяться і мета-теги, і один з найважливіших тегів в seo -
, який містить в собі заголовок сторінки. Саме цей заголовок бачить кожен користувач на вкладці браузера. Цей заголовок не має прямого відношення до заголовків, які знаходяться в тілі <body> документа, але між ними є тісний взаємозв'язок.</p>
<p>Другий за значимістю тег в seo - і є тег заголовка <h>.</p>
<p>Саме він ньому далі піде мова.</p>
<p>З одного боку, тег, як би один <h>, але з іншого боку, їх шість і всі вони пронумеровані в порядку своєї значущості, і що дуже важливо, не просто значимість, а ще й ієрархія. Ось з цього моменту починається саме заплутане і незрозуміле - як визначити значимість, що є більш значущим, а що ні?</p>
<p>Давайте просто міркувати логічно. Ось у нас головна сторінка на сайті. Як правило, головна сторінка відображає всю тематику сайту в цілому. І в ідеальному варіанті - назва сайту так само має відображати всю тематику сайту. Значить, назва сайту має бути заголовком, причому, найголовнішим заголовком, тобто в тезі:</p>
<p>Далі, не обов'язково, але як правило, на головній сторінці має бути якесь звернення до відвідувача, і в ідеальній ситуації, це звернення має включати в себе заголовок, який в свою чергу повинен містити в собі тематику сайту (ключове слово, що відбиває тематику сайту). Значить, цей заголовок повинен бути в тезі:</p>
<p><h2>Заголовок статті-звернення до відвідувача</h2>.</p>
<p>Далі, в цій статті-зверненні може (а я наполягаю на тому, що має) бути підзаголовок, які ще більше розкриває всі аспекти тематики сайту. Так само включає в себе якісь ключові слова, які можуть бути або повинні бути близькі до назви сайту або заголовка статті. Такий підзаголовок повинен бути в тезі:</p>
<p>Давайте уявимо таку сторінку.</p>
<p>Ось таким чином ми розподіляємо теги заголовків. Варто зауважити, що якщо замість заголовка ви використовуєте картинку-банер, то оформляти його в тег заголовка не потрібно.</p>
<p>Залишаються два важливих питання:</p>
<p>Як використовувати інші теги - 4, 5, 6</p><p>І потрібно / можна використовувати теги заголовків в меню / сайдбарі?</p>
<p>На перше питання відповідаю, що використовувати саме все теги заголовків не обов'язково.</p>
<p>На друге питання однозначної відповіді немає. Але я маю таку думку, що якщо в сайдбарі є такий інформаційний блок, в якому знаходиться інформація про сайт, інформація, яка відображає тематику сайту, то необхідно такі блоки оформляти тегами заголовка.</p>
<p>Наприклад, це може бути блок: Цікаві статті про seo. У заголовку такого блоку знаходиться ключове слово, яке відображає тематику всього проекту. Тому такий блок варто оформити в заголовок <h4>.</p>
<p>Тут може виникнути таке питання: А чому його не оформити в більш високого рангу тег? Відповідь так само можна спробувати отримати логічним шляхом.</p>
<p>Перше. що ми повинні знати - це, як пошуковий робот сканує сторінки, можете прочитати про це статтю Пошуковий робот.</p>
<p>Як правило (підкреслюю, як правило), сучасна верстка сайту має таку структуру:</p>
<p>Тобто саме в такому порядку пошуковий робот бачить всю інформацію на сторінці.</p>
<p>Друге. що ми повинні знати - все теги заголовків мають свою ієрархію (про це писала вище), і не допустимо, щоб тег третього порядку був вище тега другого порядку.</p>
<p>Здавалося б, на всі питання відповіли, і тема повинна бути вичерпана, але не все так просто. Справа в тому, що, як правило, внутрішні сторінки відрізняються від головної, при цьому, так само важливо, щоб вони теж були добре оптимізовані, щоб ми отримували з них трафік з пошукових систем. Тому, для них дуже бажано застосовувати свою ієрархію заголовків.</p>
<p>Тобто вже заголовок сайту не має такого важливого значення, як заголовок статті (може, мій приклад, не самий наочний, тому що скрізь присутній слово "просування"). Така розстановка заголовків значно покращує ранжування сторінок в пошукових системах, тим самим збільшуючи переходи користувачів з них.</p>
<p>Вище я написала, що це бажано. але не треба битися головою об стінку, якщо це неможливо зробити. Платформи, шаблони і знання у всіх різні, і якщо не виходить, то краще сконцентруватися на чомусь іншому, направити свої дії на поліпшення того, що краще виходить. Адже успішне просування в пошукових системах залежить від сукупності цілого ряду факторів. Чим більше ми приділяємо увагу внутрішньої оптимізації, тим менше нам потрібна зовнішня. Якщо внутрішня вже вичерпала себе, то треба переключатися на зовнішню оптимізацію.</p>
<p>Наприклад, я давно збираюся поекспериментувати з шаблоном, і зробити саме так, як описала в статті, тому що вважаю це найоптимальнішим варіантом. Але я поки не так сильна в XML (для Blogger) і в PHP (для WordPress), щоб відразу збагнути, як для різних сторінок зробити різні заголовки. Але зате, після цієї статті у мене буде більше стимулу втілити свої ідеї на практиці, і я обов'язково розповім вам, як це у мене вийшло. Природно, не тільки розповім, але і поділюся.</p>
<p>Бажаю удачі у розвитку ваших блогів.</p>
<h3>Навігація по публікаціям</h3>
<p>А як ви думаєте: на блогах жіночої тематики можна все це здійснити? Адже на сайтах типу «лтдибр» важко визначити головні думки.</p>
<p>Юля, я вважаю, що здійснити це можна на блогах будь-якої тематики. Сенс не в тематиці, а в правильно оформленому сайті.<br>А ось якщо на блозі немає головних думок, то потрібно задуматися, а чи потрібен взагалі такий блог? ... І якщо потрібний, то яку користь він несе Новомосковсктелям? ...</p>
<p>Вважається що не можна використовувати тег h спільно з тегами акцентування, що думаєте з цього приводу?</p>
<p>Здавалося б, на всі питання відповіли, і тема повинна бути _счерпана, але не все так просто.<br>Буковки не вистачає.</p>
<p>Практики, схоже нуль ....</p>
<p>Так вийшло, що я нічого не думаю з цього приводу. Переді мною ніколи не стояло такого питання, тому що сучасна верстка повинна бути з використанням стилів (CSS), і я вважаю, зовнішній вигляд заголовків повинен повністю вирішуватися за рахунок них. А теги акцентування створені для того, щоб використовувати їх безпосередньо в тексті, тобто в тезі</p>
<p>Моя думка така.</p>
<p>Так Катя назва а не опис, неправильно написав ...</p>
<p>Тексти пісень для вас</p>
<p>Кращі рецепти світу кулінарії</p>
<p>коктейлі на будь-який смак!</p>
<p>Все це бредняк і загін.</p>
<p>Дивно - але на сайті мого конкурента два тега h1 - для лого і для назви статті і він в ТОПі вище мене. Хоча у мене все правильно!<br>Що скажете?</p>
<p>Він може бути в ТОПі з різних причин. Це не показник. І до того ж тепер варто враховувати стандарт HTML. У HTML5 можна використовувати кілька H1. Може у конкурента сайт зверстаний за цим стандартом.</p>
<p>Добрий день. Я веб-девелопер. До мене тільки що звернувся замовник який за сумісництвом є SEO. У списку правок по сайту було зазначено виправлення ієрархії заголовків в такому ключі:</p>
<p>Загалом все відповідає старим-добрим правилам форматування тексту. Однак я вирішив уточнити. Чи можливо така ієрархія на будь-якої зі сторінок.</p>
<p>h1 Супер сторінка h2 Поговоримо про заголовках h3 Зелені заговловкі h3 Червоні заголовки h3 Сині заголовки h2 Поговоримо про списках h3 Ненумерованний список h3 Нумерований список h3 Вкладений список h2 Інші елементи розмітки</p>
<p>На що отримав негативну відповідь. Це не відповідає вимогам сео оптимізації. Як аргумент отримав посилання на вашу статтю. Ось хотів поцікавитися чи згодні ви з колегою або він неправильно зрозумів вашу публікацію.</p>
<p>Мене просять в тестовому завданні підготувати метадані для сторінки. Тема, ключові слова і опис. Я правильно розумію, що заголовок мається на увазі, той який?</p>
<p>У вас не відображаються теги - той який в title?</p>
<p>Доброго дня, Сергію.<br> Так, в даному випадку мається на увазі заголовок в тезі title.</p>
<p>Добридень! Чи має важливість послідовне розташування тегів Н1 ... .Н3 по порядку в коді сторінки тобто У мене в коді сайту<br> 1. Н1<br> 2. Н3<br> 3. Н2</p></div>
<div class="extra">
<div class="clear"></div>
</div>
</article>
</div>
</div>
</div>
</div>
<div id="sidebar" class="col-1-3">
<div class="wrap-col">
<div class="box">
<div class="content">
<ul>
<li><a href="/articles/na-chomu-trimaetsja-svit-v-rodini.html">На чому тримається світ в родині</a></li>
<li><a href="/articles/krok-1-j.html">Крок 1-й</a></li>
<li><a href="/articles/dumka-eksperta-suspilstvo-ne-hoche-viznavati-shho.html">Думка експерта суспільство не хоче визнавати, що майбутнє</a></li>
<li><a href="/articles/u-kogo-shho-e-larisa-ljutin.html">У кого що є (лариса Лютін)</a></li>
<li><a href="/articles/misto-jurev-zasnovanij-v-hi-stolitti-ja.html">Місто юрьев, заснований в хi столітті (я</a></li>
<li><a href="/articles/rukodillja-z-nulja-na-prodazh.html">Рукоділля з нуля на продаж</a></li>
<li><a href="/articles/vlastivist-list-style-oformlennja-spiskiv.html">Властивість list-style оформлення списків</a></li>
<li><a href="/articles/innovacii-v-roboti-sluzhbi-hauskiping.html">Інновації в роботі служби хаускіпінг</a></li>
<li><a href="/articles/statti-jak-vibrati-zabirnu-sitku-v-pvh-ooo-centr.html">Статті як вибрати забірну сітку в пвх, ооо «центр Будпластик»</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<footer>
<div class="wrap-footer pominodiko">
<div class="row">
<div class="col-1-1">
<div class="wrap-col">
<div class="box">
<div class="content">
<ul>
<li><a href="/articles/jak-stati-krasivoju-i-zdorovoju-7-pomilok.html">Як стати красивою і здоровою 7 помилок</a></li>
<li><a href="/articles/stabilnij-popit-ce.html">Стабільний попит - це</a></li>
<li><a href="/articles/pidsvichuvannja-pidstakannikiv-svoimi-rukami.html">Підсвічування підстаканників своїми руками</a></li>
<li><a href="/articles/lekcija-nevidkladni-stani-v-ambulatornij.html">Лекція невідкладні стани в амбулаторній стоматологічній практиці</a></li>
<li><a href="/articles/skruchujutsja-listja-u-pomidoriv-shho-robiti-i.html">Скручуються листя у помідорів що робити і чим лікувати</a></li>
<li><a href="/articles/ocilindrovannoe-strugana-okorennoj-kolodu-abo.html">Оцилиндрованное, стругана, окоренной колоду або лафет</a></li>
<li><a href="/articles/likuvannja-angini-jodom-chi-efektivno.html">Лікування ангіни йодом чи ефективно</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="copyright">
<p>Copyright © 2026</p>
<ul>
<li><a href="/articles/chomu-same-navesni-choloviki-legko-zakohujutsja.html">Чому саме навесні чоловіки легко закохуються</a></li>
<li><a href="/articles/derev-jani-dvopoverhovi-budinki-z-brusa.html">Дерев’яні двоповерхові будинки з бруса</a></li>
<li><a href="/articles/koljaska-dlja-sobak-rozkish-chi-neobhidnist.html">Коляска для собак - розкіш чи необхідність - обладнання та аксесуари</a></li>
<li><a href="/articles/arhitekturno-hudozhne-opis-fasadu-budivli-ostrarch.html">Архітектурно-художнє опис фасаду будівлі - #ostrarch</a></li>
<li><a href="/articles/v-jake-konsulstvo-zvertatisja-za-vizoju-jakshho.html">В яке консульство звертатися за візою, якщо їдете в декілька країн шенгену, попутно</a></li>
</ul>
</div>
</footer></div>
</body>
</html>