Як правильно сформувати мета-теги Title, Description і H1

Три кити, на яких будується загальне враження про вашу сторінку — це метатеги Title, Description і Н1. Також не варто забувати про keywords, адже він вказує список ключів, які релевантні даній сторінці. Правильно оптимізувавши мета теги під пошукову систему, ви зможете отримати непоганий буст і просунути свій сайт. Але тут палиця двох кінців: мета-теги можуть як поліпшити SEO-просування, так і повністю звести нанівець всі ваші зусилля. Тому не варто ігнорувати їх важливість і заповнювати аби як.

Тут ми розглянемо кілька варіантів як правильно прописати мета-теги, щоб підвищити CTR (click-through-rate) в пошуковій видачі до 75%, а то і більше.

Що таке Title і який він має вигляд?

Тег тайтл — це мета-тег html-документа, який дозволяє вказати заголовок сторінки. Користувачі бачать його всього в 2 місцях:

У пошуковій видачі:

або ж у вкладці браузера:

Також мета-тег title видно в соціальних мережах, коли ви прикріплюєте до посту посилання на сторінку.

Для чого потрібен тег Title?

Ключова роль, яку виконує цей метатег — це оптимізація сторінки під необхідні ключові запити. Якісно оформлений тайтл допомагає підвищити кількість кліків в пошуковій видачі. Мільйони людей, вводячи запит в пошуковій системі, побіжно переглядають результати видачі і аналізують куди ж клікнути. І першими в очі кидаються заголовки, що містять запит, їх видно відразу, так як вони підсвічуються жирним шрифтом. І до того ж люди ще звертають увагу на додаткові слова в заголовку title. Це можуть бути такі тригери, як: "купити дешево", "безкоштовна доставка", "за найкращою ціною", "акція", а також геолокація, наприклад, "купити Київ".

Все це грає ключову роль і визначає подальшу долю вашої сторінки.

Важливо: Google не використовує мета-теги для ранжирування, так що роблячи неякісний контент — на одних тегах НЕ "виїхати". Але, підвищуючи кликабельність в пошуку, також поліпшуються поведінкові фактори, які дадуть пошуковим системам сигнал, що ваш сайт непоганий і його можна підняти вище у видачі.

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

Щоб отримати бажаний ефект від тайтла, необхідно трохи креативу, ключових слів, а також дотриматися рекомендацій пошукових систем і врахувати основні правила складання.

Яка повинна бути довжина SEO Title

Максимальний розмір тайтл повинен бути не більше 200 символів з пробілами. Як Google, так і Яндекс беруть до уваги кожне слово, але в пошуковій видачі можуть бути видно лише кілька перших слів.

Наприклад, в Яндексі ви побачите близько 56 символів. 

А Google покаже вже 63 символу.

Оптимальний розмір тега тайтл становить приблизно до 70 символів з пробілами (7-8 слів). Але це йде більше як рекомендація, ніж правило, оскільки якщо заголовок буде працювати, то чому б і ні? Не зациклюйтеся на обсязі, навіть якщо плагіни "будуть лаятися" або видавати це як помилку.

Отже, що потрібно врахувати при складанні заголовка сторінки:

• Спочатку включіть в тезі тайтл ключовий запит в необхідній формі;
• Постарайтеся розмістити найбільш вагомі ключові слова спочатку в перших 50-60 символах;
• Слова в title відбирають частину ваги, тому чим далі вони знаходяться від початку — тим менше вони мають вплив. Намагайтеся всі важливі ключі слова прописати на початку;
• Намагайтеся не використовувати точки, знаки питання чи оклику. Але можете сміливо додавати в title коми, двокрапки й тире. Також можна використовувати вертикальний роздільник |;
• У жодному випадок теги тайтл не повинні повторюватися на сайті, а перетин з іншими веб-ресурсами має бути мінімальним. Для унікальності допускається додати в кінці заголовка ім'я бренду або компанії.

Щодо спецсимволів: 

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

Шаблон для Title 

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

Але якщо узагальнити, то вийде, що Title повинен складатися з:

• головного ключа, написаного в тій формі, по якій ви хочете просуватися;
• хвостових запитів, що також мають велику вагу;
• топоніма (для геозалежних сайтів);
• іншої форми написання головного ключа;
• ім'я бренду / сайту.

Приклад:

Безкоштовна доставка квітів в Мінську: Замовити букет зі свіжих квітів за вигідними цінами | MillionRoz

Для головної сторінки необхідно оптимізувати заголовок під 1-2 найбільш високочастотних і конкурентних запитів, які відображають вашу діяльність:

Інтернет-магазин шкіряного взуття "ФредіКо" ➤ 100% натуральна шкіра;

Послуги нотаріуса в Києві | Нотаріальна контора "Властов"

Для кожної категорій Title може бути абсолютно різним, але в основному вони містять:

1. Назва категорії + купити в (місто / країна) | Назва інтернет-магазина;
2. Назва категорії + купити (місто, країна), ціна (інша назва категорії) в магазині (назва інтернет-магазину).

Під іншою назвою може бути:

• трансліт бренду (наприклад Adidas і Адідас);
• синонім (телефон-смартфон);
• ключове слово в іншому числі або з іншим приводом.

Наприклад:

Дитячі велосипеди - купити Харків | Інтернет-магазин "Докотилися"

Також для категорій в тайтлах можна вказувати цінові пропозиції:

Килимки для йоги - купити йога мат від 250 до 1800 грн в Києві. Безкоштовна доставка по всій Україні | Інтернет-магазин "Намасте"

Для карток товару заголовок повинен складатися з назви товару + додаткові запити, як "купити, ціна, характеристики" та інші синоніми. В кінці також вказуємо назву бренду / компанії.

Приклад:

Гребінець для волосся Tangle Teezer Winter Berry: купити за найкращою ціною в Україні - EstVolos

М'ясорубка Bosch MFW3640A — купити в Києві з доставкою, ціна, огляд, характеристики м'ясорубки Бош | Інтернет-магазин "Маслай"

Також в тайтл можна прописувати точну ціну товару і його характеристики:

Коркова дошка Axent 60х90см: купити коркову дошку за ціною 320 грн в Києві. Безкоштовна доставка по всій Україні | ТвойOffice

До речі! Дуже важливо враховувати послідовність ключових слів. Банально, але хто б міг подумати, що кросівки чоловічі шукають набагато частіше, ніж чоловічі кросівки

Тому про це теж варто подбати.

Які слова краще не включати в заголовок

До тайтла потрібно ставитися також з особливою обережністю, щоб не потрапити під спам-фільтри. Тому не рекомендується вживати більше 2 входжень основного ключа. Використовуйте синоніми або іншу словоформу. Також не використовуйте більше 2 комерційних маркерів, а також маркери однакові за змістом. Наприклад, не використовуйте в зв'язці слова "ціна" і "недорого", або "купити" і "замовити".

Підвищуємо СTR на 75%

Згідно з дослідженнями MOZ і Hubspot наявність цифр в Title збільшує CTR на 36%, а дужки ще на 38%. Тобто таким нехитрим способом можна легко збільшити клікабельність практично на 75%, що досить непогано за такі невеликі зусилля.

Тепер перейдемо до Description.

Що таке description (дескріпшн)

Мета-тег description, він же мета-опис — це короткий опис вмісту html-сторінки, яке може використовуватися пошуковими системами для оформлення сніпету.

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

Але це зовсім не означає, що раз так, то над написанням description тоді не варто морочитися.

У більшості випадків пошукові системи вибирають все ж саме мета-тег description в якості опису сторінки, і тут вже можна ще трохи поекспериментувати і знайти "золоту формулу" складання цього мета-тегу.

Рекомендації по складанню Description

Як ми вже згадували в статті “13 порад з контенту ...” є шаблонна форма складання дескріпшина, можете ознайомитися з нею по посиланню вище.

А тут ми додамо ще кілька рекомендацій:

• Ваш description обов'язково повинен містити до 2 ключових запитів, але вони не повинні бути такими ж, як в title;
• Він повинен бути переконливим і "чіпляти", тому в кінці обов'язково додайте CTA (call to action);
• Для підвищення привабливості та CTR використовуйте спецсимволи, емоджі і дужки. Але тут потрібно бути обережним, так як на деяких браузерах і операційних системах спецсимволи можуть і зовсім не підтримуватися;
• Розмір дескріпшина не повинен перевищувати 300 символів з пробілами; для оптимальної довжини буде досить 170-200 символів.

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

Наприклад:

Валіза для ручної поклажі c розширником Samsonite HI-FI KD8 * 001: червоний. Розмір: 55х40х20 см. Купити маленький чемодан Самсонайт за спеціальною ціною прямо зараз.

Також в дескріпшн необхідно включити топоніми, якщо ви їх не включили в мета заголовок.

Заголовок Н1

Тег Н1 — це елемент розмітки тексту в html, який вказує назву сторінки. Він відображається вже безпосередньо на сторінці в якості заголовка, тобто в пошуковій видачі його не видно.

Як правило, мета тег H1 повинен бути коротким, лаконічним і чітко відображати основний зміст сторінки.

Важливо:

• Тег H1 повинен містити ключовий запит в прямому входження;
• Тема H1 використовується на сторінці тільки 1 раз, в той час як інші теги H2, H3, H4 ... можуть повторюватися, але тільки в правильній послідовності. Наприклад: H2, H2, H3, H3, H3, H4 аж до H6;
• Бажано, щоб H1 не копіювати тег title, адже це додатковий спосіб включити ще кілька ключових запитів до вас на сайт;

Метатег keywords

Мета-тег keywords — це ключові слова, які відображають основний зміст сторінки. Так, наприклад, для сторінки товару синьої ручки, keywords буде: ручка, кулькова ручка, синя ручка, синя кулькова ручка і т.д.

Створюючи кілька keywords їх потрібно в обов'язковому порядку прописувати через кому і не дублювати одні й ті ж ключі.

На питання чи потрібен keywords і чи впливає він на ранжування — відповідь "Ні". Точніше це "ні", стосується тільки пошукової системи Google. Про це повідомлялося ще в 2009 році, але політика не враховувати кейвордс так і не змінилася з тих часів.

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

И доречі! Не варто переспамлівать даний тег, адже Google хоч і не враховує його для ранжирування, але може покарати фільтром за переспам.

Тому не варто в кейвордс додавати більше 5 слів, а деякі SEO-фахівці і зовсім вважають за краще не вказувати цей тег, про всяк випадок.

Висновок

Якщо уявити, що розмітка веб-ресурсу — це книга, то Title — буде її назвою, Description — анотацією, H1 — назвами глав, а keywords — короткими тезами про що книга "Бізнес, маркетинг, біографія" і т.д.

Правильно оформлені мета-теги дозволять підвищити CTR на вашому сайті, а також дати як користувачам, так і пошуковим краулер максимально детальну і в той же час коротку інформацію про те, що міститься на сторінці.

Мета-теги — це обличчя сайту, яке відповідає за презентабельний вигляд, тому підходити до їх оформлення потрібно з розумом.