Метатеги це кістяк сторінки, яким орієнтується Google і користувачі. Це водночас корисна інформація для машини та людини — про що йтиметься на сторінці, наскільки релевантна інформація. Без заповнених метатегів сторінка подібна до автомобіля без освітлення на нічній магістралі. Усі метатеги важливі, але вони мають порядок важливості. Першими стоять теги Head, згодом Body. Найважливіші теги — Title та Description.
Про що піде мова
- Що таке тег Title
- Що таке тег Description
- Емодзі в метатегах
- Орфографія та пунктуація
- Функція перекладу
- Що таке тег Keywords
- Що таке тег H1
- Що таке метатег Alt
- Інструменти для перевірки та впровадження метатегів
Метатег Title
Цей тег — назва сторінки. Тільки не плутайте його з Н1. Title виводиться в результатах пошукової видачі, при наведенні на фавікон, при копіюванні посилання на соціальні мережі та месенджери. Розберемо приклади докладніше.
Важливо, щоб Title спонукав користувача переходити за посиланням пошукової видачі (або де б вона не з’явилася).
- По-перше, це презентація бренду: «по одягу зустрічають».
- По-друге, тег потрібен Гуглу, щоб зрозуміти, про що йдеться на сторінці.
Важливо: Н1 та Title це різні теги! Іноді вони можуть виглядати однаково, але їхня роль відрізняється. Тег Title ви бачите у пошуковій видачі та коли ділитеся контентом практично на будь-якій платформі. Тег H1 — це заголовок, який ви бачите на сторінці. Часто на сайтах їх прописують однаковими, бо так простіше та зрозуміліше оптимізатору. Якщо користувачі переходять з пошукової видачі, клацаючи по певному заголовку, швидше за все, вони чекають на такий самий (або схожий) заголовок на сторінці. Звідси й ідея взяти Н1 за основу.
Правила Title
Довжина 40-60 символів тексту + емодзі
Бачите три крапки? Це неправильний Title. Google починає обрізати теги заголовків у пошуковій видачі довше 70 символів (для мобільної видачі близько 80).
Насправді розмір залежить від пікселів, але практика показує, що найчастіше це 40–60 символів. Так що не робіть їх довшим.
📌 Читайте в блозі: Вічнозелений контент
Часті помилки
- Пишіть для людей, а не пошукових систем: не використовуйте багато ключових слів, якщо вони виглядають неприродно. Будьте обережні з шаблонами зі змінних і розбавального тексту — в 90% випадків вони неприпустимі, призводять до каламбурів і подальших проблем з клієнтом (він починає нервувати, писати питання аккаунт-менеджеру і сам аккаунт-менеджер починає нервувати і ставити вже вам багато запитань — запобігти це якісною роботою). Про шаблони ми поговоримо далі.
- Прописуйте унікальні Title. Переконайтеся, що заголовки на всіх сторінках вашого сайту. Теги, що повторюються, Title — часта помилка.
- Переконайтеся, що на всіх сторінках є тег Title. Це також поширена помилка.
- Не використовуйте капслок. Якщо виділити якесь одне слово, наприклад, абревіатуру, то уе припустимо. Весь Title чи його частину набирати капсом — серйозна помилка.
- Не використовуйте вертикальні слеші — прикрашайте теги емодзі.
- Не забувайте, що тире має бути довгим. Ось таким: —. Копіюйте в автозаміни прямо звідси.
- Лапки в назві компанії — товару тільки ялинки. Ось такі: «». Назви, набрані латиницею в лапки не беріть. Наприклад: компанія «Маркетинг Лінк» та Компанія Marketing Link.
- В окремих стовпчиках обов’язково увімкніть функцію підрахунку символів: =len(комірка). Щоб завжди знати, чи не перевищили ви ліміт символів.
- Щоб зручно було працювати з Н1, обов’язково увімкніть формулу імпорту XML Н1 для Google Sheets.
- У Title та Description повинен бути Н1 у тій формі, в якій він є (або в тій, якою ви його виправили, якщо спочатку H1 не було або він був неінформативний). Не змінюйте за числами, але якщо потрібно, заміняйте відмінки. Наприклад, Н1 — Дверні замки COMIT.
| Вірно чи ні | Title | Description | Пояснення |
|---|---|---|---|
| Вірно | Дверні замки COMIT 🔒 Якісна фурнітура на site.com | Дверні замки COMIT — моделі для вхідних дверей міцні та надійні 🚪 Оригінальні товари від італійського виробника для дверної фурнітури на site.com | Тут Н1 з точним входженням, все правильно за кількістю символів, перевірено орфографія. |
| Невірно | Дверной замок COMIT | site.com | Шукаєте фурнітуру – Моделі для вхідних дверей високої міцності та надійності. Оригінальні товари від італійського виробника для дверної фурнітури на site.com | У Title Н1 з неправильним входженням, а Description його взагалі немає. Немає емодзі, є вертикальний слеш. |
| Невірно | Купити спальний мішок ковдру — Terra Incognita Asleep Wide 300 | Купити спальний мішок ковдру — Terra Incognita Asleep Wide 300 ⛺️ Безкоштовна доставка. Спальник підвищеного комфорту, ширина збільшена до 100 см. Купуйте за вигідною ціною в магазині виробника | Не хочеться придбати цей спальник зовсім. Написано канцеляритом та без душі. Маркетологи повинні вміти писати краще. |
| Вірно | Йдете в похід і потрібен широкий теплий спальник? ⚡️ Спальник Terra Incognita Asleep Wide 300 — те, що ви давно шукали: легко перетворюється на ковдру, анатомічний капюшон. Мастхев для туриста | Написаний простою мовою, є переваги для клієнта. Так треба писати усі рекламні оголошення. |
Як прописати хороший Title
Title виводиться в пошуку і, прочитавши його, користувачі вирішують, переходити на сторінку чи ні, тому в Title пишіть ключове слово сторінки, іноді це H1, але не завжди.
Наприклад, H1 — Доставка або Каталог. Його потрібно «обернути» в щось на кшталт: «Безкоштовна доставка від магазину Х», «Швидка як блискавка доставка від магазину Х», «Дізнайтесь більше про комфортну доставку магазин Х», «Хочу зробити замовлення. Коли його можуть доставити? — Магазин Х». Звичайно, писати про те, що доставка безкоштовна потрібно лише тоді, коли вона справді безкоштовна. Не вигадуйте переваги — звіряйтесь з текстом на сайті клієнта.
Розберемо поганий приклад
Не можна написати за такою схемою: «H1+ Купити недорого без реєстрації, відгуки, в Україні та світі». На прикладі зі скріну: подвійні пробіли, невідповідність тексту (свинарство купити не можна — можна купити обладнання для свинарства), дефіс замість тире, текст про кращі ціни, хоча можна було щось більш осмислене, назва компанії капсом і несподівана прогалина в кінці. Використаний вертикальний слеш. Title надто довгий.
Якщо потрібно написати Title для сторінки Доставка, Оплата, Каталог, то найгірше, що ви можете зробити — Н1+ {купити оптом/недорого/швидко у Києві/Чикаго/Торонто}. Службові сторінки дуже важливі, і з ними треба робити таким чином. Погляньмо на досвід Розетки.
Але для Доставки зовсім інший Title. Трохи довгий для Гугла, але суть у тому, що точно відображає зміст сторінки і після слешу, швидше за все, УТП для всіх технічних сторінок — немає нічого про ціни, купити, оптом та інше.
Додайте у Title слова дії. Наприклад: купити, подивитися, дізнатися, знайти. Об’єднайте ці слова з такими термінами як безкоштовний, простий або новий, і люди будуть переходити активніше.
У прикладах вище немає довгих тире, іноді невпопад лапки, емодзі, які некоректно відображаються, вертикальні слеші, але, тим не менш, це непогані приклади з емодзі (з емодзі важливо не перестаратися, як на деяких прикладах), написані людською мовою і явно виділяються серед конкурентів. Наше завдання — подивитися на конкурентів та лідерів ринку та зробити краще.
Метатег Description
Meta Description (метаопис, Description) — це другий за важливістю тег і це опис сторінки для людей та пошукових систем. Оптимальна довжина Meta Description — 160-200 символів. Можна писати і довше, але не на всіх пристроях вони відображатимуться коректно. Загалом не варто зациклюватися на довжині, припустимо, 160 символів достатньо, але 150 — мало.
Необхідно забезпечити зв’язок між Title та Meta Description, щоб пошукові системи могли легко розпізнати, про що ви збираєтесь говорити. Meta Description — це продовження Title.
Кожна веб-сторінка повинна мати одне цільове ключове слово. І це ключове слово має відображатися в Title і Meta Description.
Не можна написати в Title «SEO», а в Meta Description — «розміщення контенту на сайті». Це два різні ключові слова, і їхня невідповідність заплутає пошукові системи.
Якщо використовувати емодзі в Meta Description, варто врахувати, що один емодзі це ≠ один символ. Один емодзі може зайняти до десяти символів.
Без метаопису Google за замовчуванням використовуватиме будь-яку пропозицію, яка, на його думку, найкраще охоплює контент.
Як зробити хороший Meta Description: оцінити контент на сайті, подивитися, що написано в H1 і Title, але розсудити, що залишити, а що переробити. Додати Переваги компанії, подивитися хороші приклади від конкурентів, зробити кілька шаблонів Meta Description та міксувати їх.
Емодзі в метатегах
Емодзі привертають увагу тих, хто вирішить зайти на сайт із пошуку. Google швидше за, ніж проти емодзі у метатегах.
Деякі емодзі неправильно відображаються у видачі, тому після того, як вставте емодзі, перевірте, як це виглядає в Google.
🚀👍 💫 🏅🏆⚡✌✅
Виявіть фантазію. Якщо клієнт продає зерноочисники, то можна використовувати емодзі качани 🌽 або пшениці 🌾. Якщо це послуги з ремонту, то емодзі з інструментами 🧰⚒️, якщо настільні ігри, то 🎲, якщо алкоголь, то 🍹 або 🥃. Увімкніть уяву. Такий творчий підхід допоможе клієнтам виділитися перед конкурентами, а отже, заробити більше грошей, він буде задоволений співпрацею і ми зростатимемо разом з ним.
Обережно з Емодзі
Додайте один емодзі у Title і один у Meta Description. На цьому все. Не захаращуйте теги смайликами — Google за таке карає. Цитрус перестарався і був позбавлений права на гарний вигляд у пошуковій видачі.
Один емодзі — це не один символ. Наприклад, емодзі вогонь 🔥 займає в HTML-коді дев’ять символів — 🔥. Тому в умовах обмеження символів на Title ~60 враховуйте це.
Не використовуйте емодзі з обличчями, наприклад, 🤩🤯😝. Після емодзі пишіть з великої літери, перед емодзі не ставте крапку, якщо цього не вимагають правила, наприклад, скорочення (екз., тис.).
Орфографія та пунктуація
Перевірте перед додаванням у файл-структуру клієнта. Перевірте ще й довгі тире (ось таке: —). Будьте обережні з символами зі схожим накресленням.
Встановіть Коректор граматики та орфографії LanguageTool, щоб легше перевіряти.
Функції перекладу
Коли метатеги написані та затверджені, потрібно їх перекласти. Чи потрібно перекладати українською чи іншою мовою, запитайте того, хто ставив завдання.
Функція GOOGLETRANSLATE дозволяє перекладати текст прямо в Google Spreadsheet:
З української на англійську: =GOOGLETRANSLATE(“текст/ячейка”;”uk”; “en”)
При перекладі злітають довгі тире, тому перевірте автозаміни, вичитайте метатеги перед тим, як їх здати на перевірку.
Метатег Keywords
Keywords — це перелік ключових слів сторінки.
Кейворди колись були важливими, але сьогодні вони не так сильно впливають на місце у видачі. Їхнє заповнення — лише опція.
<meta name = “keywords” content = “перерахуйте ключові слова сторінки через кому”>
Як кейворди виглядають у коді:
Метатег H1
Найважливіше правило в Н1 — цей тег на сторінці має бути один і він обов’язково має бути.
Якщо на сторінці немає Н1, допишіть його так, щоб він був релевантним контенту. Якщо Н1 кілька, то залишаємо лише один. Інші або переводимо в Н2, Н3 (якщо вони заслуговують бути Н2 або Н3), або видаляємо, або переводимо в простий текст — потрібно дивитися за ситуацією.
Метатег Alt
Атрибути Alt та Title зображення називаються тегом alt і тегом заголовка. Але технічно це не теги, а атрибути. Альтернативний текст описує те, що зображено на зображенні та функції зображення на сторінці.
Тому, якщо ви використовуєте зображення в якості кнопки для покупки продукту X, в тексті, що заміщає, має бути сказано: «Кнопка для покупки продукту X».
Ще Alt використовується для читання з екрану сліпих і людей з вадами зору. Спеціальні програми читання з екрана повідомляють користувачів, що зображено на зображенні, читаючи Alt.
Якщо на сайті немає поля, куди можна вписати Alt, то обов’язково напишіть задачу про це. Це буде задача програмістам клієнта.
Інструменти для перевірки та впровадження метатегів
Плагін SEO meta data extension Web Site
Допомагає орбити первинний аналіз сторінки, коли відповідь треба тут і зараз.
Плагін Yoast SEO для WordPress
З Yoast у всіх сторінок, які ви публікуєте, є внутрішні параметри для оптимізації SEO, оновлення тегів та інших метаданих.
Коли Yoast встановлений на вашому сайті WordPress, кілька клацань мишею та кілька секунд вашого часу — це все, що вам потрібно, щоб додати метатеги.
Інші інструменти
- Serpstat
- Screaming Frog
Висновки
- Стежте за довжиною метатегів, не пишіть довгі, але стежте, щоб метатеги були вичерпними. Рекомендована довжина Title — від 30 до 60 символів, а Description 160 символів.
- Заголовок H1 відіграє ключову роль у структуруванні контенту та повинен точно відображати основну тему сторінки,бути інформативним та зрозумілим.
- Додавайте емодзі в метатеги, але контролюйте їх кількість, не зловживайте.
