Мета-теги (англ. meta-tags) — (X) HTML-теги, призначені для надання структурованих метаданих про вебсторінки. Зазвичай, вказуються в заголовку (X) HTML-документа.

Елемент meta приймає як мінімум чотири атрибута: content, http-equiv, name і scheme. З них обов'язковий лише атрибут content і виняток тег revisit.

Приклад використання елементу meta

ред.

Один з варіантів застосування тегу meta — вказівка HTTP-заголовків, які повинні бути відправлені клієнту до відправки самої вебсторінки. Наприклад:

<meta http-equiv="Content-Type" content="text/html" />

Такий запис вказує, що сторінка повинна бути відправлена разом з HTTP-заголовком Content-Type: text/html. Такий заголовок вказує браузеру або іншій програмі тип відправленого документа. Тим не менш, незважаючи на те, що спочатку передбачалося, що вебсервери будуть зчитувати мета-теги всередині відправлених клієнту вебсторінок, і формувати HTTP-заголовки в залежності від їх змісту, на практиці це не реалізовано в найбільш використовуваних вебсерверах, відповідно, вебсервери не міняють відправлені клієнту HTTP-заголовки, а клієнт (веббраузер) обробляє ці мета-теги самостійно[1] (зокрема, дані з мета-тегів можуть заміняти дані, що одержуються з HTTP-заголовків[2]).

Крім того, мета-теги можуть використовуватися для того, щоб повідомити браузеру інформацію про документ, коли HTTP-заголовки недоступні (наприклад, якщо сторінка відкривається локально з диска, а не завантажується з вебсервера).

У загальній формі мета-дані записуються в такому вигляді: в тезі meta вказується атрибут name (ім'я) та пов'язаний з ним атрибут content (вміст), в якому описується будь-який аспект вебсторінки, наприклад, ключові слова:

<meta name="keywords" content="вікіпедія, енциклопедія" />

Функції мета-тегів

ред.

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

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

Групи мета-тегів

ред.

Мета-теги розділені на дві основні групи — NAME і HTTP-EQUIV. Група NAME відповідає за текстову інформацію про сторінку, її автора, а також — рекомендації для пошукових систем. HTTP-EQUIV фактично еквівалентні гіпертекстовим заголовкам, формують заголовок сторінки та визначають його обробку. Зазвичай, вони управляють діями браузерів та використовуються для формування інформації, що видається звичайними заголовками.

Група NAME

ред.
ред.

Ці теги, зазвичай, не використовуються одночасно. Функція тегів — ідентифікація автора або приналежності документа. Тег Author містить ім'я автора Інтернет-сторінки, в тому випадку, якщо сайт належить будь-якій організації, доцільніше використовувати тег Copyright. Виглядає цей тег таким чином:

<meta name="author" content="Богдан Хмельницький" />

Крім цього, теги Author і Copyright можуть містити додатковий атрибут «lang», що дозволяє визначити мову, що використовується при вказівці значення властивості:

<meta name="copyright" lang="uk" content="ПП Богдан Хмельницький" />

Мета-тег Description

ред.

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

<meta name="description" content="Метатеги у Вікіпедії" />

Мета-тег Document-state

ред.

Мета-тег Document-state також має значення при індексації сторінки в пошукових системах. Тег має два значення — Static і Dynamic. Значення «Static» зазначає, що системі немає необхідності індексувати документ надалі, «Dynamic» дозволяє регулярно індексувати Інтернет-сторінку.

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

Мета-тег Generator

ред.

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

 
<meta name="generator" content="Macromedia Dreamviewer 4.0" />

Останнім часом практично не використовується.

Мета-тег Keywords

ред.

Даний мета-тег пошукові системи використовують для того, щоб визначити релевантність посилання. При формуванні цього тегу необхідно використовувати лише ті слова, які містяться в самому документі. Використання тих слів, яких немає на сторінці, не рекомендується. Рекомендована кількість слів у цьому тезі — не більше десяти. Крім того, виявлено, що розбивка цього тегу на кілька рядків впливає на оцінку посилання пошуковими машинами.

<meta name="keywords" content="Вікіпедія, Метатег, стаття" />

Мета-тег Resource-type

ред.

Тег Resource-type описує властивість або стан сторінки. Якщо значення тегу відрізняється від «Document», то пошукові системи його не індексують. Мета-тег призначений для масштабування document (використовується за умовчанням), rating, version, operator, formatter, creation та інші.

<meta name="resource-type" content="document" />

Мета-тег Revisit

ред.

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

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

Пошукові системи Яндекс і Google ігнорують вміст цього мета-тегу[3].

Мeтa-тег Robots

ред.

Тег формує інформацію про гіпертекстові документи, яка надходить до роботів пошукових систем. Значення тегу можуть бути такими: Index (сторінка повинна бути проіндексована), Noindex (документ не індексується), Follow (гіперпосилання на сторінці відстежуються), Nofollow (гіперпосилання не відстежуються), All (включає значення index і follow, включений за умовчанням), None (включає значення noindex і nofollow).

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

<meta name="robots" content="index,follow" />

або рівноцінний аналог:

 <meta name="robots" content="all" />

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

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

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

<meta name="robots" content="index,nofollow" />

Приклад 4. Заборонити індексування сторінки та використання розміщених на ній посилань для подальшої індексації:

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

або рівноцінний аналог:

<meta name="robots" content="none">

Мeтa-тег Subject

ред.

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

Мeтa-тег url

ред.

Тег припиняє індексацію сторінки пошуковою системою і перенаправляє робота пошукової машини за вказаним посиланням. Тег застосовується для скасування індексації «дзеркала» та генеруючих сторінок.

<meta name="url" content="http://uk.wikipedia.org/" />

Група HTTP-EQUIV

ред.

Мeтa-тег Content-Language

ред.

Тег дозволяє вказати мову, якою створено документ.

Приклад:

<meta http-equiv="content-language" content="uk" />

Мeтa-тег Content-Script-Type

ред.

Визначає мову програмування сценаріїв. Якщо тег не прописаний, слід вказати мову програмування в кожному тезі <script>. Тег <script> має вищий пріоритет порівняно з Content-Script-Type.

Мeтa-тег Content-Style-Type

ред.

Вказівки мови таблиці стилів, за умовчанням значення — «text/css».

Приклад:

<meta http-equiv="Content-Style-Type" content="text/css">

Мeтa-тег Content-Type

ред.

Визначає тип документа і його кодування.

Приклад:

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

Мeтa-тег Expires

ред.

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

Деякі пошукові роботи не індексують документи із застарілою датою.

Дата повинна вказуватися в стандарті RFC850[4].

Приклад:

<meta http-equiv="Expires" content="mon, 27 sep 2010 14:30:00 GMT">

Мета-тег PICS-Label

ред.

PICS-Label — (від англ. Platform-Independent Content rating Scheme Label) — вказує рівень доступності сайту (у зв'язку з можливими тематиками sex і violence), однак використовується і в інших цілях.

Мeтa-тег Pragma

ред.

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

<meta http-equiv="Pragma" content="no-cache">

Мeтa-тег Refresh

ред.

Затримка часу (в секундах) перед тим, як браузер оновить сторінку. Крім того, може використовуватися автоматичне завантаження іншої сторінки.

<meta http-equiv="refresh" content="5; url=http://www.example.com/" />

Після «url=» лапок бути не повинно!

ред.

Налаштування cookie браузера

Мeтa-тег Window-target

ред.

Визначення вікна завантажуваної сторінки.

Мета-тег Imagetoolbar

ред.

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

<meta http-equiv="imagetoolbar" content="no" />

Значення мета-тегів

ред.

Мета-дані про вебсторінки спочатку призначалися в тому числі для того, щоб допомогти пошуковим машинам віднести вебсторінку до тієї чи іншої категорії. В 90-ті роки мета-теги активно використовувалися в цілях розкрутки свого сайту, в тому числі, надаючи неправдиві або надлишкові мета-дані. Останнім часом пошуковими системами було зроблено безліч заходів із припинення таких маніпуляцій: наприклад, із факторів ранжування було виключено тег keywords, принципи побудови правильних основних тегів «title» і «description» також змінилися.

У зв'язку з тим, що мета-теги несуть суто службову функцію, і, крім того, значно збільшують розмір гіпертекстового документа, початківці Web-дизайнери найчастіше їх ігнорують. Крім того, мета-теги групи HTTP-EQUIV достатньо складні у використанні, оскільки задають жорсткі параметри форматування сторінки. Тим не менш, мета-теги роблять більш успішною індексацію Інтернет-сторінки в пошукових системах.

Примітки

ред.
  1. HTML5 Transport Protocol on Vimeo. Архів оригіналу за 13 лютого 2015. Процитовано 3 грудня 2014.
  2. HTML META Tags. Архів оригіналу за 22 грудня 2014. Процитовано 3 грудня 2014.
  3. Яндекс о Revisit-After. Архів оригіналу за 26 вересня 2013. Процитовано 3 грудня 2014.
  4. Мета теги. Архів оригіналу за 9 квітня 2017. Процитовано 9 квітня 2017.