Всім привіт!
[Оновлено: нещодавно я написав свіжіший урок про , обов'язково ознайомтеся з ним також].
Тобто для того, щоб взяти текст у тег h1, нам потрібно:
- Виділити потрібний текст.
- Там, де задається форматування (див. картинку вище) натиснути на список, що випадає.
- Знайти пункт "Заголовок 1".
Аналогічно справи з тегами h2, h3, h4 і далі:
Правильні заголовки WordPress для грамотної SEO оптимізації
Тег h1 зазвичай використовують для заголовків. Тобто в ідеалі, як я вважаю, на сторінці посту тег h1 повинен зустрічати лише 1 раз. Скажу так: пошукові системи найбільшу вагу надають словам у тезі h1, потім у тегу h2, далі h3 і т.д. з спадної. А так як ми задаємо, використовуючи ключові слова(я, сподіваюся, правий? Ви ж так робите?), то ми просто зобов'язані дати заголовку сторінки або посту тег h1 (принаймні я так роблю).
Як дізнатися заголовок сторінки в тезі h1 чи ні?
Як бачите, заголовок статті у мене взятий у тег h1 (там ще заданий class=”title”, не звертайте на нього уваги). Якщо у Вас тут не варто h1, рекомендую змінити це. Для цього:
Тобто просто потрібно спочатку прописати
, а після
.
Тег h2
Тег h2 я використовую у статті зазвичай 1-2 рази. Чому? Тому що чим більше виділень h2, наприклад, то тим менша значимістьцього тегу для пошукових систем. Саме тому не варто зловживати тегами.
Але зауважте, використання тегів не тільки корисно для SEO оптимізації, але й покращує читабельність для ЖИВОГО читача Ви не тільки “втюхуйте” ключові слова, а робіть це красиво. Тобто розбавляйте ключові слова. Зауважте, наприклад, у цьому пості зустрічається h2 у цьому місці:
Як бачите цей заголовок входить одне з ключових слів уроку "заголовки WordPress"(Зверніть увагу, я сюди теж "впхнув" цей ключовик).
Тег h3
Тег h3 можна розумно використовувати під тегом h2. Краще не коштувати брат тексту в заголовок 3, якщо немає в пості тега h2. Тобто, бажано дотримуватися логічного ланцюжка. Наприклад, у цьому уроці слова “Тег h1”, “Тег h2” та “Тег h3” взяті в h3. Знову ж таки, вони є ключовими словами. Сподіваюся, Ви принцип зрозуміли…
Мітки h4, h5, h6
Теги h4, h5, h6 дуже рідко використовуються, зазвичай їх взагалі не використовую. Ними можна задати якісь специфічні стильові властивості. Наприклад, тег h4 робитиме всі літери великими, тег h5 змінюватиме колір тексту, обводитиме її рамкою тощо.
Щоб змінити ці властивості, достатньо відкрити файл style.css і, скориставшись пошуком, знайти там, наприклад, фразу "h1":
І вже там змінюєте властивості, застосувавши .
Друзі, не забувайте використовувати заголовки WordPress у своїх постах, пошукові системиВас дуже полюблять за це.
До скорої зустрічі!
Найчастіше веб-майстрів-початківців мучить питання, чому одні сайти ранжуються вище і обходять конкурентів у пошуковій видачі. Причиною цього можуть бути неправильно розставлені теги h1, h2...h6. Якщо ці теги розставлені неправильно, без урахування специфіки ресурсу, то пошукачам складніше отримати точну інформацію про статті та ключові слова, що містяться в ній.
Теги h1-h6 дозволяють виділити заголовки різних рівнів. Вони дають зрозуміти, які частини тексту більш точно відображають тему статті та забезпечують переваги ранжування.
Грамотне розміщення тегів дозволяє пошуковим системам більш точно відображати сторінку за запитами у видачі, що сприятливо позначається на позиції ресурсу:
Навіщо потрібні теги h1-h6?
У теги полягає назва сайту, заголовки та підзаголовки тексту:
У HTML теги заголовків позначаються h від англійської "header", що в перекладі означає " заголовок, шапка». Ось приклад того, як це виглядає:
Заголовок
Розміщення тегів заголовків повинно проводитись на кожній сторінці ресурсу. При цьому важливість заголовка буде заздрість від його цифри, чим вона менша, тим заголовок важливіше:
- найважливіші теги
- менш значущі теги...
- останні за важливістю теги
Однак ставитись до їх розміщення слід з обережністю. Неправильне використання може спричинити те, що ваш ресурс потрапить під санкції пошукових систем.
Синтаксис тегів h1-h6
Назва тексту
Підзаголовок 1
...
Підзаголовок 2
Підзаголовок 3.1
...
Підзаголовок 3_2
Підзаголовок 3
Найбільшою популярністю користуються теги h1 h2 h3.
Як правильно використовувати тег h1?
Ігноруючи тег h1, веб-майстри, позбавляють себе такої важливої переваги, як оптимізація контенту. На двигунах він часто прописується автоматично, проте не завжди, і цей факт слід враховувати.
HTML тег h1 – найзначніший у своєму роді. У нього містять назву сайту та заголовок статті. Однак не варто його плутати з тегом
(<span>заголовком сторінки</span>). Title відображається у браузері вгорі екрана з лівого боку в той момент, коли відкрито сторінку ресурсу. Title прописується у шапці сторінки між <head></head>, в той час, коли h1 -h6 вказуються в самому тілі сторінки і полягають в теги <body></body>.</p>
<p>На сторінці може бути лише один h1 тег. Якщо вказати кілька заголовків з тегом h1, пошукові системи можуть розцінити це як переспам, що в свою чергу загрожує баном:</p>
<p>Правила складання головного заголовка h1:</p>
<ul><li>У тезі повинні використовуватися ключові слова для просування сторінки;</li>
<li>Не варто робити заголовок h1 занадто об'ємним, досить кількох слів;</li>
<li>Текст заголовка має бути читабельним;</li>
<li>Мета тег h1 не повинна містити нічого, крім самого тексту. Якщо бажаєте його виділити, поставте коди поза тега;</li>
<li>Перед тим, як вручну прописувати h1, переконайтеся, що двигун не задає його автоматично;</li>
<li>Зміст h1 повинен відповідати тематиці, вказаній у title сторінці;</li>
<li>При складанні h1 обов'язково використовуйте ключову фразу, за якою просувається сторінка;</li>
<li>Зміст заголовка має бути унікальним, ємним та тематичним. Не варто робити h1 повною копією <a href="https://remzhuk.ru/uk/teg-title-chto-eto-takoe-i-kak-ego-pravilno-propisat-chto-takoe-teg-title/">тега Title</a>. Важливо, щоб на кожній сторінці ресурсу були прописані унікальні h1-h6, тому уникайте повторень;</li>
<li>Не можна перераховувати в заголовку ключові фрази через кому. Зміст h1 має бути зрозумілим не лише пошукачам, а й відвідувачам ресурсу.</li>
</ul><h3>Як правильно використовувати теги h2-h6?</h3>
<p>Крім h1 для розміщення заголовків, які ідентифікуються пошуковими системами, використовуються теги h2, h3, h4, h5, h6 і т.д.</p>
<h4>Тег h2</h4>
<p>Як правило, використовується для заголовків постів у стрічці, розміщеній на <a href="https://remzhuk.ru/uk/neobychnyi-redirekt-virus-v-dle-neobychnyi-redirekt-virus-v-dle-redirekt/">головній сторінці</a>або для підзаголовків у статті.</p>
<h4>Мітки h3, h4</h4>
<p>Найчастіше з їх допомогою виділяють назви підзаголовків, рубрик та віджетів у sidebar.</p>
<h4>Мітки h5, h6</h4>
<p>Призначені для більш дрібних елементів сторінок, які слід відокремити від решти тексту.</p>
<p>Розташування заголовків h1 - h6 в <a href="https://remzhuk.ru/uk/kak-sdelat-chtoby-rabotal-blyutus-na-noutbuke-sposoby/">різних версіях</a>двигунів може бути реалізована по-різному.</p>
<p>Правила розміщення h2-h6:</p>
<ul><li>Структура заголовків. Повинна бути дотримана ієрархія заголовків;</li>
<li>Розмір шрифту. Чим нижчий рівень заголовка, тим дрібніший шрифт. Редагування шрифтів виконується у стилях. Але, як правило, шрифти мають <a href="https://remzhuk.ru/uk/kak-vstavlyaetsya-simka-v-samsung-ustanovka-simk-karty-na-samsung-galaxy-s7-kakoi/">правильні розміри</a>за замовчуванням;</li>
<li>Не допускається застосування тегів заголовків разом із іншими тегами акцентування. У заголовках рекомендується використовувати ключові слова, за якими ця сторінка просуватиметься у пошуку;</li>
<li>На відміну від h1, теги h2-h6 можуть бути прописані на сторінці кілька разів.</li>
</ul><p><body>
<h1>Я головний в ієрархії заголовків</h1>
<h2>Мої діти</h2>
<h3>Мої онуки</h3>
<h3>Мої онуки</h3>
<h3>Мої онуки</h3>
<h2>Мої діти</h2>
<h3>Мої онуки</h3>
<h3>Мої онуки</h3>
<h3>Мої онуки</h3>
<h4>Мої правнуки</h4>
<h4>Мої правнуки</h4>
<h4>Мої правнуки</h4>
</body></p>
<ul><li>Не повинно бути ніякого спаму;</li>
<li>Складання тексту h1 - h6 має проводитися з використанням синонімів та з урахуванням правил морфології;</li>
<li>Основні ключові запити краще розмістити ближче до початку заголовка;</li>
<li>Ключові фрази, прописані у заголовках, мають зустрічатися у тексті сторінки;</li>
<li>Теги h1-h6 повинні бути короткими, ємними та інформативними:</li>
</ul>
<p>Для того щоб сайт потрапив на перші місця <a href="https://remzhuk.ru/uk/istoriya-razvitiya-sistem-poiska-informacii-poiskovye-sistemy-raznye-vidy/">пошукової видачі</a>та отримав трафік із пошукових систем, його необхідно оптимізувати. Саме оптимізація, а не створення сайту є найважчим етапом. Якщо створюється сайт одночасно, процес оптимізації його йде постійно. Починають, як правило, з внутрішньої оптимізації сайту, оскільки вона має певну кількість кінцевих етапів. Втім, цих етапів багато, тому краще зосередиться на описі тих, які найрідко застосовуються вебмайстрами через свою невідомість або складність. Одним із незаслужено недооцінених етапів оптимізації є <b>розміщення заголовків h1-h6</b>. Як показує практика, значна частка вебмайстрів навіть не знає, навіщо потрібні ці заголовки, а використовують правильно їх і зовсім одиниці. Власне, про них ми у цій статті й поговоримо.</p>
<p>Заголовки h1-h6 призначені для виділення певних текстових сегментів сторінки, що містять ключові слова або фрази, які можуть допомогти пошуковій системі розпізнати тематику та тему контенту сторінки. Функції заголовків схожі з функціями мета-тегів і доповнюють їх, однак, як уже говорилося вище, використовуються дуже рідко, тоді як мета-теги ставлять багато вебмайстрів. Теги h1-h6 можна розпізнати на сторінці візуально, оскільки вони виділяють елементи «тіла» сторінки, тега body. Це також відрізняє їх від мета-тегів. Ще одна тонка відмінність функцій тегів h від мета-тегів у тому, що вони мають внутрішню ієрархію, за допомогою якої можна побудувати ієрархію використаних на сторінці ключових слів, надавши одним більшого, а іншим меншого значення, якщо це потрібно.</p>
<p>Існує класична модель розміщення заголовків, яка використовується в багатьох CMS за умовчанням, наприклад, у багатьох <a href="https://remzhuk.ru/uk/kupit-shablon-lendinga-wordpress-shablony-landing-page-predlagaem-odnostranichnye/">шаблони WordPress</a>. Вона найбільше підходить звичайнісіньким сайтам. Виглядає вона приблизно так:</p>
<ul><li><h1>Заголовок сайту</h1> —</li>
<li><h2>Заголовок сторінки (матеріалу)</h2></li>
<li><h3>Підзаголовки сторінки (матеріалу)</h3></li>
<li><h4>Заголовки елементів навігації</h4></li>
</ul><p>Однак недоліки цієї моделі видно неозброєним оком. По-перше, далеко не завжди заголовок сайту несе якесь смислове навантаження, він не завжди містить ключові слова. По-друге, заголовки елементів навігації практично ніколи не потрібно виділяти цими тегами. Для багатьох видів сайтів, особливо для блогів, доцільніше виділяти тегом h1 не заголовок сайту, а назва сторінки (заголовок статті), оскільки він більш інформативний і краще відображає тематику та тему контенту сторінки. Тоді тегами h2 можна виділити підзаголовки статті (матеріалу), тегами h3 найважливіші ключові слова статті і т.д. Можна використовувати й інші варіації, головне зрозуміти зміст: заголовки від h1 до h6 по знижується повинні відображати важливість тих чи інших слів чи фраз розуміння тематики контенту сторінки.</p>
<h2>Правила використання h1-h6 на сторінках сайту</h2>
<p>Існує ряд суто технічних правил використання заголовків h1-h6, виконання яких суворо обов'язково, а порушення в кращому випадку зведе нанівець весь їхній ефект. Перерахуємо їх нижче:</p>
<ol><li>Структура заголовків. При розстановці заголовків необхідно дотримуватися їхньої ієрархії. Тобто, чим вищий рівень заголовка (менший номер) – тим вищий він повинен знаходитись на сторінці (вихідній) <a href="https://remzhuk.ru/uk/kod-formirovaniya-tablic-v-html-primer-primenenie-tega/">html коді</a>). Звичайно, завжди однозначно дотриматися цього правила не виходить, хоча б тому, що заголовки всіх рівнів, крім першого, можуть застосовуватися кілька разів на сторінці. Головне, щоб заголовок h1 знаходився вище за інших на сторінці, а h2 під h1, але також вище за всіх інших.</li>
<li>Розміри шрифтів заголовків. Чим вище рівень заголовка – тим більше має бути розмір його шрифту. Логічно, що найбільшим на сторінці має бути заголовок h1, а найменшим – h6.</li>
<li>Ключові слова та фрази в заголовках. Кожен заголовок h повинен містити ті чи інші за важливістю ключові слова чи фрази. Оскільки ці заголовки акцентують увагу пошукових систем на певних елементах сторінки, не допускається, щоб акцентування відбувалося на «порожні» слова. Краще взагалі не використовувати зайві заголовки, якщо їх нікуди застосувати, ніж виділяти ними будь-що.</li>
<li>Сумісність. Теги h не можна використовувати спільно з будь-якими іншими тегами, особливо тегами акцентування, такими як <b>та іншими.</li>
<li>Вміст тегів h. Теги h1-h6 не повинні містити нічого, крім тексту. Не допускається укладання посилань, зображень та інших сторонніх елементів сторінки.</li>
<li>Заголовок h1 використовується на кожній сторінці лише один раз. Це найголовніше правило.</li>
</ol><p>Наявність даних заголовків на сторінці не є обов'язковим, так само, як не є обов'язковим наявність обов'язково всіх рівнів заголовків. У більшості випадків більш ніж достатньо використання перших трьох рівнів, інші можуть лише нашкодити, акцентуючи увагу на незначних елементах сторінки. Цей етап оптимізації не забирає багато часу. Розташування заголовків у <a href="https://remzhuk.ru/uk/realizaciya-sistemy-sovremennye-problemy-nauki-i-obrazovaniya-algoritmy/">сучасних системах</a> CMS легко автоматизувати, і одного разу проробивши цей процес, можна заощадити багато часу в майбутньому.</p>
<p>Грамотний підбір і розстановка заголовків H1 і H2 при оптимізації текстів на сторінках сайту, що просуваються - важливий етап seo робіт. У цьому матеріалі ми розповімо про те, що таке заголовки H1 та H2, яку роль вони грають, а також навчимо правильно використовувати їх для досягнення найкращого результату.</p><h2>Що таке заголовки H1 та H2?</h2><p>Заголовками називаються слова, словосполучення або фрази, що узагальнюють зміст інформації, що настає після них. Нам зовсім необов'язково перечитувати весь текст статті у журналі чи газеті, щоб зрозуміти, про що ж у ній йтиметься. Ми кидаємо погляд на заголовки та підзаголовки та вирішуємо, чи цікавий нам цей матеріал, чи варто її читати. Якщо ми відкриваємо підручник чи інструкцію, то за допомогою заголовків нам легко знайти ту інформацію, яка нам потрібна. Словом, заголовки не лише приваблюють читачів, а й служать їх зручності.</p><p>Тексти на веб-сайтах також повинні мати заголовки. Цьому існує як мінімум 2 причини:</p><p><b>1.
</b>Заголовки структурують текст, роблять його зручнішим для читання. Суцільний текст (часто його називають "простирадлом") важкий для сприйняття, читати його не хочеться. Оскільки поведінкові фактори (сукупність дій відвідувачів на сайті) сьогодні враховуються пошуковими системами, ви зацікавлені в тому, щоб користувач прочитав текст на вашому ресурсі, а не закрив сторінку, злякавшись «простирадла».</p><p><b>2.
</b>Заголовки дають зрозуміти пошуковим системам, яка інформація міститься у тій чи іншій частині тексту. Спираючись на заголовки, пошуковики оцінюють, наскільки <a href="https://remzhuk.ru/uk/chto-takoe-obshchedostupnye-personalnye-dannye-i-kakie-vidy-informacii-k-etomu/">дана інформація</a>відповідає очікуванням користувачів. Саме тому вони такі важливі при оптимізації текстів.</p><p>Тепер ви розумієте, що нехтувати використанням заголовків у текстах на сторінках сайту не варто? Тоді йдемо далі!</p><p>Що ж означає терміни H1 і H2? Нам доведеться трохи порушити питання, що стосуються html-верстки. Н1 та H2 (а, точніше, <h1>і <h2>) - html теги, які показують важливість тексту, наступного після них. Їх ще називають тегами акцентування. У html-документі це виглядає так:</p><p>На веб-сторінці такі стандартні заголовки мають різне форматування:</p><p><img src='https://i2.wp.com/tanix.by/upload/blog/header-h1-h2/lorem-on-page.png' width="100%" loading=lazy loading=lazy></p><p>Взагалі, існує 6 рівнів заголовків: від H1 до H6. Відповідно, найбільша вага має заголовок H1, заголовок H2 є другорядним, а заголовок шостого рівня H6 найменш значущий. Однак для сео просування найбільш важливі заголовки H1 та H2. Про правила їх використання для оптимізації текстів ми й поговоримо.</p><p><img src='https://i1.wp.com/tanix.by/upload/blog/header-h1-h2/h1-h2-for-seo.png' width="100%" loading=lazy loading=lazy></p><h2>Що потрібно знати для грамотного розміщення заголовків H1 і H2?</h2><p>Заголовок H1 відіграє важливу роль не тільки при оптимізації тексту, а й при оптимізації всієї сторінки. Саме він повідомляє пошуковій системі, наскільки контент, представлений на сторінці, відповідає заголовку сторінки (Title), а отже, відповідає очікуванням користувачів.</p><p>Ви придумали для тексту креативний, незвичайний, привабливий заголовок, що базується, наприклад, на грі слів? Такий підхід може бути хорошим для друкованої реклами або газетної статті, проте для <a href="https://remzhuk.ru/uk/relevantnost-sekonom-dengi-na-prodvizhenii-relevantnost/">пошукового просування</a>такий креатив може принести <a href="https://remzhuk.ru/uk/skolko-vody-nalivat-v-stiralnuyu-mashinu-malyutka-harakteristiki-i/">негативні наслідки</a>. Пошукові системи не мають фантазії і образного мислення, їм важлива конкретика. Нижче наведемо важливі рекомендації для складання заголовка H1.</p><h2>Основні правила використання заголовка H1</h2><ul><p>Заголовок H1 має бути коротким, але ємним. <a href="https://remzhuk.ru/uk/7-978-chto-za-operator-vazhnye-usloviya-v-vybore/">Важлива умова</a>- природне входження до нього ключових слів. Наведемо приклад. Допустимо, ви оптимізуєте сторінку, на якій представлений каталог жіночого взуття. Для просування цієї сторінки вибрано наступні запити (про те, що таке пошукові запити, ви можете прочитати в нашому матеріалі <b>«Розумій свого сео-фахівця»</b>): «жіноче взуття» (частотність – 3896), «жіноче взуття в Мінську» (частотність – 490), «купити жіноче взуття» (частотність – 384), «взуття для жінок» (частотність – 207), «жіноче взуття каталог ціни» (частотність – 318). Для тексту на цій сторінці логічніше використовувати заголовок H1 «Жіноче взуття», так як він є найбільш загальним, але в той же час описує зміст контенту, а також може бути конкретизований заголовками більш нікого рівня.</p><p>Заголовок H1 повинен зустрічатися на сторінці лише один раз.</p><p>Цей заголовок міститься на самому початку тексту, бажано вгорі сторінки.</p><p>Заголовок H1 повинен розташовуватися вище за заголовки інших рівнів (перед ним не допускається ставити, наприклад, заголовок H2).</p><p>Розмір шрифту цього заголовка повинен бути більшим за розмір шрифту заголовків <a href="https://remzhuk.ru/uk/yazyki-programmirovaniya-vysokogo-i-nizkogo-urovnya-kakie-iz-nih-vam-sleduet/">нижчого рівня</a>. За умовчанням так воно і є, але якщо стилями поставлено інше, слід виправити ситуацію.</p>
</ul><h2>Приклади складання заголовків H2</h2><p>Як складаються заголовки H2? Їх у тексті може бути декілька. Як правило, вони конкретизують заголовок H1 та структурують весь текст. Повернемося до нашого прикладу зі сторінкою, на якій представлено жіноче взуття. Для даної сторінки можна написати текст, що продає, в якому будуть описані переваги моделей, пропонованих покупцям, і представлена таблиця розмірів. Також на сторінці користувач зможе знайти каталог взуття з фото та цінами. При цьому заголовки в тексті можуть бути такими:</p><p><img src='https://i1.wp.com/tanix.by/upload/blog/header-h1-h2/header-example.png' width="100%" loading=lazy loading=lazy></p><p>Якщо ви згадаєте пошукові запити, які ми використовуємо для просування нашої сторінки <a href="https://remzhuk.ru/uk/1s-skd-peredat-tablicu-znachenii-primer-ispolzovaniya-vneshnego/">даному прикладі</a>, то зрозумієте, що у заголовки H2 ми включаємо розширені запити, які мають нижчу частотність. Вони можуть бути представлені в непрямому входження (їх можна схиляти, «розбавляти» іншими словами). А головне - вони конкретизують наш заголовок H1 і сигналізують пошуковій системі про те, що текст, що йде після них, дійсно відповідають пошуковим запитам, прописаним у заголовку сторінки (Title).</p><h2>Найбільш поширені помилки використання заголовків H1 та H2</h2><p>У разі використання заголовків для оптимізації текстів постарайтеся уникнути таких помилок:</p><ul><p>Використання тегів <h1>і <h2>для стилізації елементів сторінки. Це часта помилка, яка може виникнути навіть без вашої волі. Багато готових шаблонах сайтів (наприклад, на Joomla або Wordpress) в теги <h1>і <h2>укладено, наприклад, назви блоків. Допустимо, такі як «Популярні товари», «Останні новини», «Ми в соціальних мережах» та ін. Такий прийом вводить в оману пошукові системи і не дає нічого хорошого. Тому під час проведення сео-аудиту сайту фахівець обов'язково перевіряє, чи «за призначенням» використовуються заголовки. Запам'ятайте важливе правило - H1 та H2 повинні застосовуватися лише для структурування тексту!</p><p>Використання однакових заголовків для різних сторінок. Це, звичайно, нонсенс, проте й таке трапляється. Як мінімум заголовки H1 повинні бути унікальними для кожної сторінки!</p><p>Приміщення в заголовки гіперпосилань.</p><p>Присутність на сторінці двох і більше заголовків H1. Ми пам'ятаємо, що це неприпустимо! Наш девіз: «Одна сторінка – один заголовок H1»!</p>
</ul><p>На закінчення нашої статті звернемо вашу увагу на ще один важливий момент. Йдеться знову про шаблони сайтів. Відомі випадки, коли в стандартних шаблонах сторінок немає заголовків H1. Замість них йдуть заголовки H2. Навіть якщо в адміністративній частині сайту вам пропонується ввести текст у полі «Заголовок матеріалу», то насправді може виявитися, що він буде укладений у теги <h2></h2>. Перевірте, чи немає такої недоробки на вашому сайті – вивчіть структуру документа, натиснувши клавішу F12. Ваш заголовок укладено у теги <h1></h1>? Значить, все чудово!</p><p>Про важливість правильної розміщення заголовків тексту слід нагадати і розробнику, мало знайомому з seo, при верстці унікального сайту.</p>
<p>Привіт, друзі! Раді вітати вас на блозі Андрія з Дашею – Thebizfromscratch. Щось давно ми нічого не писали про SEO і в цій статті хочемо надолужити втрачене, адже тема на сьогодні – Вплив заголовків H1, H2 – H6 на просування сайту. Ми розповімо, за якими правилами та принципами прописуємо заголовки на своєму блозі та сподіваємося, що наш досвід виявиться для вас корисним.</p>
<h2><span>Як правильно розставляти мета-теги H1, H2…H6</span></h2>
<p>Отже, оформляючи публікацію, ми прописуємо мета-теги у такому порядку:</p>
<p>Є найзначнішим заголовком, у теги h1 прийнято укладати бажано розбавлений нейтральними словами основний пошуковий ключ, тобто. розбавлений title.</p>
<p>Наступний за значимістю заголовок, за допомогою якого виділяють підібраний до основного запиту <a href="https://remzhuk.ru/uk/chto-takoe-nch-sch-i-vch-zaprosy-prodvizhenie-po-nizkochastotnym-zaprosam/">низькочастотний запит</a>.</p>
<ol><li><b>H3, H4, H5, H6</b></li>
</ol><p>Власне, немає особливого впливу просування. Однак включення ключовиків у них може призвести до переоптимізації, що спричинить лише негативний відгук пошукових роботів. Тому ці мета-теги ми використовуємо тільки для красивого структурування статті. Щоб відвідувачам було зручніше читати та одразу розуміти, де закінчується одна думка та починається інша. Тим більше, не забувайте, що всі пости пишуться виключно для читачів і захоплюватися частим повтором тих самих слів/фраз – не варто.</p>
<p>А щоб згадана вище інформація правильно була зрозуміла, розгляньмо приклад! Нехай ви написали статтю під <a href="https://remzhuk.ru/uk/opredelenie-chastotnosti-zaprosov-servis-vidy-chastotnostei/">пошуковий запит</a>- "Як зробити сайт". Цю фразу потрібно прописати в полі Title і повторити щонайменше 2 рази без змін у самому тексті. Або як багато хто робить – повторюють пошуковий запит 1 раз на 1000 символів. <br><img src='https://i0.wp.com/thebizfromscratch.ru/wp-content/uploads/2016/12/syuda-tittle.jpg' align="center" width="100%" loading=lazy loading=lazy></p>
<p>Якщо ви потребуєте виділення структури, то сміливо використовуйте H2, що містить низькочастотний запит. Знову ж таки в рамках прикладу – «Як якісно зробити сайт на движку WordPress». Інші мета - теги пишіть без ключів. <br><img src='https://i1.wp.com/thebizfromscratch.ru/wp-content/uploads/2016/12/struktura.jpg' align="center" width="100%" loading=lazy loading=lazy></p>
<ol><li>Не проставляйте в заголовках посилання на інші сторінки, що просуваються. Код посилання розцінюватиметься пошуковими машинами, як ключові слова, і лише нашкодить ранжируванню.</li>
<li>Не розташовуйте заголовки нижчого порядку над значущими. Першим повинен слідувати H1, потім H2 і далі наростає. Повинна вимальовуватись деревоподібна структура.</li>
<li>Рекомендується використовувати H1 один раз, H2 не більше трьох разів, а H3-H6 скільки завгодно (тільки без ключів і тільки, якщо це необхідно).</li>
</ol><p>Мабуть, це були основні принципи та правила, якими ми користуємося для оформлення статей. Сподіваємося, що тема – вплив заголовків H1, H2 – H6 на просування сайту – розкрита, і ви знайшли для себе <a href="https://remzhuk.ru/uk/veneciya-bolshoi-kanal-luchshie-venecianskie-palacco-poleznaya-informaciya/">корисну інформацію</a>. У разі питань – обов'язково ставте їх у коментарях, постараємось допомогти.</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>
<dblock></dblock>
<dblock></dblock>
<dblock></dblock>
<dblock></dblock>
<dblock></dblock>
</div>
</div>
<div class="grid_4">
<ul id="sidebar">
<div class="widget cat-lists">
<div class="outer">
<div class="menu-sidebar-container">
<ul id="menu-sidebar" class="menu">
<li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="https://remzhuk.ru/uk/category/program/">Програми</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="https://remzhuk.ru/uk/category/security/">Безпека</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="https://remzhuk.ru/uk/category/news/">Новини</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="https://remzhuk.ru/uk/category/interesting/">Цікаве</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="https://remzhuk.ru/uk/category/tips/">Поради</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="https://remzhuk.ru/uk/category/news/">Новини</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="https://remzhuk.ru/uk/category/reviews/">Огляди</a></li>
</ul>
</div>
</div>
<script>
function fd() {
var menu = document.querySelector('.menu-wrapper') // Using a class instead, see note below.
menu.classList.toggle('active');
}
function fds(e) {
var menu = document.querySelector('.' + e) // Using a class instead, see note below.
menu.classList.toggle('active');
}
</script>
</div>
<li id="text-46" class="widget widget_text">
<div class="textwidget">
</div>
</li>
<li id="text-9" class="widget widget_text">
<div class="textwidget">
<div class="subscription" id="sidebar-sub">
<div class="gradient-sub"></div>
<p class="head-sub">Приєднуйтесь!</p>
<p class="description-sub">Вже підписано понад 6 000 осіб. <br>Отримуйте найсвіжіші статті.</p>
<form action="/" method="post" target="_blank" id="subscr-form-6292" onsubmit="return jc_chkscrfrm(this, false, false, false, false)">
<input type="text" name="lead_email" class="sr-required" placeholder="Введіть ваш e-mail" maxlength="100">
<button type="submit" name="lead_subscribe" value="Підписатися">ПІДПИСАТИСЯ</button>
</form>
<div class="ribbon"></div>
</div>
</div>
</li>
<li id="text-36" class="widget widget_text">
<div class="textwidget">
</div>
</li>
<div id="sticky-anchor"></div>
<div id="sticky">
<div id="owl-demo2" class="owl-carousel owl-theme">
<div class="item">
</div>
</div>
</div>
<script>
var stk = true;
</script>
<style>
#owl-demo2 .item {
background: #3fbf79;
margin: 10px;
color: #FFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: center;
}
.customNavigation {
text-align: center;
}
//use styles below to disable ugly selection
.customNavigation a {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
</style>
<link href='/assets/owl.theme.css' rel='stylesheet' type='text/css'>
<link href='/assets/owl.carousel.css' rel='stylesheet' type='text/css'>
<link href='/assets/owl.transitions.css' rel='stylesheet' type='text/css'>
</ul>
</div>
<div class="clear"></div>
<a class="btn-floating btn-large red" href="#"></a>
<footer>
<script type="text/javascript">
function GoTo(link) {
window.open(link.replace("_", "http://"));
}
</script>
<div class="grid_12">
<p id="footer"><a href="https://remzhuk.ru/uk/">Новини. Безпека. Огляди програми. Поради</a>- Копіювання матеріалів суворо заборонено. <br><a href="" target="_blank">Про проект</a>
<br><a href="" target="_blank">Реклама на сайті</a>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="/assets/modernizr.min.js"></script>
<script type="text/javascript" src="/assets/jquery.slicknav.js"></script>
<script type="text/javascript" src="/assets/main.js"></script>
<script type="text/javascript" src="/assets/include.js"></script>
<script type="text/javascript" src="/assets/jquery.fancybox.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.fancybox').fancybox();
});
</script>
<script type="text/javascript">
window.___gcfg = {
lang: 'ru'
};
(function() {
var po = document.createElement('script');
po.type = 'text/javascript';
po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(po, s);
})();
</script>
<div id="fb-root"></div>
<script>
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s);
js.id = id;
js.src = "https://connect.facebook.net/ru_RU/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
</div>
<div class="clear"></div>
</footer>
</div>
<script type='text/javascript' src='/assets/jquery.form.min.js'></script>
<script type='text/javascript' src='/assets/scripts.js'></script>
<script type='text/javascript' src='/assets/postviews-cache.js'></script>
<script type='text/javascript' src='/assets/wp-embed.min.js'></script>
<script type='text/javascript' src='/assets/form.js'></script>
<script type='text/javascript' src='/assets/jquery.fancybox-1.3.8.min.js'></script>
<script type='text/javascript' src='/assets/jquery.easing.min.js'></script>
<script type="text/javascript">
jQuery(document).on('ready post-load', function(){ jQuery('.nofancybox,a.pin-it-button,a[href*="pinterest.com/pin/create/button"]').addClass('nolightbox'); } );
jQuery(document).on('ready post-load',easy_fancybox_handler);
jQuery(document).on('ready',easy_fancybox_auto);</script>
</body>
<script>// <![CDATA[
$(".closed").toggleClass("show");
$(".title").click(function(){
$(this).parent().toggleClass("show").children("div.contents").slideToggle("medium");
if ($(this).parent().hasClass("show"))
$(this).children(".title_h3").css("background","#bbbbbb");
else $(this).children(".title_h3").css("background","#dddddd");
} );
// ]]></script>
<script>
$(".single-post .post a:has(img), .single-post .entry-content a:has(img)").fancybox();
$('.sub-menu').parent().addClass('after');
$('.mobile_menu .ya-site-form__input-text').attr('id', 'unstapble-transparent');
$('.sub-menu').parent().children('a').attr("onclick", "$(this).parent().toggleClass('active');return false;");
// $('.nav-list-mobile li a').click(function() {
// $(this).parent().toggleClass('active');
// return false;
// } );
function tg_menu () {
$('.mobile_menu').toggleClass('active');
$('.google_search_mob').toggleClass('active');
} ;
if (stk) {
$(document).ready(function() {
$(window).scroll(sticky_relocate);
sticky_relocate();
function sticky_relocate() {
var window_top = $(window).scrollTop();
var div_top = $('#sticky-anchor').offset().top;
if (window_top > div_top) {
$('#sticky').addClass('stick');
} else {
$('#sticky').removeClass('stick');
}
}
} );
}
if (carusel) {
}
</script>
<script src="/assets/owl.carousel.min.js"></script>
<script>
var owl2 = $("#owl-demo2");
owl2.owlCarousel({
items : 1, //10 items above 1000px browser width
lazyLoad : true,
itemsDesktop : [1000,1], //5 items between 1000px and 901px
itemsDesktopSmall : [900,1], // betweem 900px and 601px
itemsTablet: [600,1], //2 items between 600 and 0
itemsMobile : [479,1] // itemsMobile disabled - inherit from itemsTablet option
} );
// Custom Navigation Events
// $(".next").click(function(){
// owl.trigger('owl.next');
// } )
// $(".prev").click(function(){
// owl.trigger('owl.prev');
// } )
owl2.trigger('owl.play',5000); //owl.play event accept autoPlay speed as second parameter
// $(".stop").click(function(){
// owl.trigger('owl.stop');
// } )
</script>
</html> 