Мета теги

ВЕБАНАЛІТИКА
В ЦИФРОВИХ
МЕДІА
Олександр Кантур,
викладач кафедри медіапродюсування та видавничої справи
Що таке мета-теги та
навіщо вони потрібні?
Ми заходимо в пошукову систему з

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

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

<head> … </ head>, перевіряються
роботами під час індексації сайту.
Які функції виконують мета-теги?
Покращують ранжування сайту в пошуковій видачі,

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

цільову аудиторію;
Сприяють адаптивному відображенню контенту на

різних пристроях (комп’ютерах, планшетах,
телефонах).
Класифікація мета-тегів
Умовно поділяють на:
seo мета-теги (сприяють пошуковій оптимізації

сайту)
технічні мета-теги (відповідають за технічну

оптимізацію ресурсу)
Seo мета-теги включають:
«Title», «Description», «Keywords»
- «Title»
- «Description»
Тег «Title»
Перший і головний для пошукової оптимізації мета-тег. Це
своєрідний заголовок сайту, який має свої унікальні
особливості.
«Title» відображається двома способами:
У ТОПі пошукової видачі синім великим текстом, який

передає суть сторінки, підштовхуючи користувача клікнути по
посиланню;
У вкладках браузера, щоб дозволити користувачеві

зорієнтуватися при пошуку потрібного ресурсу.
Як заповнювати «Title»?
У цьому тезі використовують найбільш високочастотні запити на початку речення.
Тег має вміщувати ключові слова, однак не повинен бути їх переліком. Інакше
пошукова система сприйме це як спам. Наприклад, якщо ваші ключові
слова: «курси в Харкові», «IT-курси», «стати програмістом», то «Title»: «Пройти курси
в Харкові, круті IT-курси. Як стати дуже гарним програмістом?» — поганий варіант.
Який тоді хороший?
Правильно складений заголовок повинен легко читатися, бути інформативним та

привабливим для користувача. Не рекомендовано використовувати ключові слова,
за якими сторінка не просувається. Коротко передайте зміст сторінки: “IT-курси у
Харкові: навчання на програміста — A-Level” — це вже хороший варіант;
Слідкуйте, щоб ваш «Title» був унікальним. Перевірити дублікати тегів ви можете,
використовуючи програми-парсери (screaming frog, netpeak spider) чи Google
Search Console.
Як заповнювати «Title»?
Вимоги пошукових систем.
Seo мета-теги мають свої специфічні особливості, в залежності від

вимог пошукових систем. Наприклад, щодо максимальної довжини
«title». Обмеження Google раніше складали: 70 символів з
пробілами (12 слів).
Однак, нещодавно один зі співробітників Google виступив із заявою

про те, що довжина «Title» більше не має такого важливого
значення. Головне, щоб заголовок передавав зміст сторінки.
Санкцій до довгих «Title» не буде;
При цьому, десктопна версія відображає сніппет розміром 600

пікселів. Це означає, що текст буде автоматично обрізатися у Google:
до 50-55 символів.
Тег «Description»
Це мета-тег для сайту, який дає короткий і інформативний
опис контенту сторінки. Найчастіше він може
використовуватися як сніппет – це невеликі уривки
інформації, які бачить користувач в якості опису сайту за своїм
запитом.
Якщо «Description» був оформлений вдало, тоді пошуковик

виводить його в сніпеті (це не стосується інформативних
сторінок, де Google сам часто визначає сніппет).
Якщо ж цей пункт був пропущений / виконаний неякісно, то

пошуковик може самостійно обрати найбільш релевантний
контент сайту. Однак, це часто грає проти ресурсу, бо фраза,
що була вирвана з контексту, звучить зім’ято.
Як заповнювати «Description»?
Обов’язково використовуйте ключові слова, проте в помірній
кількості, інакше робот помітить переспам. Не використовуйте
вирваний шматок тексту, який не містить важливої інформації.
Інформація повинна містити зрозумілий опис контенту, що

легко читається та відповідає на питання користувача, надає
вигоду.
Наприклад: “A-Level — IT-школа №1 в Харкові! Заняття

проходять в режимі: онлайн + офлайн. Ти можеш освоїти
будь-який напрямок програмування з нуля! Знижка -15% до 10
березня! ” — такий варіант цілком може бути.
Як заповнювати «Description»?
Заповнювати тег важливо для всіх сторінок сайту.
Пріоритетними є: головна сторінка, каталоги. Важливо
розуміти, що мета-теги «Description» описують кожну окрему
сторінку сайту, але не весь ресурс відразу. Тег має
відображати інформацію, яка дійсно знаходиться на сайті, є
актуальною на цей час.
Вимоги пошукових систем.
Крім перерахованих вимог, є певні обмеження розмірів.

Чітких рамок немає, проте велику кількість тексту пошуковик
обріже. Користувач орієнтується тільки на невеликій видимий
фрагмент тексту. Наприклад, Google: десктопний пошук — 135-
175; мобільний пошук — 100-120 (символи з пробілами)
Тег «Keywords»?
Самі ключові слова мають другорядне значення. Пошукова
система «Google» не враховує даний мета-тег в результатах
пошуку з 2009 року. Однак більшість інших пошукових систем
продовжує використовувати «Keywords».
Кожне слово має відповідати контенту сайту;

Кількість ключових слів повинна становити максимум 3-6.
Якщо вказати більше, робот зарахує це за переспам;
Потрібно використовувати високочастотні та

висококонкурентні запити.
Технічні мета-теги
Вони дозволяють:
• Налаштувати окремі можливості відображення сайту
різними сервісами, браузерами, пристроями, пошуковими
системами;
• Налаштувати внутрішню оптимізацію сайту.
Тег «Viewport»
Частка користувачів мобільного інтернету зростає з кожним
днем. Щоб зберігати трафік, важливо адаптувати сайти під
різні гаджети.
Мета-тег «Viewport» в розділі «HEAD» означає, що даний

ресурс адаптований під відображення на мобільному
пристрої.
Сам тег містить код (device-width), який підлаштовує ширину

відображуваної сторінки під мобільний пристрій/комп’ютер.
Наявність такого тега – актуальний фактор ранжування
сторінок.
Тег «Open Graph»
Open Graph — мета-теги для сайту, які дозволяють зробити якісний репост
до інших сервісів (наприклад, соціальних мереж).
Дуже важливий інструмент залучення трафіку. Без такого тегу репост може
відображатися з рандомним контентом (картинкою, текстом). Open Graph
дозволяє вам самостійно встановити вид анонсу.
Open Graph включає:

og: title — назва;
og: description — опис;
og: image — зображення;
og: type — тип матеріалу;
og: url — посилання на веб-сторінку, яка додається до соціальної мережі.
Тег «Robots»
Ви можете самостійно вирішувати, які сторінки
включати в індекс пошукових систем,
використовуючи мета-теги Robots.
Даний тег дозволяє працювати з наступними

атрибутами:
index + noindex — можна індексувати сторінку;

follow + nofollow — чи враховувати гіперпосилання;
all + none – відкрити або закрити сторінку,
гіперпосилання для індексації пошуковими
системами;
Тег «Http-equiv»
Які мета-теги потрібно використовувати, щоб сайт
відображався завжди коректно?
Content-Type — визначає кодування сторінки, дозволяє

завжди коректно відображати ресурс в будь-якому браузері;
Content-Language — визначає основну мову сторінки;
Refresh — направляє користувача на іншу сторінку, якщо

завантаження цієї сторінки відбувається довше заданого часу.

Мета теги

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Мета теги

Uploaded by

Copyright:

Available Formats

ВЕБАНАЛІТИКА

Ми заходимо в пошукову систему з

Далі — вивчаємо ТОП перших позицій та

Вони розміщуються між тегом

Покращують ранжування сайту в пошуковій видачі,

Надають інформацію про вміст сторінки, залучаючи

Сприяють адаптивному відображенню контенту на

Умовно поділяють на:

seo мета-теги (сприяють пошуковій оптимізації

технічні мета-теги (відповідають за технічну

«Title» відображається двома способами:

У ТОПі пошукової видачі синім великим текстом, який

У вкладках браузера, щоб дозволити користувачеві

Який тоді хороший?

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

Seo мета-теги мають свої специфічні особливості, в залежності від

Однак, нещодавно один зі співробітників Google виступив із заявою

При цьому, десктопна версія відображає сніппет розміром 600

Якщо «Description» був оформлений вдало, тоді пошуковик

Якщо ж цей пункт був пропущений / виконаний неякісно, то

Інформація повинна містити зрозумілий опис контенту, що

Наприклад: “A-Level — IT-школа №1 в Харкові! Заняття

Вимоги пошукових систем.

Крім перерахованих вимог, є певні обмеження розмірів.

Кожне слово має відповідати контенту сайту;

Потрібно використовувати високочастотні та

Мета-тег «Viewport» в розділі «HEAD» означає, що даний

Сам тег містить код (device-width), який підлаштовує ширину

Open Graph включає:

Даний тег дозволяє працювати з наступними

index + noindex — можна індексувати сторінку;

Content-Type — визначає кодування сторінки, дозволяє

Content-Language — визначає основну мову сторінки;

Refresh — направляє користувача на іншу сторінку, якщо

You might also like