Тег Title від А до Я: інструкція для SEO-фахівців початківців

Здавалося б, ну який сенс писати статтю про те, як заповнювати title у наші дні? Їх і так вже написано багато… Але це тільки на перший погляд. Коли у мене виникає завдання навчити когось складати його правильно, мені потрібно дати новачкові 5-8 статей, а потім ще пояснювати, що в них правильно, а чого робити не треба.

Чому 5-8, а не одну? Та тому що пишуть, кому як подобається. Одні взагалі не читали рекомендації Google та суперечать йому в деяких моментах. Інші пишуть добре, але розкривають тільки частину теми. Треті зосереджені на клікабельності, але упускають роботу з ключами.

У цій статті спробую об’єднати найважливіші моменти та створити інструкцію, за якою будь-який новачок зможе скласти правильний тайтл, незалежно від рівня його знань та досвіду в SEO.

Що таке тег Title

У багатьох статтях можна зустріти думку, що ви вже маєте це знати. Або формулювання на кшталт:

Тег Title – це заголовок html-документу…

Тег Title – це елемент HTML розмітки, що вказує на…

HTML-елемент заголовка (<title>) визначає заголовок документа, який відображається у заголовку вікна браузера або на вкладці сторінки.

Які хоч і правильні, але іноді лише додають запитань, а не зменшують їх кількість. Спробую пояснити максимально просто.

Ви та пошукова система бачите сайти по-різному. Візьмемо головну сторінку нашого сайту: https://prosuver.ua/. Ви бачите її як звичну сторінку в браузері. А пошукова система бачить все у вигляді коду:

Так ось, сторінка у вигляді такого коду – це і є той самий html-документ, про який часто можна прочитати чи почути. Складається код із різних елементів. І один із них – мета-тег title, який виступає заголовком до цього документа.

Навіщо він потрібний

Приблизно для того ж, для чого потрібна назва будь-якого документа – щоб було зрозуміло, про що він взагалі. Якщо вам дати кілька десятків інструкцій від різної техніки, і поставити завдання відсортувати тільки інструкції для холодильників – як ви це зробите? Будете дивитися на назви та вибирати ті, які вам потрібні.

Якщо все максимально спрощувати, тоді саме так робить пошукова система. Коли хтось вбиває в пошуковий рядок будь-який запит – ПС аналізує всі наявні документи та вибирає ті з них, у яких заголовки найповніше відповідають цьому запиту.

У SEO

Звідси перша та найважливіша функція title в SEO – допомогти пошуковій системі “зрозуміти”, що це за документ. Яка інформація або товари представлені на ньому. І чим краще ми зможемо це “пояснити”, тим вищою буде позиція на сторінці пошукової видачі.

Іншими словами – хочете, щоб ваш сайт перебував на першій позиції в пошуку – пишіть правильний title. Насправді все набагато складніше, і факторів там багато, але для розуміння, як саме це працює, будемо спрощувати.

Під час формування заголовків у результатах пошуку

Часто можна зустріти заяви про те, що title – це те, що ми бачимо на сторінках результатів пошуку:

Але це не зовсім так. Так, цей заголовок може бути сформований з тайтл. В тому то і річ, що може, але не повинен. Насправді варіантів його формування багато:

• заголовок сторінки title;
• будь-які заголовки чи підзаголовки на сторінці;
• будь-який текст, виділений будь-яким стилем;
• довільна частина тексту;
• текст посилань як на самій сторінці, так і текст посилань, що вказують на сторінку;
• структуровані дані.

І сформовано його буде з того елемента, який максимально відповідає пошуковому запиту.

Наприклад, користувач вбиває в пошуковий рядок «мета тег title що це». Якщо у вас є відповідна сторінка, що має назву: «Мета-тег Title: що це таке і як його написати», то і заголовок на сторінці результатів пошуку буде сформований з нього.

Інша ситуація – запит змінюється на “тайтл сайту це”. А ваша стаття у заголовку не має слів «це», «що це». Проте є відповідний підзаголовок, або дано визначення в тексті. У такому разі заголовок у пошуковій видачі може бути сформований з цього підзаголовка або навіть частини тексту.

Звідси друга функція цього тегу – формування заголовка на сторінці результатів пошуку. Ваше завдання написати його таким чином, щоб заголовок був сформований із нього. Отже, він має бути написаний з використанням ключових слів для даної сторінки.

Навіщо взагалі впливати на формування заголовка на сторінці результатів пошуку? Все просто – чим повніше заголовок буде відповідати запиту користувача та чим цікавіше він виглядатиме, тим більше шансів, що користувач перейде саме на ваш сайт, а не піде до конкурентів. Причому ваша позиція може бути 3-4-5, але заголовок, що привертає увагу, може збирати більше кліків, ніж сайти, що стоять вище, але з невдалими заголовками. А це безпосередньо впливає на ваші продажі.

Можна ще говорити про назву вкладок у браузері та використання title при репостах у соціальні мережі. Але це вже не так важливо на цьому етапі.

Як його подивитися

Можна годинами пояснювати, що таке тайтл, а можна просто показати один раз. Варіантів багато. Покажу пару поширених та один зручний.

Варіант 1

Наведіть курсор на вкладку у браузері з відкритою сторінкою будь-якого сайту, і ви побачите title цієї сторінки:

Варіант 2

Відкрийте вихідний код сторінки. Зробити це можна за допомогою меню браузера або комбінацією клавіш. Наводжу лише кілька прикладів, в інших браузерах та операційних системах принцип той самий. Знайти неважко.

Windows – Google Chrome:

• Комбінація клавіш: Ctrl+U
• Натиснути правою кнопкою в будь-якому місці сторінки та вибрати: Перегляд коду сторінки

MacOS – Google Chrome:

• Комбінація клавіш: Option+Command+U
• Меню браузера: Переглянути – Розробникам – Перегляд вихідного коду

MacOS – Safari:

• Комбінація клавіш: Option+Command+U
• Меню браузера: Розробка – Показати програмний код сторінки

Потім натискаєте Ctrl+F та шукаєте “title”. На початку статті вже є скріншот вихідного коду з виділеним тайтлом. Щось схоже повинні побачити і ви.

Варіант 3

Потрібно встановити розширення для Google Chrome – SEO META in 1 CLICK. Це вже рішення для роботи, а не для того, щоб просто подивитись щось один раз. Відкриваєте сторінку, для якої потрібно подивитися title, натискаєте на значок розширення у браузері та бачите:

Швидко, зручно, інформативно.

Title та H1

H1 – це заголовок сторінки (наприклад, статті в блозі або назва товару/розділу в інтернет-магазині). Але, якщо title орієнтований більше на пошукову систему, то h1 – на відвідувача. Перший видно в коді або в назві вкладки в браузері, а другий знаходиться на самій сторінці і його видно всім відвідувачам.

Відповідно вони мають бути різними. Разом з тим, якоїсь заборони на те, щоби зробити їх однаковими, немає. Але ви й самі не схочете дублювати їх, тому що це ускладнить просування за ключовими словами.

Давайте подивимося на конкретному прикладі:

Подивіться на скріншот вище та скажіть, чи реально зробити їх однаковими? Якщо title поставити на місце h1 – хіба це буде нормально сприйматися відвідувачами? Ні. А якщо текст в h1 використовувати для title – чи буде сайт нормально ранжуватися? Теж ні.

Тому не потрібно якихось складних міркувань. Просто візьмемо за правило – вони мають бути різними.

Якою має бути довжина

Подивимося, що пише з цього приводу Центр Google Пошуку. А пише він, що для правильної інтерпретації даних довжина тега title має бути в межах 1-150 символів. Зверніть увагу, пробіл – це теж символ. Відповідно, максимальна довжина title – 150 символів із пробілами.

А ось з оптимальною довжиною все складніше. Усе тому, що на сторінці видачі заголовки рідко перевищують 60 символів:

Мабуть, це обмеження і є для багатьох проблемою. Що тільки не пишуть – довжина тайтла має бути 60-70 знаків, до 60, до 90, 70-80, 55-60… Варіантів удосталь.

А тепер процитую рекомендацію з Центру Google Пошуку:

“Використовуйте всі 150 символів. Чим повніше ви охарактеризуєте товар, тим більше шансів, що назва частіше співпадатиме з користувальницькими запитами.”

Тобто, Google каже – у вас є 150 символів, використовуйте їх по максимуму. А SEO-оптимізатори у відповідь – потрібно не більше 60, адже більше не вміститься на сторінці пошуку. Ось і виходить, що порівнюємо тепле з м’яким.

Як же ж бути? Почнемо з того, що за ранжування сайтів відповідає Google, а не автори статей з подібними рекомендаціями. Тому за базу беремо довідку Google і сміливо пишемо тайтли, які не перевищують 150 символів. Але тільки в тому випадку, коли це дійсно необхідно. Наприклад, занадто довга назва товару або послуги, плюс місто, плюс уточнююча інформація. І в жодному разі не починаємо “подовжувати” заголовки, які цього не потребують.

Не забуваймо і за видиму частину title на сторінці результатів пошуку. І пишемо його таким чином, щоб тут було головне ключове слово, і щоб ця частина була інформативна та привертала увагу. А та частина, яка не потрапить на сторінку видачі – це чудова нагода вписати додаткові ключові слова або їхні частини, щоб покращити ранжування сторінки за більшою кількістю запитів.

Отже, давайте ще раз – так, до 150 символів писати можна. Але не потрібно до цього прагнути спеціально. Тому що той самий Google в іншому розділі пише:

“…уникайте надмірно довгого тексту в елементах <title>. Хоча довжина елемента <title> не обмежена, посилання-заголовок у результатах пошуку Google обрізається під ширину екрана пристрою.”

Таким чином оптимальна довжина title починається приблизно від 40-50 знаків (видиму частину краще використовувати по максимуму) та закінчується 150. Але частіше це діапазон у межах 50-100 символів.

Підіб’ємо підсумок:

• максимальна довжина – 150 символів;
• мінімальна – ні;
• довжина, яка вміщується на сторінці видачі – близько 60 символів;
• рекомендована – 50-100.

І найголовніше – щоб написати дійсно ефективні мета-теги, потрібно перед їх написанням проаналізувати конкурентів для сторінки, що просувається, та подивитися, які title написані у них. Такий аналіз у більшості випадків кращий за будь-які рекомендації.

Як правильно написати Title

Щоб правильно скласти тайтл, вам знадобиться: url-адреса сторінки, список ключових слів для неї, бажано Google Chrome з встановленим SEO META in 1 CLICK, для аналізу конкурентів. А далі все просто, якщо знати хоча б основні рекомендації, про які й поговоримо.

Унікальність

Тег title має бути унікальним для кожної сторінки вашого сайту. Що це означає? Давайте розділимо унікальність на зовнішню та внутрішню. Тому що унікальність дехто трактує дуже своєрідно.

Почнемо із внутрішньої. Тут все просто – кожна сторінка вашого сайту повинна мати свій тайтл і він не повинен повторюватися на інших сторінках. При цьому заміна одного слова в заголовку робить його унікальним, але це якраз те, чого потрібно уникати. Подивимося реальний приклад з видачі, тільки назву магазину заберу:

А тепер уявимо, що ви пишете тайтли для цього магазину, берете наступний розділ та пишете:

Унікальний? Так. Чи відповідає сторінці? Так. Мало того, так саме роблять ще багато хто з конкурентів. Але це поганий варіант, який дає низьку унікальність та погано працює для просування.

Поки що не торкаємося особливостей інтернет-магазинів із тисячами товарів, де без шаблонів не обійтися. Це розберемо пізніше. Але відразу можна сказати, використовувати шаблон – це не означає замінити лише одне слово.

А тепер кілька слів про зовнішню унікальність. Проблема така – ставимо завдання новачкові прописати title. Він бере ключові слова, дивиться ТОП-10, знаходить добрий варіант заголовка і копіює його, змінюючи в кращому випадку 2-3 слова, а в гіршому просто назву сайту.

Це також працює погано. У вас є свої ключові слова, які можуть не збігатися з ключовими словами конкурента, навіть незважаючи на те, що ви в одній видачі. У вас свої особливості сайту, свої ціни, умови доставки, асортименти. І головне – копіюючи чуже, ви копіюєте не тільки позитивне, але й чужі помилки. Можливо сайт конкурента завтра потрапить під фільтр, хоча ще вчора був на першій позиції. Ви теж туди збираєтесь? Робіть своє, а не копіюйте чуже.

Релевантність контенту сторінки

Title має відповідати інформації на сторінці. Прописна істина. Але й тут деякі примудряються наробити помилок. Наприклад, є розділ інтернет-магазину, де продаються шкіряні рюкзаки чорного кольору для ноутбука 15 дюймів. Правильний тайтл для неї буде таким:

Неправильні:

Самі по собі вони правильні, але тільки більше підійдуть для інших розділів. А нам потрібен варіант, який максимально повно відповідатиме саме нашій сторінці.

Ключові слова

Можна сказати, що це найважливіша частина. Саме від того, як ви зможете обіграти ключові слова, багато в чому залежить позиція в пошуку. Тому перед тим, як писати title, ви повинні зібрати (або отримати від замовника) список ключових слів. Виглядає це приблизно так:

А далі, як і рекомендує Google – що докладнішим буде опис, то за більшою кількістю запитів сайт буде показано в пошуку. Але це не означає, що потрібно всі ці фрази запхати в тайтл. Це буде найгірше ваше рішення.

Перед тим, як щось писати, потрібно виділити головне ключове слово. Зазвичай, це фраза, яка має найбільшу частотність. Є винятки, але поки не ускладнюватимемо. В даному випадку “тег title”.

Отже, головну ключову фразу потрібно обов’язково ставити в перші 60 символів, щоб вона гарантовано потрапила в заголовок у результатах пошуку. І при цьому якомога ближче до початку заголовка. Тобто починати краще з неї. Використовувати 1 раз.

А далі дивимося, як можна «обіграти» інші фрази. Їх не потрібно вписувати повністю. Достатньо зібрати з них конструкцію, яка включатиме частини цих фраз. І чим більша частотність, тим важливіше знаходження цих слів у title.

Приклад для цієї групи ключових слів:

Зверніть увагу, не всі фрази вдалося врахувати у ньому. Але нам потрібен баланс між ключовими словами та його читабельністю/привабливістю для користувача. Те, що не вдалося вписати, ми використовуємо в інших елементах сторінки.

Аналіз конкурентів

На минулому кроці ви визначили головний ключ для сторінки. Щойно ви це зробили, введіть фразу в пошуковий рядок і подивіться результати пошуку. Як тайтл пишуть конкуренти: яка довжина, з чого починають, які додаткові слова використовують, які роздільники застосовують, чи є якісь символи або емодзі…

В ідеалі, ви маєте помічати якісь закономірності, загальні моменти для більшості сайтів у ТОПі. Адже саме з ними ви будете конкурувати. І поки ви тільки готуєтеся до цього, вони вже перебувають там. Якщо пошукова система вважає їх найбільш “гідними”, то вони роблять правильні кроки для цього. Ось і спробуйте зрозуміти, чи є у них щось спільне. Якщо є – застосовуйте і в себе.

Використання бренду

Чи потрібно використовувати назву сайту або бренду в title та як це робити правильно? Це питання просто не може не з’явиться. Ви будете бачити це у конкурентів, читати в рекомендаціях Google, чути від SEO-фахівців.

Google із цього приводу каже, що можна. Причому як на початку, так і наприкінці. Відокремлюючи двокрапкою, тире або вертикальною межею. Не зловживаючи цим. Давайте розглянемо докладніше.

Коли бренд можна ставити на початок

Ставити назву бренду на початок title варто тільки на головній сторінці сайту, та й то не завжди. Чому не завжди? Причина одна – якщо ви пишете мета-теги для сайту, який має великий асортимент товарів та послуг – швидше за все бренд можна ставити на початок, тому що ключових слів для головної сторінки може взагалі не бути. Наприклад:

Якщо ж ідеться про сайт, у якого головна сторінка просувається за ключовими словами, тоді керуємося рекомендаціями вище та ставимо на перше місце головний ключ, а не бренд. Наприклад:

У цьому прикладі “інтернет-магазин взуття” – це не просто назва, це ключова фраза, за якою сайт може просуватися.

Якщо ставите назву сайту на початок, тоді краще використовувати як роздільник двокрапку або тире.

Коли бренд можна ставити в кінці

Бренд наприкінці тайтл можна ставити для розділів на сайті та для сторінок (Контакти, Про нас, тощо). Наприклад, для сторінки з контактами, можна написати так:

А можна так:

Сподіваюся, не потрібно пояснювати, що другий кращий, як для пошуковика, так і для користувачів?

Аналогічно з розділами. Якщо розділ просувається під велику групу запитів – тоді потрібно дивитися запити. А якщо їх немає або майже немає, тоді варіант:

Точно програє варіантам:

Якщо бренд ставимо наприкінці, двокрапка не надто доречна, краще обирати тире або вертикальну риску.

Коли бренд використовувати не потрібно

На тих сторінках, де є великі групи ключових слів, зазвичай не вистачає місця навіть для того, щоб ці слова нормально вписати. І “забирати” місце, яке можна ефективно використовувати для просування, щоб вписати назву бренду – який у цьому сенс?

Виняток – у вас настільки популярний бренд, що, бачачи його, користувачі активніше клікають на ваш заголовок. Ось тоді так, можна вписувати в перші 60 символів.

Грамотність

Дайте відповідь на просте запитання: ви довірите свої гроші сайту, на якому тексти написані з помилками? Я не кажу про відомі бренди, на яких теж можуть зустрічатися помилки. Там рівень довіри вже сформований.

Візьмемо просто приклад. Ви пишете в пошуковий рядок: “купити квітку на комп’ютерний стіл”. І бачите у видачі заголовок:

Підете на цей сайт? Замовлення робитимете? Швидше за все ні. Принаймні багато людей не підуть. І це начебто дрібниця. Якщо сайт навіть займе високу позицію, але користувачі будуть активно його ігнорувати, він втратить позиції.

Тому, після написання все уважно перечитуємо та виправляємо помилки.

Читабельність

У гонитві за трафіком дехто забуває, що наша цільова аудиторія – це люди. І мало зайняти високу позицію, треба написати так, щоб він привертав увагу і збирав кліки. Або хоча б не відштовхував. Тому не потрібно використовувати перелік ключових слів, писати головний ключ по 2-3 рази, використовувати надто складні конструкції.

Як би це банально не звучало – пишіть для людей. При цьому використовуючи ключові слова. У цьому і є завдання SEO-фахівця – поєднати інтереси користувачів та ПС.

Як збільшити клікабельність

Якщо заголовок на сторінці результатів пошуку буде сформований із title, він повинен привертати увагу. Принаймні саме цього ми прагнемо. Причина проста, і я її вже писав вище – якщо сайт на сторінці видачі збирає більше кліків, ніж інші, його позиція може бути покращена. А це ще більше переходів та потенційних клієнтів. Подивимося, як це можна зробити.

Використовуйте цифри

Будь-які цифри привертають увагу. Використовуйте їх там, де це можливо та доречно. Тільки не треба кидатися в крайнощі і намагатися в кожний title вставити хоч щось. Наприклад, не потрібно вписувати дані, які часто змінюються (ціни, дати), якщо не збираєтеся за ними стежити та регулярно оновлювати.

Подивимося на прикладі:

Заголовок із цифрами займає нижчу позицію. Але кліків майже напевно збере більше. А всього й треба було – порахувати кількість рекомендацій у статті та додати цю інформацію до title.

Використовуйте дужки

Дужки справді можуть привернути увагу та збільшити клікабельність. Але не всі і не завжди. Наприклад, звичайні круглі дужки, всередині яких якесь уточнення, ніяк не вплинуть на ctr. А ось такі, можуть:

Тільки не треба цим захоплюватись. Це спосіб далеко не для всіх сторінок та не завжди потрібний. Але там, де конкуренція висока та ви дійшли до якоїсь позиції, а вище піднятися не виходить, можна спробувати попрацювати із клікабельністю.

Використовуйте символи

Аналогічно попередньої рекомендації використовувати можна, але в невеликих кількостях та не скрізь. Якщо пишете мета-теги не для свого сайту – краще узгодити це питання із замовником. Ставлення до них різне.

Чого слід уникати

Якщо розписати всі помилки, які зустрічаються в тезі тайтл, вийде ще одна повноцінна стаття. Тому розглянемо лише кілька основних, які зустрічаються найчастіше за інших.

Верхній регістр

Намагаючись виділитися серед конкурентів, деякі власники сайтів пишуть title у ВЕРХНЬОМУ РЕГІСТРІ. Це може бути розцінено як спам. І позначиться на сайті негативно. Верхній регістр допускається в абревіатурах країн, валют, організацій та інших загальноприйнятих скороченнях.

Перелік міст

Коли сайт просувається по одному місту, проблем ніяких, можна вписати назву міста. По всій країні теж не проблема, там взагалі регіон вказувати не потрібно. А от коли по кількох містах, у деяких власників таких сайтів з’являється бажання вписати їх усі в title. Так не треба робити. Це не тільки не допоможе, а може навіть нашкодити. Для роботи із регіональністю є інші інструменти.

Прийменники, займенники, частки

Не існує жодних обмежень щодо їх використання. Але у вас лише 150 символів, де потрібно обіграти групу ключових слів. І чим більше прийменників чи займенників ви використовуєте, тим менше «корисного» місця у вас залишиться. Тому писати можна все, але наскільки це можливо мінімізуючи.

Переспам

Багато хто думає, що, якщо головний ключ прописати в title 3 рази замість одного, позиція буде вищою. Або через кому вписати кілька ключових фраз… Це не те, що не дасть результату, швидше навпаки, ви тільки погіршите позиції сайту. Тому дотримуємось розумного підходу. І не намагаємося спамити у цьому тезі.

Шаблони

На початку статті я писав, що теги title мають бути унікальними для кожної сторінки. І це вірно. Але є випадки, коли без шаблонів не обійтись. Наприклад, інтернет-магазин із тисячами товарів, або з десятками тисяч… Не писати ж їх усі руками. Особливо якщо ці сторінки не беруть участь у просуванні.

Вихід досить простий – потрібно написати шаблон, за яким генеруватимуться тайтли сторінок. Алгоритм дій наступний:

1. Беремо одну сторінку та пишемо для неї title, дотримуючись усіх рекомендацій.
2. Потім робимо з нього шаблон.

Приклад title для товарної сторінки:

А тепер спробуємо зробити шаблон:

Кольором я виділив змінні частини. Подивимося їх:

• iPhone 15 128GB Black (MTP03) – це назва товару, коротка характеристика та артикул. Вони всі різні, тому вам нічого не потрібно складати. Просто ця частина змінюватиметься;
• ціни – як варіант, можна зробити цю частину змінною. Варіанти: ціни, найкращі ціни, найкращі ціни на ринку;
• відгуки – варіанти: відгуки, реальні відгуки, перевірені відгуки;
• інтернет-магазин Назва магазину – варіанти: інтернет-магазин Назва магазину, Назва магазину, магазин Назва магазину.

А далі залишиться лише налаштувати, щоб ці змінні частини для різних сторінок було згенеровано рандомно. Це досить суттєво може підвищити унікальність title.

Приклад може і не найвдаліший, але я сподіваюся, що вдалося донести сам принцип, як це працює.

На цьому зупинимося. Є ще багато моментів, які вимагають обговорення. Але того, що написано в статті, достатньо, щоб ви могли правильно заповнити мета-тег title і почати отримувати перші результати.

І не забудьте прочитати рекомендації Google:

• За тегом Title
• Управління заголовками в результатах пошуку

Більшість SEO-фахівців цього не роблять. А потім дивуються відсутності результатів.

У наступних статтях буде ще багато цікавого. Підписуйтесь, щоб не пропустити їх.