Що таке метатеги та як їх правильно складати

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

Що таке метатеги і їх головна мета

Метатеги – це службові HTML-теги, що знаходяться в контейнері <head> будь-якого сайту. Їх головна мета – це передавати короткий опис сторінки для пошукового бота в коді сайту та для потенційного відвідувача сайту в сніпеті пошукової видачі.

Що таке метатеги та як їх правильно складати

Для SEO метатеги відіграють одну з ключових ролей у просуванні сайту у видачі, серед яких виділяють:

  • Title
  • Description
  • H1
  • Keywords 

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

Навіщо писати метатеги

Загальні положення щодо метатегів:

  1. Завдяки тегам Тайтл та Дескріпшн пошукова система з більшим шансом порадить імовірному відвідувачу саме ваш сайт.
  2. Теги Тайтл та Дескріпшн – це не ваше семантичне ядро, вони повинні складатися з зрозумілих речень, з правильною орфографією та логікою.
  3. Якщо HTML-поля залишити пустими, то пошукова система сама вирішить, що саме показувати у сніпеті видачі. Дуже рідко її рішення буде коректно відображати зміст сторінки.
  4.  Пошукові системи не люблять, коли в метатегах пишуть про те, чого немає на сторінці.
  5. Метатеги завжди потрібно оптимізувати під кожну сторінку сайту окремо.

Мета-теги потрібні для інформування пошукових систем

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

Оформлення привабливих сніпетів – Збільшення клікабельності (CTR)

Сніпети – це перше, що бачить користувач пошукової системи, тому він не повинен бути “сухим”. Чим детальніше в сніпеті опис сторінки – тим краще. Варто пам’ятати, що не треба писати в Тайтл та Дескріпшн цілі вірші, тому що будь-яка пошукова система має свої обмеження у кількості пікселів, що відображаються в сніпеті. Саме тому треба писати коротко та змістовно.

Приклади сніпетів

Що таке метатеги та як їх правильно складати
Що таке метатеги та як їх правильно складати
Що таке метатеги та як їх правильно складати

Збільшення переходів із соцмереж – Оптимізація для соціальних мереж

Коли ви відправляєте посилання комусь у соціальній мережі чи то месенджері, то вона “розкривається” та починає показувати деякий текст – це Open Graph – технологія розмітки сторінок, яка допомагає настроїти їхнє відображення в соціальних мережах при публікації. Завдяки Open Graph, у цьому повідомлені не буде показуватись аби-що та людина, з якою поділилися посиланням з більшою довірою перейде по посиланню. Для розмітки сторінки необхідно додати теги <meta> до розділу <head>. Усередині тегів <meta> вказуються атрибути – Property та Content. У Property прописується властивість, а в Content – сам контент: текст заголовка або опису, посилання на зображення та інша інформація для формування сніпету.

Зазвичай в атрибутах property=”og:title” та property=”og:description” пишуть складені мета теги Title і Description сторінки.

Приклади Open Graph:

Що таке метатеги та як їх правильно складати
Що таке метатеги та як їх правильно складати

Просування НЧ запитів 

Ми радимо використовувати не тільки високо-частотні запити в Title та Description, а й низько-частотні. Завдяки входженню НЧ ключових слів в метатегах ваша сторінка має більший шанс просунутися за цими запитами.

Як заповнювати метатег Title

Метатег Title – це назва сторінки в браузері, яка вказується в HTML елементі <title>, секції <head>. Цей заголовок показується як в коді сайту для пошукових ботів, так і в закладках браузеру та в сніпеті пошукової видачі для користувачів. Головна мета тегу Title – повідомити усіх, яка інформація міститься на сторінці.

Правила складання мета тегу Title

Кожна пошукова система має свої обмеження, але їх можна узагальнити:

  • Релевантні ключові слова – Треба використовувати тільки ті ключові слова, що відповідають змісту сторінки сайту.
  • Короткість і ясність – Найкраща довжина Title — від 45 до 60 символів. Коли Тайтл має такий розмір, то він буде повністю видимий, а інакше – пошукова система буде відображати його не повністю. Це більш рекомендація, а не залізне правило. Головне, щоб було зрозуміло, про що сторінка сайту.
  • Привабливість – Заголовок сторінки має викликати інтерес і бажання потенціального відвідувача сайту клікнути на посилання. Заради цієї цілі можна використовувати символи Юнікоду.
  • Унікальність – Абсолютно кожен Title на вашому сайті повинен бути унікальним.
  • Зліва-направо – Пріоритетність розташування ключових слів наступна – спочатку йдуть ВЧ ключові слова (зліва), та вже потім більш нижчі за частотністю.
  • Брендування – Коли ваш бренд вже має пізнаванність, то краще з самого початку вказувати свій бренд, в інших випадках радимо ставити найменування у кінець.
  • Топоніми – Якщо просування сайту в пошукових системах являється локальним, або регіональним, то краще використовувати топоніми, наприклад “Купити товар в Одесі”, “Записатися до барбера Київ” і так далі. 
  • Заклик до дій – Коли на сторінці пропонується послуга, краще закликати до дій, наприклад “Записатися на консультацію з SEO просування” тощо.

Приклади заповнення Title

  • Добре
Записатися на консультацію до дитячого хірурга в Одесі 🦷 Дитяча хірургія - {site_name}
≻ Замовити послуги клінінгу для квартири на сайті {site_name} ➤ Ціни на послуги клінінгу квартири, приватного будинку або складів
iPhone 17 Pro Max - купити Айфон 17 Про Макс найкраща ціна в Києві та Україні | {site_name}
  • Погано
Купити телефон Епл 15 Про Макс максимальна памʼять
Прибирання квартир недорого
Дитячій хірург - {site_name}

Як сформувати метатег Description

Мета тег Description – це короткий опис змісту сторінок сайту, який вказується в HTML-коді, в контейнері <head> у наступному вигляді:

<meta name="description" content="Опис сторінки">

Правила складання Description

Правила складання метатегу Description можна описати наступним чином:

  • Будьте короткими, але змістовними – Description для сайту – як зміст в книзі. Завдяки ньому ви даєте змогу користувачам і пошуковим системам розуміння, про що йдеться мова на сторінці.
  • Ідеальна довжина метатега Description — від 150 до 160 символів. Так само, як і Тайтл, він може мати більше, ніж 160 символів, але не увесь текст буде видимий у сніпеті.
  • Використовуйте релевантні ключові слова – Завдяки ключовим словам користувач зрозуміє, що ваша сторінка релевантна його запиту. Таким чином, він з більшою вірогідністю перейде саме на ваш сайт.
  • Закликайте до дії – Використовуйте такі дієслова, які вимагають зробити дію у користувача: «дізнайтеся», «прочитайте», «купуйте», таким чином ви підштовхнете користувача до дії.
  • Мета тег Description повинен бути унікальним – Абсолютна кожна сторінка вашого сайту повинна мати свій унікальний Description. 
  • Не копіюй – вдосконалюй – щоб покращити видимість сайту, вам потрібно брати метатеги Description конкурентів (топ 10 у пошуковій видачі) та робити з них кращу варіацію цього тексту. Ми не кажемо робити плагіат, ми кажемо брати приклад.
  • Обіцяйте, але не обманюйте – Опис повинен максимально точно відображати зміст сторінки, яка інформація на ній є, який товар або послугу ви пропонуєте. це дуже впливає на видимість сайту в пошукових системах, та покращує довіру користувачів.

Приклади заповнення Description

  • Добре
Стоматологічна клініка {site_name} - Хороший дитячій хірург-стоматолог 🦷 Записатися на консультацію до дитячого стоматолога в Одесі, дізнатися ціну можна за номером телефону ☎ +380 000 0000 або на нашому сайті.
Замовити послуги клінінг на сайті {site_name} - Більше {кількість співробітників} професіоналів ✅ Вигідні ціни ✅ Прибирання квартир ✨ приватних будинків ✨ складів.
Інтернет магазин техніки Apple - Купити Iphone 17 Pro Max з 256Gb або 512Gb ⚡ Усі кольори: Чорний ✅ Сірий ✅ Білий ✅ Блакитний ✅ Вигідна ціна Apple iPhone 17 Pro Max зі знижками та розтермінуванням.
  • Погано
Широкий асортимент iPhone 16 Pro Max SIM+eSIM, в інтернет-магазині {site_name} ви можете онлайн смартфони Apple в Одесі з доставкою по області.
{site_name} - зручний онлайн сервіс для замовлення побутових та бізнес послуг. Замовте послугу прибирання.
😀🦷Зубний лікар стоматолог хірург - що робить?✍👈Види хірургічної стоматологічної допомоги - послуги стоматолога хірурга👍👌Хірургічна стоматологія та щелепна-лицьова хірургія – це те саме?😸❓Стоматологія терапевтична та хірургічна — яка різниця?

Чи потрібно прописувати метатег Keywords

Мета-тег Keywords – це спеціальний тег, який використовували SEO-спеціалісти для поліпшення видимості сайту та знаходиться він в контейнері <head> у наступному вигляді:

<meta name="keywords" content="ключові словосполучення або окремі слова через кому" />. 

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

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

Таким чином, немає сенсу використовувати meta keywords тому, що пошукові системи (не тільки Google) перестали звертати на нього увагу. Однак деякі сайти все ще витрачають час на нього.

Чому все більше людей використовують емодзі в метатегах

Сучасний інтернет-користувач вже звик до одноманітного вигляду видачі, де є тільки букви та числа. Це надто нудно для нього. Саме тому SEO-спеціалісти почали використовувати емодзі, щоб виділятися серед “сірості” видачі.

Що таке метатеги та як їх правильно складати

Ми виділили окремо 3 причини, чому емодзі стали маст-хев в SEO:

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

Інструменти для роботи з Title та Description

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

Перегляд сніпету сайту в пошуковій видачі

Сервіси для симуляції сніпету пошукової системи:

  • Portent’s Google SERP Preview Tool – це безкоштовний сервіс, за допомогою якого ви зможете зрозуміти, як виглядатиме сніпет у видачі.
  • Google SERP Simulator – такий самий сервіс, як і попередній, але його можливості трохи краще.

Сервіси з середовищами для написання контенту для сторінок

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

  • NeuronWriter – Платний сервіс, в якому можна додавати метатеги в середовище та бачити одразу, які мета теги прописані у конкурентів та одразу зможете побачити сніпет.
  • WriterZen – Ідентичний до попереднього, але немає розбивки текстів по проектам, та урізана система поширенням середовищами.

Аналіз метатегів за допомогою розширень для браузера

Щоб не шукати мета теги у коді сторінки, або у видачі Google, є розширення для усіх браузерів на базі Chromium (Google Chrome, Microsoft Edge, Opera, Brave та Vivaldi):

  • SEO meta in 1 click – Безкоштовне та багатофункціональне рішення для SEO-спеціалістів. Дане розширення показує не тільки метатеги, а й кількість символів у них, дані Open Graph, заголовки h1-h6 та багато іншого. 
  • MozBar – В безплатному плані, це розширення має такий самий функціонал, як і в SEO meta in 1 click, якщо доплатити, то можна ще й отримати різні додаткові метрики сторінки (Link Metricsm Domain Overview та ін.).
  • Open SEO Stats – Ще більш урізане рішення, але при безкоштовному акаунті можна працювати з мета тегами.
  • SEO Analysis & Website Review – Розширення аналізує сторінку, та показує проблемні місця та загальну оцінку сторінки, але без преміум підписки ви зможете передивитися тільки метатеги та сніпет.

Парсинг даних за допомогою спеціальних програм

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

  • Screaming Frog SEO Spider – це дуже потужний інструмент, за допомогою якого ви зможете провести повноцінний аналіз сайту. Screaming Frog сканує весь ваш сайт та угруповує проблемні місця в окремі категорії, у тому числі й відсутні або дубльовані мета теги. Але за це все треба платити.
  • Netpeak Spider – це також потужний інструмент від українського виробника. Netpeak Spider має той самий функціонал, що й Screaming Frog, у деяких місцях навіть кращий, ніж попередник, але також являється платним.

Автоматизовані інструменти парсингу метатегів та заголовків

Автоматизовані сервіси для роботи з об’ємом, що парсять увесь сайт. Головний плюс даних сервісів – швидка та автоматизована перевірка метатегів та заголовків онлайн. Головний мінус кожного з сервісів – вони не є безкоштовними. 

Щоб спарсити інформацію необхідно зареєструватися, потім додати адресу карти сайту, чи лист з URL посиланнями та натиснути “Старт”. За декілька хвилин збере усю необхідну вам інформацію в документ.

Що таке тег H1 і наскільки він важливий для SEO

Кожна сторінка має структуру заголовків (один Н1, далі Н2-Н6), яка починається з заголовка Н1. Таке строге розбиття сторінки необхідно для вказування пошуковим ботам основну ідею статті чи сторінки. Чим логічніше буде структура, тим кращу загальну оцінку отримає сторінка від бота. Ще один плюс правильної структури контенту – це зручність для читання користувачів вашого сайту.

Інколи, Google заміняє поганий складений Title на заголовок Н1. Тому краще всього ВЧ запит вставляти у цей заголовок.

Правила складання тега H1

  1. Заголовок Н1 не повинен бути занадто довгим.
  2. Усі заголовки мають бути в чіткій ієрархії (Спочатку Н1, потім Н2, потім Н3 і тд).
  3. Заголовок Н1 повинен вказувати на те, що користувач може отримати на сторінці (Наприклад, якщо послуга “Лікування Герпесу”, значить заголовок Н1 повинен мати ключ “Лікування Герпесу”).
  4. Заголовок Н1 повинен знаходитися у верхній частині сторінки.
  5. Користувачі повинні бачити цей заголовок, тому краще його не приховувати.
  6. Приоритетність ключових запитів зліва – направо.
  7. Заголовки повинні бути цікавими для користувача.

Загальні рекомендації для складання метатегів

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

  • Розбиття по кластерам.
  • Градація ключових запитів за частотністю від більшого до меншого. 
  • Чітке відокремлення загальних ключів від більш детальних (наприклад, “Купити смартфон” не повинен бути в кластері “Купити смартфон Apple”).

Пам’ятайте, що мета теги це не просто поля у які потрібно вписувати через кому ключові слова. Вони повинні бути змістовні, та орфографічно правильними.

Далі в таблиці нижче ми навели загальні рекомендації:

TitleDescriptionH1
Рекомендований розмір45-60 символів120-158 символів20-70 символів
Розташування в кодіВ контейнері <head>В контейнері <body>
Кількість на одну сторінкуЦі метатеги є унікальними для кожної сторінки, тому їх кількість має дорівнюватися 1
Рекомендації по складанню метатегаМетатеги повинні бути орфографічно правильними, привабливими, літературними та зрозумілими для користувача
Використовуйте слова-спонукачі ( зайдіть, негайно, вперед і тд)
Краще не робитиПисати повторення фрази (Тайтл – Записатися на консультацію, Дескріпшн – Записатися на консультацію, Н1 – Записатися на консультацію)
Використовувати безмістовні фрази (“Наша компанія була утворена у….”, “Наша головна сторінка” і тд)
Вказувати домен сторінки
Використовувати фразеологічні стоп-слова

Інструменти для відстеження динаміки змін після впровадження нових метатегів

Після складання нових метатегів, треба аналізувати зміни Показів, Кліків та Середній CTR, для цих цілей краще використовувати наступні інструменти:

  • Google Analytics – безкоштовний інструмент для відстежування поведінкових показників користувачів сайту, де ви зможете відстежувати: джерела трафіку: поведінку користувачів; конверсії та події; аналіз аудиторії.

Приклад відображення основних метрик в GA:

Що таке метатеги та як їх правильно складати
Що таке метатеги та як їх правильно складати
  • Google Search Console – безкоштовний інструмент для розуміння, як Google показує сайт в результатах пошуку. Завдяки GSC кожен SEO-спеціаліст може перевіряти за певний проміжок часу: кількість показів сайту в пошуку; кількість переходів по посиланню; позицію у видачі та середній CTR.

Приклад відображення основних метрик в GSC:

Що таке метатеги та як їх правильно складати
Що таке метатеги та як їх правильно складати
  • SE Ranking – Це хмарна платформа, завдяки якої можна відстежувати позиції сайту за ключовими словами. Завдяки їй, ми можемо перевірити результати змінення метатегів. Варто зауважити, що сервіс SE Ranking не завжди відображає правильну частотність ключових слів, тому на стовбур “Частотність” можна не дивитись.

Приклад відображення позицій по ключових словах в сервісі SE Ranking:

Що таке метатеги та як їх правильно складати

Ці інструменти показують всі необхідні дані та метрики вашого сайту у пошуковій системі Google для аналізу.

Є декілька нюансів, які відносяться до title, description

  • Пам’ятайте, що Google не завжди бере ті мета-теги, що ви прописали. Якщо таке сталося, вам необхідно переробити метатеги, можливо вони неякісні;
  • Спроба використання великих прописних букв в мета-тегах (наприклад, «СТОМАТОЛОГІЧНА КЛІНІКА БУРШТИН») буде розцінена пошуковими ботами, як спроба спаму;
  • При написанні метатега Title та Description крапка в кінці не ставиться;
  • Інформація в мета-тегах Тайтл і Дескрипшн повинна бути різною, завдяки чому користувач отримує більше інформації по сторінці сайту;
  • Ключові запити слід використовувати в мета-тегах різні, не дублювати;
  • Краще не втрачати час на мета-тег Keywords, так як пошукові системи вже давно його не враховують;
  • Не потрібно прописувати в початок метатегів назви компаній, окрім тих ситуацій, коли бренд вже має ім’я.

Використання шаблонів при складанні метатегів

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

Переваги використання шаблонів для метатегів

Серед переваг шаблонів для веб сторінки можна виділити наступне:

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

Для яких сторінок допускається використання SEO-шаблонів

Рекомендуємо створювати шаблони метатегів для наступних типів сторінок:

  • Картки товарів;
  • Сторінки брендів;
  • Сторінки пагінацій;
  • Сторінки фільтрації;
  • Розділи та підрозділи.

Як скласти метатеги для сторінок пагінації на сайті

Пагінація – це розділення контенту сторінки на кілька сторінок. Кожен блог або інтернет-магазин має пагінацію. Завдяки пагінації сторінки з великою кількістю контенту завантажуються швидко.

Проблеми з пагінацією

Неправильно налаштована пагінація може зробити гірше для вашого сайта:

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

Як вирішити проблеми з пагінацією?

Сьогодні є два рішення, як вирішити проблеми пагінації:

  • Canonical – це метатег для уникнення дублювання контенту. Його використовують, щоб вказати основну сторінку для обʼєднання значень сторінок пагінації в одну.
  • Закриття сторінок пагінації від індексації.
  • Rel=”next” і Rel=”prev” – Дані метатеги використовують для створення логічної послідовності сторінок пагінації. Завдяки цим метатегам, пошукові боти будуть краще розуміти, як індексувати сторінки пагінації. Наразі пошукові системи їх не використовують.

Приклад реалізації Rel та Canonical для сторінок пагінації

На першій сторінці:

<link rel="canonical" href="https://example.com/blog-post">
<link rel="next" href="https://example.com/blog-post?page=2">

На другій сторінці:

<link rel="canonical" href="https://example.com/blog-post">
<link rel="prev" href="https://example.com/blog-post">
<link rel="next" href="https://example.com/blog-post?page=3">

На третій сторінці:

<link rel="canonical" href="https://example.com/blog-post">
<link rel="prev" href="https://example.com/blog-post?page=2">

5 корисних порад по роботі з метатегами для пагінації

Сьогодні можна виділити 5 золотих правил при роботі з метатегами для пагінації:

  • Уникайте дублювання контенту. Завжди вказуйте canonical, якщо не хочете, щоб пошукова система розцінювала сторінки пагінації, як дублюючий контент.
  • Пов’язуйте сторінки між собою. Памʼятайте, що використовуючи rel=”prev” та rel=”next” ви вказуєте логічну послідовність сторінок.
  • Оптимізуйте заголовки і описи. Кожна сторінка пагнації повинна мати унікальні Тайтл та Дескріпшн.
  • Слідкуйте за швидкістю завантаження. Пагінацію використовують для розділення контенту на кілька сторінок з метою збільшення швидкості завантаження сторінки, 
  • Фільтри для зручності користувача. Якщо ви маєте більше 3 сторінок пагінації, то краще додати фільтри, для покращення UX.
  • Аналізуйте результати. За допомогою інструментів аналітики ви можете зрозуміти поведінку користувачів та як метатеги впливають на трафік.

Як скласти шаблон генерації метатегів для карток товарів

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

Які можуть бути змінні:

  • назва товару;
  • артикул;
  • ціна;
  • назва вищої категорії;
  • назва категорії;
  • бренд;
  • інші характеристики товару.

Приклад шаблону генерації метатегів для карток товарів

Приклад шаблону мета тегів для картки товару:

Title: {Н1 + Топонім} - Купити в інтернет-магазині site.ua
Description: {Назва категорії} купити в інтернет-магазині site.ua за кращою ціною ✔️ Тільки якісні товари ✔️ Відправка день в день ➔ Замовляйте!
Н1: {Назва товару}

Метатеги в різних CMS – особливості

Коли ви знаєте, як правильно складати метатеги, шаблони для карток товарів та метатеги для сторінок пагінації – слід проговорити про системи управління контентом (CMS), а саме, як відрізняється робота з метатегами в різних CMS.

WordPress – простота і функціональність

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

  • Yoast SEO – найпопулярніший плагін для додавання та редагування мета тегів на сайті. 
  • All in One SEO Pack – альтернатива попереднього плагіну, яка не поступається функціоналом.
  • Rank Math SEO – інструменти ШІ SEO для домінування в SEO-рейтингах.

Joomla – гнучкість і контроль

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

  • Joomla Metadata – вбудований функціонал для роботи з метатегами, який надає можливість додавати мета-теги вручну для кожної сторінки.
  • sh404SEF – цей плагін добре покращує SEO та має при собі інструменти управління метатегами.

Drupal – міць і масштабованість

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

  • Metatag Module – завдяки цьому інструменту ви зможете додавати метатеги по категоріям та окремим сторінкам.
  • Pathauto – використовують для створення SEO-URL.

Magento – CMS для eCommerce

Magento – ця CMS є лідером серед інших для інтернет-магазинів. 

  • Magento Default SEO – це вбудований інструмент для додавання та змінення мета-тегів на рівнях категорій, продуктів та сторінок.
  • Mageworx SEO Suite – покращює функціонал CMS для SEO, у тому числі й поліпшує роботу з метатегами.

OpenCart – Відкрита eCommerce платформа

OpenCart – це CMS для eCommerce проектів з відкритим кодом.

  • SEO Tags Generator (Sergetkach) – це популярний модуль для генерації метатегів для карток товарів інтернет-магазину.
  • SEO Tags Generator (OCmod) – використовують для автоматичного заповнення значень карток товарів в каталозі магазину.
  • All-in-one SEO – це платний модуль за допомогою якого можна генерувати мета теги, працювати з ЧПУ, редиректами та картою сайту.

Shopify – Створення та ведення онлайн-бізнесу

Shopify – це платформа, яка дає інструменти для створення та ведення онлайн-бізнесу.

  • SEO Meta Manager – для автоматизації публікації мета тегів, кращої оптимізації контенту та налаштування зображень.
  • Smart SEO – автоматично генеруйте метатеги, alt-теги, виправляйте непрацюючі посилання та керуйте картою сайту вашого магазину.
  • SEO Manager – для масового редагування метатегів для оптимізації.

Wix – Простота під час створення сайтів

Wix – платформа, для створення сайтів та інтернет-магазинів для користувачів без навичок програмування.

  • Wix SEO Wiz – вбудоване для рішення для налаштування мета-тегів та допомоги в індексації Google.
  • MetaMaster: SEO Optimizer – для швидкого налаштування метатегів для всього сайту.

Фреймворки та метатеги

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

При створенні сайту за допомогою фреймворка (django, laravel, symfony та інші) врахуйте, що потрібно поставити розробникам задачу на реалізацію полів введення та виведення мета-тегів.

Висновок

Метатеги у сучасному інтернет-просторі це не просто один з шагів SEO-стратегії просування сайту. Це корисний інструмент, без якого вашому сайту та вашому бізнесу буде гірше. Тому краще не нехтувати цими, з першого погляду простими, інструментами при оптимізації сайту.

Для покращення позиції сайту в пошукових системах – вам необхідно знати відповіді на ці питання:

  1. Що таке мета-теги?
  2. Що таке Description?
  3. Що таке тег Title?
  4. Як правильно заповнити метатеги?
  5. Чому кожен метатег значно впливає на релевантність сайту?

Якщо ви змогли відповісти на ці запитання, то я зміг відповісти вам на запитання “Що таке мета-теги та як їх правильно складати”, а інакше, краще ще раз перечитайте цей посібник по метатегам.

Часті питання про метатеги

Що таке мета теги простими словами?

Мета теги — це HTML-елементи, які є на кожної сторінки і використовуються пошуковими ботами та відвідувачами для швидкого розуміння про що конкретна веб-сторінка. 

Які є метатеги для SEO?

Title – заголовок сторінки – відображається в сніпетах пошуку і в назві закладки браузера.

Meta Description – короткий опис змісту сторінки – відображається у сніпетах пошуку, коли правильно складений, то може збільшити CTR.

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

Open Graph – група мета тегів – використовують для покращення відображення вашого посилання у соціальних мережах, месенджерах та ін.

Canonical – канонічна сторінка контенту – використовують для уникнення дублювання контенту.

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

Усі метатеги прописуються в контейнері <head>, за допомогою тегу <meta>, тільки тег Title прописується окремо, без тегу <meta>.

Як перевірити метатеги сторінки?

Для перевірки метатегів сайтів можна використовувати: Окреме ПЗ – Screaming Frog, Netpeak spider; розширення для браузерів – SEO meta in 1 click, MozBar, MozBar, SEO Analysis & Website Review; Онлайн сервіси – Import.io, Mmozenda, Octoparse, Parsehub.com.

Куди додавати метатеги?

Будь-яка сторінка, що індексується, повинна мати свої унікальні мета теги з тією метою, щоб як користувачі, так і пошукові системи розуміли головну суть сторінки сайту.

Що таке title та description?

Title – це елемент HTML розмітки, у якому задається заголовок сторінки. Це один з ключових тегів для SEO. 

Description – це атрибут тегу <meta>, у якому пишуть короткий зміст сторінки. Не має великого впливу на ранжування, але впливає на CTR. Це як обкладинка книги – від неї залежить здебільшого чи почне цю книгу читати людина, чи обере іншу. 

Description і Title працюють у парі – обидва мають велике значення для SEO та дають можливість пошуковим ботам і користувачам розуміння про що йдеться мова на сторінці.

Що пишуть у title?

По-перше, у title пишуть релевантні високочастотні ключові слова з приоритетністю зліва-направо (у самому початку більш частотні, а в кінці title менш частотні). По-друге, у title пишуть топоніми,  це корисно для локального SEO. По-третє, назва бренду – коли бренд відомий, то має сенс ставити його на початку Title та у інших випадках можна зовсім не писати або у самому кінці. 

Що писати у meta description?

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

Скільки символів у description?

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

Що таке теги H1?

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

Який вплив метатегів на SEO?

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

Дмитро Міллєр

Дмитро Міллєр

Спеціаліст з SEO просування

Привіт, мене звати Дмитро, я спеціаліст з SEO-просування із досвідом роботи на західні ринки — передусім США, Канаду та Європу. Протягом кількох років працюю з проєктами в складних нішах, таких як медицина, астрологія, IT/dev-продукти та напрям work and travel.

Всі статті автора →