Вікіпедія

Мета-теги: відмінності між версіями

Інтерактивний перегляд історії
[неперевірена версія][неперевірена версія]
← Попереднє редагуванняНаступне редагування →
Вилучено вміст Додано вміст
ВізуальнийВікірозмітка
уточнення, оформлення, вікіфікація
Рядок 1:
'''Мета-теги''' (англ. meta-tags) — ([[XHTML|X]]) [[HTML]]-[[Теґ (метадані)|теги]], призначені для надання структурованих [[метадані|метаданих]] про [[веб-сторінка|веб-сторінцісторінки]]. Зазвичай, вказуються в заголовку (X) HTML-документа.
 
Елемент <code>meta</code> приймає як мінімум чотири атрибута: content, http-equiv, name і scheme. З них обов'язковий лише атрибут content і виняток тег revisit.
 
== Приклад використання елементу <code>meta</code> ==
Один з варіантів застосування [[Теґ (метадані)|тега]] <code>meta</code>&nbsp;— вказівкувказівка [[HTTP]]&nbsp;— -заголовків, які повинні бути відправлені клієнту до відправки самої веб-сторінки. Наприклад:
<source lang="html4strict">
<meta http-equiv="Content-Type" content="text/html" />
</source>
 
Такий запис вказує, що сторінка повинна бути відправлена ​​разом з HTTP-заголовком Content-Type: text/html. Такий заголовок вказує [[браузер]]у або іншій програмі тип відправленого документа. Тим не менш, незважаючи на те, що спочатку передбачалося, що веб-сервери будуть зчитувати метатегимета-теги всередині відправлених клієнту веб-сторінок, і формувати HTTP-заголовки в залежності від їх змісту, на практиці це не реалізовано в найбільш використовуваних веб-серверах, відповідно, веб-сервери не міняють відправлені клієнту HTTP-заголовки, а клієнт (веб-браузер) обробляє ці метатегимета-теги самостійно<ref name="HTML5 Transport Protocol (London Web Standards) ">[http://vimeo.com/19000639 HTML5 Transport Protocol on Vimeo]</ref> (зокрема, дані з метатеговмета-тегів можуть заміняти дані, одержуваніщо одержуються з HTTP-заголовків<ref name="A Dictionary of HTML META Tags">[http://vancouver-webpages.com/META/metatags.detail.html HTML META Tags]</ref>).
 
Крім того, метатегимета-теги можуть використовуватися для того, щоб повідомити браузеру інформацію про документ, коли HTTP-заголовки недоступні (наприклад, якщо сторінка відкривається локально з диска, а не завантажується з веб-сервера).
 
У загальній формі метаданімета-дані записуються в наступному вигляді: в [[Теґ (метадані)|тезі]] <code>meta</code> вказується атрибут <code>name</code> (ім'я) та пов'язаний з ним атрибут <code>content</code> (вміст), в якому описується будь-який аспект веб-сторінки, наприклад, ключові слова:
<source lang="html4strict">
<meta name="keywords" content="вікіпедія, енциклопедія" />
</source>
 
== Функції метатегівмета-тегів ==
Функції метатегівмета-тегів достатньо різноманітні, однак на цей момент не існує їх чіткої стандартизації. Тим не менш, можна виділити кілька основних напрямів використання метатегівмета-тегів:
* МетатегиМета-теги здатні ідентифікувати авторство Інтернет-сторінки, її адресу, частоту її оновлень;
* МетатегиМета-теги використовуються пошуковими системами для індексації та створення заголовків гіпертекстових документів;
* Не виводячись на екран, метатегимета-теги впливають на режим відображення Інтернет-сторінок.
 
== Групи метатеговмета-тегів ==
МетатегиМета-теги розділені на дві основні групи&nbsp;— NAME і HTTP-EQUIV. Група NAME відповідає за текстову інформацію про сторінку, її автора, а також&nbsp;— рекомендації для пошукових систем. HTTP-EQUIV фактично еквівалентні гіпертекстовим заголовкам, формують заголовок сторінки та визначають його обробку. Зазвичай, вони управляють діями браузерів та використовуються для формування інформації, що видається звичайними заголовками.
 
=== Група NAME ===
 
==== МетатегМета-тег Author і Copyright ====
Ці [[Теґ (метадані)|теги]], зазвичай, не використовуються одночасно. Функція тегів&nbsp;— ідентифікація автора або приналежності документа. Тег Author містить ім'я автора Інтернет-сторінки, в тому випадку, якщо сайт належить будь-якоїякій організації, доцільніше використовувати тег Copyright. Виглядає цей тег таким чином:
<source lang="html4strict">
<meta name="author" content="Велимира Лисичкина" />
</source>
Крім цього, теги Author і Copyright можуть містити додатковий атрибут «lang», що дозволяє визначити мову, що використовується при вказівці значення властивості:
<source lang="html4strict">
<meta name="copyright" lang="ru" content="ПБОЮЛ Велимира Лисичкина" />
</source>
 
==== МетатегМета-тег Description ====
Данний тег використовується при створенні короткого опису сторінки, використовується пошуковими системами для індексації, а також при створенні анотації у видачі за запитом. При відсутності тега [[Пошукова система|пошукові системи]] видають в анотації перший рядок документа або уривок, який містить ключові слова. Відображається після засланняпосилання при пошуку сторінок в пошуковикупошуковій системі.
<source lang="html4strict">
<meta name="description" content="Метатеги у Вікіпедії" />
</source>
 
==== МетатегМета-тег Document-state ====
МетатегМета-тег Document-state також має значення при індексації сторінки в пошукових системах. Тег має два значення&nbsp;— Static і Dynamic. Значення «Static» зазначає, що системі немає необхідності індексувати документ надалі, «Dynamic» дозволяє регулярно індексувати Інтернет-сторінку.
<source lang="html4strict">
<meta name="document-state" content="Dynamic" />
</source>
 
==== МетатегМета-тег Generator ====
ДаннийДаний метатегмета-тег в першу чергу використовувався розробниками програм для редагування веб-сторінок з метою самореклами&nbsp;— в якості значення тега розробники таких програм, зазвичай, вказували назву свого продукту.
<source lang="html4strict">
<meta name="generator" content="Macromedia Dreamviewer 4.0" />
Рядок 57 ⟶ 58:
Останнім часом практично не використовується.
 
==== МетатегМета-тег Keywords ====
Даний метатегмета-тег пошукові системи використовують для того, щоб визначити [[релевантність]] посилання. При формуванні цього тега необхідно використовувати лише ті слова, які містяться в самому документі. Використання тих слів, яких немає на сторінці, не рекомендується. Рекомендована кількість слів у цьому тезі&nbsp;— не більше десяти. Крім того, виявлено, що розбивка цього тегу на кілька рядків впливає на оцінку посилання пошуковими машинами.
Рекомендована кількість слів у цьому тезі&nbsp;— не більше десяти. Крім того, виявлено, що розбивка цього тегу на кілька рядків впливає на оцінку посилання пошуковими машинами.
<source lang="html4strict">
<meta name="keywords" content="Вікіпедія, Метатег, стаття" />
</source>
 
==== МетатeгМета-тeг Resource-type ====
[[Теґ (метадані)|Тег]] Resource-type описує властивість або стан сторінки. Якщо значення тегу відрізняється від «Document», то пошукові системи його не індексуютьсяіндексують. МетатегМета-тег призначений для масштабування document (використовується за умовчанням), rating, version, operator, formatter, creation та інші.
<source lang="html4strict">
<meta name="resource-type" content="document" />
</source>
 
==== МетатeгМета-тeг Revisit ====
Тег дозволяє управляти частотою індексації документа в пошуковій системі. Для переіндексації сайту раз на два тижні використовується тег такого вигляду:
<source lang="html4strict">
Рядок 76:
</source>
 
Пошукові системи [[Яндекс]] і [[Google]] ігнорують вміст цього метатегумета-тегу<ref>[http://help.yandex.ru/webmaster/?id=1111307#995327 Яндекс о Revisit-After]</ref>.
 
==== МeтaтeгМeтa-тeг Robots ====
Тег формує інформацію про гіпертекстові документи, яка надходить до роботів пошукових систем. Значення тега можуть бути наступними: Index (сторінка повинна бути проіндексована), Noindex (документ не індексується), Follow (гіперпосилання на сторінці відслідковуютьсявідстежуються), Nofollow (гіперпосилання не простежуєтьсявідстежуються), All (включає значення index і follow, включений за замовчуваннямумовчанням), None (включає значення noindex і nofollow).
 
Приклад 1. Дозволити індексування сторінки та використання розміщених на ній посилань для подальшої індексації.:
<source lang="html4strict">
<meta name="robots" content="index,follow" />
</source>
або рівноцінний аналог:
<source lang="html4strict">
<meta name="robots" content="all" />
</source>
Приклад 2. Заборонити індексування сторінки, дозволити використання розміщених на ній посилань для подальшої індексації.:
<source lang="html4strict">
<meta name="robots" content="noindex,follow" />
</source>
Приклад 3. Дозволити індексування сторінки, заборонити використання розміщених на ній посилань для подальшої індексації.:
<source lang="html4strict">
<meta name="robots" content="index,nofollow" />
</source>
Приклад 4. Заборонити індексування сторінки та використання розміщених на ній посилань для подальшої індексації.:
<source lang="html4strict">
<meta name="robots" content="noindex,nofollow" />
</source>
або рівноцінний аналог:
<source lang="html4strict">
<meta name="robots" content="none">
</source>
 
==== МeтaтeгМeтa-тeг Subject ====
Визначає тематику документа. практичноПрактично марнийнепотрібний через відсутність чіткої та узгодженої класифікації тем в різних пошукових системах.
 
==== МeтaтeгМeтa-тeг url ====
Тег припиняє індексацію сторінки пошуковою системою, і перенаправляє робота пошукової машини за вказаним посиланням. Тег застосовується для скасування індексації [[дзеркало (мережу)|«дзеркала»]] та генеруючих сторінок.
<source lang="html4strict">
<meta name="url" content="http://ru.wikipedia.org/" />
Рядок 117:
=== Група HTTP-EQUIV ===
 
==== МeтaтeгМeтa-тeг Content-Language ====
Тег дозволяє вказати мову, якою створено документ.
 
Приклад:
<source lang="html4strict">
Рядок 124 ⟶ 125:
</source>
 
==== МeтaтeгМeтa-тeг Content-Script-Type ====
Визначає мову програмування сценаріїв. Якщо тег не прописаний, слід вказати мову програмування в кожному тезі <script>. Тег <script> має вищий пріоритет порівняно з Content-Script-Type.
 
==== МeтaтeгМeтa-тeг Content-Style-Type ====
Вказівки мови таблиці стилів, за замовчуванням значення&nbsp;— «text/css».
 
Приклад: <source lang="html4strict"><meta http-equiv="Content-Style-Type" content="text/css"></source>
 
==== МeтaтeгМeтa-тeг Content-Type ====
Визначає тип документа і його кодування.
 
Приклад: <source lang="html4strict"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></source>
 
==== МeтaтeгМeтa-тeг Expires ====
МетатегиМета-тег Expires&nbsp;— управляє кешуванням. Якщо зазначена в тезі дата пройшла, то браузер повинен зробити повторний мережевий запит, а не використовувати копію з кеша. Якщо спочатку вказати минулу дату, то документ не буде кешуватися.
 
Деякі пошукові роботи можуть відмовитися індексувати документ із застарілою датою.
 
Дата повинна вказуватися в стандарті [RFC850].
Приклад: <source lang="html4strict"><meta http-equiv="Expires" content="Wed, 26 Feb 1999 08:21:57 GMT"></source><ref name="Мета теги">[http://www.woweb.ru/publ/26-1-0-633#16 Мета теги&nbsp;— Веб-Дизайн&nbsp;— Статті&nbsp;— WoWeb.ru]</ref>
 
==== МетатeгМета-тeг PICS-Label ====
PICS-Label&nbsp;— (від [[англійська мова|англ.]] Platform-Independent Content rating Scheme Label)&nbsp;— вказує рівень доступності сайту (у зв'язку з можливими тематиками sex і violence), однак використовується і в інших цілях.
 
==== МeтaтeгМeтa-тeг Pragma ====
Контроль кешування при сторінках, одержуваних шляхом роботи заданого скрипта.
<source lang="html4strict">
Рядок 152 ⟶ 155:
</source>
 
==== МeтaтeгМeтa-тeг Refresh ====
Затримка часу (в секундах) перед тим, як браузер оновить сторінку. Крім того, може використовуватися автоматичне завантаження іншої сторінки.
<source lang="html4strict">
Рядок 159 ⟶ 162:
Після «url=» лапок бути не повинно!
 
==== МeтaтeгМeтa-тeг Set-Cookie ====
Налаштування [[Куки|cookie]] [[браузер]]а
 
==== МeтaтeгМeтa-тeг Window-target ====
Визначення вікна завантажуваної сторінки.
 
==== МетатегМета-тег Imagetoolbar ====
Вимикає Панелі управління зображеннями. Зазвичай використовують при виведенні банерів, фону картинки, карти зображення та ін., коли висновоквиведення цієї панелі небажанийнебажане.
 
<source lang="html4strict">
Рядок 172 ⟶ 175:
</source>
 
== Значення метатегівмета-тегів ==
МетаданіМета-дані про веб-сторінцісторінки спочатку призначалися в тому числі для того, щоб допомогти пошуковим машинам віднести веб-сторінку до тієї чи іншої категорії. В 90-і роки метатегимета-теги активно використовувалися в цілях розкрутки свого сайту, в тому числі, надаючи неправдиві або надлишкові метаданімета-дані. Останнім часом пошуковими системами було зроблено безліч заходів поіз припиненнюприпинення таких маніпуляцій: наприклад, із факторів ранжируванняранжування бувбуло виключенийвиключено тег '''keywords''', принципи побудови правильних основних тегів «title», і «description» також змінилися.
 
У зв'язку з тим, що метатегимета-теги несуть суто службову функцію, і, крім того, значно збільшують розмір гіпертекстового документа, початківці Web-дизайнери найчастіше віддають перевагу їх ігноруватиігнорують. Крім того, метатегимета-теги групи HTTP-EQUIV достатньо складні у використанні, оскільки задають жорсткі параметри форматування сторінки. Тим не менш, метатегимета-теги роблять більш успішною індексацію Інтернет-сторінки в пошукових системах.
 
== Див. також ==
Отримано з https://uk.wikipedia.org/wiki/Мета-теги