Пятница, 29.11.2024, 00:41
Приветствую Вас, Гость
Главная » 2015 » Сентябрь » 9 » Метатеги
20:48
Метатеги
Метатеги (англ. meta tags) — (X)HTML-теги, призначені для надання структурованих метаданих про веб-сторінці. Як правило, вказуються в заголовку (тегу <head>) (X)HTML-документа. Елемент meta приймає як мінімум чотири атрибути: content, http-equiv, name і scheme. З них обов'язковий тільки атрибут content і виключення тег revisit.

Один з варіантів застосування тега meta — вказівка HTTP-заголовків, які повинні бути відправлені клієнту до відправки самої веб-сторінки. Наприклад:
<meta http-equiv="Content-Type" content="text/html" />

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

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

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

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

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

В HTML5 використовується атрибут charset, для вказівки кодування документа (див. приклад нижче). Підтримується всіма сучасними браузерами.

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

Крім цього, теги Author і Copyright можуть містити додатковий атрибут «lang», що дозволяє визначити мова, що використовується при вказівці значення властивості
<meta name="copyright" lang="ua" content="ПБОЮЛ Велімира Лисичкіна" />

Даний тег використовується при створенні короткого опису сторінки, використовується пошуковими системами для індексації, а також при створенні анотації у видачі за запитом. При відсутності тега пошукові системи видають в анотації перший рядок документа або уривок, який містить ключові слова. Відображається після заслання при пошуку сторінок в пошуковику.
<meta name="description" content="Метатеги у Вікіпедії" />

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

Цей мета-тег в першу чергу використовувався розробниками програм для редагування веб-сторінок з метою самореклами — як значення тега розробники таких програм, як правило, вказували назву свого продукту.
<meta name="generator" content="Macromedia Dreamviewer 4.0" />

В даний час практично не використовується.

Даний метатег пошукові системи використовують для того, щоб визначити релевантність посилання. При формуванні даного тега необхідно використовувати тільки ті слова, які містяться в самому документі. Використання тих слів, яких немає на сторінці, не рекомендується. Рекомендована кількість слів у цьому тегу — не більше десяти. Крім того, виявлено, що розбивка цього тега на кілька рядків впливає на оцінку посилання пошуковими машинами.
<meta name="keywords" content="Вікіпедія, Метатег, стаття" />

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

Тег дозволяє управляти частотою індексації документа в пошуковій системі. Для переіндексації сайту раз в два тижні використовується тег наступного виду:
<meta name="revisit" content="14" />

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

Тег формує інформацію про гіпертекстових документах, яка надходить до роботів пошукових систем. Значення тега можуть бути наступними: 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">

Тег припиняє індексацію сторінки пошуковою системою, і перенаправляє робота пошукової машини по вказаному посиланню. Тег для скасування індексації «дзеркала» і генеруються сторінок.
<meta name="url" content="http://ru.wikipedia.org/" />

Тег дозволяє вказати мову, на якому створений документ. Приклад:
<meta http-equiv="content-language" content="ua" />

В HTML5 вказівка мови спрощено:
<html lang="ru">

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

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

Приклад:
<meta http-equiv="Content-Style-Type" content="text/css">

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

Приклад:
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

В HTML5 вказівка кодування спрощено:
<meta charset="UTF-8">

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

Приклад:
<meta http-equiv="Expires" content="Wed, 26 Feb 1999 08:21:57 GMT">

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

Контроль кешування при сторінках, одержуваних шляхом роботи заданого сценарію.
<meta http-equiv="Pragma" content="no-cache">

Затримка часу (в секундах) перед тим, як браузер оновить сторінку. Крім того, може використовуватися автоматичне завантаження іншої сторінки.
<meta http-equiv="refresh" content="5; url=http://www.example.com/" />

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

Відключає Панелі керування зображеннями. Зазвичай використовують при виведенні банерів, фону картинки, карти зображення та ін., коли висновок даної панелі небажаний.
<meta http-equiv="imagetoolbar" content="no" />

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

У зв'язку з тим, що метатеги несуть суто службову функцію, і, крім того, значно збільшують розмір гіпертекстового документа, початківці Web-дизайнери найчастіше воліють їх ігнорувати. Крім того, метатеги групи HTTP-EQUIV досить складні у використанні, так як ставлять жорсткі параметри форматування сторінки. Тим не менш, метатеги роблять більш успішною індексацію Інтернет-сторінки в пошукових системах.
Просмотров: 514 | Добавил: Admin | Теги: метатеги | Рейтинг: 0.0/0
Всего комментариев: 0
avatar