Блог уютное место для бесед Обратно в студию

Сышышь ты, выходи сюда,
поговорим !

Мета теги description, keywords, title - як заповнювати, приклади опису, що таке meta тег?

  1. Почнемо з визначення що таке метатеги?
  2. тег Title
  3. метатег Description
  4. метатег Keywords
  5. Розглянемо, які метатеги ще бувають
  6. Група name
  7. Група http-equiv
  8. Підведемо підсумки

Цей матеріал я підготував для новачків в SEO, а також на власників сайтів, які не знають як правильно заповнити метатеги. Розглянемо, що зараз актуально, а що вже не використовується пошуковою системою при ранжируванні сайту.

Розглянемо, що зараз актуально, а що вже не використовується пошуковою системою при ранжируванні сайту

Почнемо з визначення що таке метатеги?

Метатеги (англ. Meta tags) - це (X) HTML-теги, призначені для надання структурованих метаданих про веб-сторінці. Як правило, указуються в заголовку тега <head> (X) HTML-документа. Метатеги не відображаються на сторінці і не мають видимого контенту. У них розташовується додаткова інформація для пошукових роботів, різного ПО.

В SEO, коли чуємо щось на кшталт "Потрібно прописати метатеги на сторінці", в голові відразу ж спливають метатеги Description і Keywords, ну і, звісно ж, Title. Яке ж SEO без цього тега? Почну відразу з них.

тег Title

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

Title повинен:

  1. Відображати суть сторінки.
  2. Ближче до початку містити пряме входження найбільш конкурентного запиту.
  3. Бути читабельним пропозицією з входження ключових слів.
  4. Відрізнятися від заголовка сторінки <H1>.
  5. Чи не містити спаму.
  6. Бути унікальним для кожної сторінки.
  7. Примірної довжини - близько 70 - 130 символів.

Рекомендую до прочитання: Рекомендації щодо формування заголовків від Google . Для посадочних сторінок, категорій, розділів рекомендую заповнювати Title вручну.

Заповнювати Title автоматично можна, наприклад, для карток товару. Для цього використовують шаблони виду:

Title: Назва картки товару + ціна + місто

Title: Назва картки товару + доставка в місто + ціна

Title: Назва картки товару + характеристика + ціна

Рекомендую для кожної категорії розділів карток товару використовувати різні шаблони Title.

Як робити не можна:

  1. Не використовуйте неузгоджені фрази, наприклад: Пластикове вікно, пластикові вікна купити - в Москві. Title повинен бути читабельним.
  2. Відстежуйте і виправляйте дублі Title - в Google Search Console, в розділі Оптимізація HTML видно дублі Title.
  3. Не робіть Title занадто довгим. Коли ви додаєте в заголовок велика кількість слів, вони розмивають вага основного ключового запиту.

метатег Description

Цей метатег може враховуватися при формуванні сниппета. Найчастіше Google і Яндекс формує сниппет з тексту, але ймовірність включення в нього метатега також є. Description може впливати на ранжирування - незаповнений meta description може негативно відбитися на оцінці сайту.

Description повинен:

  1. Описувати зміст сторінки.
  2. Бути читабельним.
  3. Містити ключові слова (для того щоб вони відображалися і подсвечивались в сніпеті).
  4. Складено з використанням спецсимволов.
  5. Унікальним (не потрібно вибирати абзац з тексту сторінки).
  6. Завдовжки близько 150 - 200 символів.

рекомендації Яндекса

рекомендації Google

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

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

Description: У нашому інтернет-магазині + "назва магазину" + доступні ціни від + "ціна" + на + "назва картки товару" + з доставкою по + "місто".

Description: "Назва картки товару" + за доступною ціною + "ціна" + від інтернет-магазину + "назва магазину" + з доставкою по + "місто".

Рекомендую для кожної категорії розділів карток товару використовувати різні шаблони Description.

Як робити не можна:

  1. Не робіть занадто короткі Description - в Google Search Console, в розділі Оптимізація HTML видно короткі метаописания.
  2. Там же відстежуйте і виправляйте дублі Description (вони повинні бути унікальні).

Там же відстежуйте і виправляйте дублі Description (вони повинні бути унікальні)

  1. Не пишіть неузгоджені фрази - метатег повинен бути чітабельним.Не використовуйте перерахування.

метатег Keywords

Цей мета-тег не впливає на ранжирування, але, оскільки Яндекс пише , Що meta keywords може враховуватися - рекомендую заповнювати його, додаючи 3-5 релевантних контенту фраз, розділених між собою комами.

представник Google в своєму блозі заявив , Що пошуковик не враховує в результатах ранжирування метатег Keywords

Розглянемо, які метатеги ще бувають

Метатегов багато. Я розгляну ті, які мені здалися найцікавішими. Можна виділити дві групи метатегов: name і http-equiv.

Група name

Ця група метатегов дає загальну інформацію про сторінку.

Метатег robots - за допомогою нього ми можемо повідомити пошуковому роботу, що робити на сторінці.

Має значення:

  • index - індексувати сторінку;
  • noindex - НЕ індексувати сторінку;
  • follow - слідувати по посиланнях на сторінці;
  • nofollow - не слідувати по посиланнях на сторінці;
  • all - використовує атрибути index + follow;
  • none - використовує атрибути noindex + nofollow.

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

<Meta name = "robots" content = "noindex, follow" /> <meta name = "robots" content = "noindex, nofollow" />

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

<Meta name = "robots" content = "none" />

Метатег document-state - може враховуватися при індексації сторінки пошуковим роботом (зараз має слабкий вплив).

Має значення:

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

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

<Meta name = "document-state" content = "Dynamic" />

Метатег revisit - вказує пошуковому роботу через скільки днів йому повернутися і переіндексувати сторінку (зараз має слабкий вплив).

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

<Meta name = "revisit" content = "14" />

Метатег viewport - використовується при налаштуванні області перегляду. Особливо актуальний для мобільної версії сайту: дозволяє веб-розробникам контролювати розмір вікна на мобільному телефоні. По ньому Яндекс і Google оцінюють мобільну версію сайту.

Має значення:

  • width - вказує ширину вікна в пікселях. Якщо поставити device-width - означатиме, що ширина задана по ширині пристрою;
  • height - вказує висоту вікна в пікселях. Якщо поставити device-height - означатиме, що висота задана по висоті пристрої;
  • initial-scale - задає масштаб екрану. Значення 1 - не масштабувати;
  • maximum-scale - визначає максимальний масштаб vievport;
  • minimem-scale - визначає мінімальний масштаб vievport;
  • user-scalable - визначає, чи може користувач масштабувати розмір вікна.

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

<Meta name = "viewport" content = "width = device-width, initial-scale = 1.0">

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

<Meta name = "viewport" content = "width = device-width, height = device-height, initial-scale = 1.0, maximum-scale = 1.0">

Метатег author - вказує ім'я автора сторінки (зараз має слабкий вплив).

Має атрибут:

lang - вказує мову даних.

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

<Meta name = "author" lang = "ru" content = "Андрій Дегтярьов" />

Метатег copyright - використовується для визначення авторського права (зараз має слабкий вплив). Також як і author, має атрибут lang.

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

<Meta name = "copyright" lang = "ru" content = "SiteClinic" />

Група http-equiv

Браузери перетворюють дані цього метатега в форму заголовка відповіді http, обробляючи їх, як ніби була отримана відповідь безпосередньо від сервера.

Метатег cache-control - за допомогою нього можна управляти кешуванням браузера.

Має значення:

  • public - документ кешується у всіх доступних кешах;
  • private - кешируєтся браузером, що не кешується proxy-сервером;
  • max-age = time, must-revalidate - вказує браузеру, скільки секунд зберігати документ в кеші;
  • max-age = time, proxy-revalidate - вказує скільки секунд зберігати документ в кеші proxy-сервера;
  • no-store - може бути кешуватися, але не зберігається в архіві;
  • no-cache - заборона на кешування (браузер і proxy-сервер документ не кешують).

Приклад використання:
- якщо ми не хочемо, щоб сторінка кешуватися:

<Meta http-equiv = "Cache-Control" content = "no-cache, no-store">

Детальніше про це метатеге рекомендую почитати на Mozilla Developer Network .

Метатег expires - також використовується для управління кешуванням. У мета-тег встановлюється дата. Коли вона проходить, браузер повинен використовувати повторний мережевий запит, а не наявний кеш сторінки. Дата вказується у форматі RFC850.

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

<Meta http-equiv = "Expires" content = "Fri, 11 Oct 2017 15:34:48 GMT">

Метатег content-language - вказує мову документа.

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

<Meta http-equiv = "content-language" content = "ru" />

У HTML5 вказівку мови спрощено:

<Html lang = "ru">

Постарався перерахувати, як мені здалося, найцікавіші метатеги. Якщо вас цікавлять інші meta, рекомендую ознайомитися з матеріалами: Метатеги, які підтримуються в Google і Використання HTML-елементів Яндекс .

Підведемо підсумки

Метатегов досить багато, але, як оптимізатора, найчастіше доводиться використовувати в SEO тег Title, meta description, meta keywords. Якщо ви початківець сеошник або власник сайту, рекомендую також ознайомитися з вебінару "Правила формування Title і Description" нашого SEO-TeamLead Євгена Абросимова:

Підписатися на розсилку

Ще по темі:

Андрій Дегтярьов

Middle SEO-спеціаліст

Завжди знав, що моя робота буде пов'язана з інтернетом і комп'ютером. Почав самостійно вивчати HTML і пробувати себе в верстці. HTML давався легко, але верстати сайти було нудно. Тоді я і дізнався про SEO.
З відзнакою закінчив майстер-клас з навчання та управління персоналом. Здав письмовий тест з англійської мови в Лондонській школі на 98%. Написав понад десятка розвиваючих статей по SEО.
Працюю SEO-спеціалістом в компанії SiteClinic, пишу статті для блогу. У вільний час ходжу в походи.
Девіз: Just Do It

Є питання?

Задайте їх прямо зараз, і ми відповімо в протягом 8 робочих годин.

Почнемо з визначення що таке метатеги?
Почнемо з визначення що таке метатеги?
Яке ж SEO без цього тега?