- Деякі теорії
- Як оптимізувати заголовки для SEO
- Логічна послідовність заголовків
- Аудит заголовків
- Теги заголовків HTML5
Технічна SEO оптимізація включає в себе ряд тегів і метатеги: <title>, <meta name = "description">, <link rel = "canonical"> та інші. Правильне використання цих тегів, їх атрибутів і вмісту значною мірою впливає на те, як пошукова система визнає ваш вміст, наскільки високий він буде оцінюватися, як буде виглядати фрагмент у результатах пошуку та яку версію сторінки буде показано певним користувачам.
Теги заголовків також важливі для пошукової оптимізації. Крім того, вдумливі заголовки на сторінці можуть зробити його набагато зручнішим для користувачів, а також звернути їхню увагу на необхідну інформацію або підштовхнути їх до здійснення цілеспрямованих дій. У цій статті ми розглянемо, як використовувати заголовки для "задоволення" як пошукових систем, так і відвідувачів вашого сайту або цільової сторінки.
Деякі теорії
Є шість тегів заголовків у HTML - від <h1> до <h6>. Число в тезі показує відносну важливість наступного розділу: <h1> є найбільш значущим, тоді як <h6> є найменш значущим. Відповідно до цього, HTML відображає заголовки різних рівнів із шрифтами різних розмірів за замовчуванням: <h1> буде найбільшим, і кожен наступний буде трохи меншим.
Теги заголовків - це елементи блоку: вони завжди розміщуються на новому рядку. Елементи, що слідують за ними, також розташовані на новому рядку.
Як оптимізувати заголовки для SEO
Одним з найсильніших сигналів для пошукових систем є заголовок першого рівня <h1>. Це трохи слабше, ніж тег <title>; однак, ключові слова в ньому також мають сильний вплив на рейтинг пошуку.
Виходячи з цього, ми використовуємо наступний підхід до створення заголовків у веб-агентстві Arto. Ми розміщуємо високочастотні та важливі ключові слова у тезі <title>, а наступну за важливістю - у <h1>. У цих двох тегах можна використовувати ті ж слова. Однак для оптимізації краще зробити їх різними: можна використовувати більше ключових слів і їх синоніми.
Заголовки нижнього рівня (<h2>, <h3> тощо) є слабшими сигналами для пошукового робота. Вони можуть включати низькочастотні та менш важливі ключові слова. Ключові слова, які не вписуються в заголовки, повинні використовуватися безпосередньо в тексті. Тут ви можете побачити приклад технічного завдання для копірайтера.
Кластер запитів на оптимізацію статті. У другому стовпці відображається частота кожного запиту на місяць у Google Україна
Приклад сторінки з технічного завдання для копірайтера з структурою заголовка на основі пошукових запитів
Дуже важливо не спамувати ключові слова в заголовках. Кожне ключове слово слід використовувати лише один раз у кожному заголовку, якщо це можливо. Якщо контекст вимагає використовувати його кілька разів, то краще включити різні форми слів.
Теги заголовків мають важливе смислове значення. Тому використання неправильного тексту зі стилями як заголовок неправильне. З іншого боку, ви не повинні використовувати теги <h1> - <h6> як елементи дизайну, наприклад, позначити семантично незначні елементи сторінки цими тегами, наприклад посилання на кошик у інтернет-магазині або фразу «Наш блог». на бічній панелі каталогу продукції.
Переконайтеся, що заголовок має відношення до тексту, який слідує за ним, а також читається та зрозумілий користувачам. Це допоможе зробити контент більш зручним і корисним, а отже - більше довіряти пошуковим системам. Іноді ви можете ігнорувати деякі ключові слова на користь читаності заголовка і перемістити ці ключові слова до тексту сторінки.
Важливо також, щоб заголовки загострювалися та інтригували, якщо це можливо. Користувачі, прочитавши назву, повинні прочитати текст, що слідує за ним. Це важливо в першу чергу для інформаційних статей. Для комерційних сторінок заголовок також може мотивувати користувача зробити цілеспрямовані дії або ознайомитися з інформацією, яка підштовхне його до нього.
Логічна послідовність заголовків
Розміщуючи заголовки на сторінці, ви повинні переконатися, що вони знаходяться в правильній ієрархічній послідовності. Відповідно до стандартів HTML4, на сторінці має бути лише один заголовок першого рівня (це правило може бути порушено в HTML5, як описано нижче). У тексті, позначеному як <h1>, може бути кілька розділів, кожен з яких починається з заголовка <h2>; у свою чергу, кожен з них можна розділити на підрозділи заголовками <h3> і так далі. Однак деякі розділи можуть не мати підрозділів. Наприклад, правильна логічна структура заголовків буде виглядати так:
І це виглядає так:
Заголовки третього рівня є менш поширеними, ніж другий рівень. Для невеликої статті до 5000 символів зазвичай можна використовувати лише теги <h1> і <h2>. Заголовки четвертого і нижнього рівнів використовуються рідко. Вони можуть мати сенс для великих текстів складних структур, наприклад, юридичної або технічної документації. Однак такі документи часто зручніше завантажувати у форматі PDF, а не створювати для них окрему HTML-сторінку.
Аудит заголовків
Щоб швидко перевірити заголовки по всьому сайту, можна скористатися Screaming Frog SEO Spider або іншим програмним забезпеченням для SEO аудиту. Після перевірки ви зможете побачити сторінки, де відсутні або дублюються заголовки першого рівня, занадто довгі і так далі.
Щоб перевірити структуру заголовків на одній сторінці, можна скористатися HeadingsMap розширення браузера. Він показує всі заголовки на сторінці, їх рівні, текст, який вони містять, і автоматично будує дерево своєї ієрархії.
Приклад структури сторінки в HeadingsMap
Крім правильної послідовності тегів <h1> - <h6>, необхідно пам'ятати, що розмір шрифту повинен відповідати важливості заголовка. Наприклад, якщо сторінка має три рівні заголовків, то її структура вже досить складна; якщо раптом виявиться, що заголовок третього рівня відображається більшим шрифтом, ніж другий рівень, то користувач може легко заплутатися.
Теги заголовків HTML5
Стандарт HTML5 запровадив нові семантичні елементи: <section>, <article> та інші. Використання цих елементів дозволяє розмістити окрему ієрархію заголовків у кожному з них. На сторінці може бути більше одного заголовка <h1>. Це може бути зручно, наприклад, для блогу, де загальний заголовок першого рівня для сторінки - “Наш блог”, а заголовки окремих розділів - назви статей. З іншого боку, ви можете підтримувати єдину структуру заголовків для всієї сторінки. Тобто обидва варіанти є прийнятними:
Google також претензій що немає нічого поганого у використанні декількох <h1> на сторінці: пошукова система правильно розпізнає цю розмітку.
Таким чином, підсумовуючи, що все вищесказане, ми можемо дати кілька основних порад.
- Завжди використовуйте заголовок першого рівня <h1> на сторінці, один для всієї сторінки або окремо для кожного розділу. Використовуйте інші заголовки лише тоді, коли вони дійсно потрібні для структурування вмісту.
- Використовуйте ключові слова у заголовках. Чим вищий рівень заголовка, тим важливіші та частіші ключові слова повинні з'являтися в ньому. Не зловживайте ключовими словами, щоб уникнути надмірної оптимізації.
- Зверніть увагу на актуальність заголовків: вони повинні коротко висловити те, про що йдеться.
- Дотримуйтесь логічної послідовності тегів заголовків.
- Не використовуйте заголовки як елементи дизайну.
- Намагайтеся зробити заголовки привабливими для залучення користувачів.
