Мета теги HTML их назначение и правильное заполнение. Что такое мета-теги и для чего они нужны
Мета-теги
— это необязательные атрибуты, размещенные в заголовке страницы, между тегами
и , которые никак не отображаются браузером (за исключением содержимого тега
). <b>Мета-теги
</b> могут содержать описание html-страницы, ключевые слова к ней, информацию об авторе, управляющие команды для браузера и поисковых роботов, а также прочую служебную информацию, не предназначенную для посетителей. <b>Мета-теги
</b> для сайта играют очень важную роль. Их добавление в html-документ могут существенно помочь сайту в его жизни.</p>
<p>Всегда применяйте только те мета-теги, которые реально нужны для работы веб-сайта. Не следует загромождать область <head> лишними инструкциями, т.к. любая ошибка здесь может привести к печальным последствиям.</p>
<h2>Функции мета-тегов</h2>
<p>На данный момент не существует их четкой стандартизации, однако функции мета-тегов достаточно разнообразны. Можно выделить несколько основных направлений использования мета-тегов:</p>
<ul><li>мета-теги могут идентифицировать авторство веб-документа, его адрес, частоту его обновлений;</li>
<li>мета-теги используются поисковыми роботами для индексации и создания заголовков гипертекстовых документов;</li>
<li>мета-теги влияют на режим отображения веб-страниц.</li>
</ul><h2>Группы метатегов</h2>
<p>Мета-теги можно разделить на две основные группы — это <b>NAME
</b> и <b>HTTP-EQUIV
</b>. Группа <b>NAME
</b> отвечает за текстовую информацию о веб-документе, его авторе, а также - формирует рекомендации для поисковых роботов. Мета-теги, относящиеся к группе <b>HTTP-EQUIV
</b> фактически эквивалентны гипертекстовым заголовкам, они формируют заголовок веб-страницы и определяют его обработку, а также управляют действиями браузеров и используются для формирования информации, выдаваемой обычными заголовками.</p><p>Элемент <b>meta
</b> принимает следующие атрибуты: <span>content, http-equiv, name, charset и scheme.
</p><table class="table table-bordered">Атрибут<th>Описание
</th>
<tr><td>Name
</td><td>Имя метатега, также косвенно устанавливает его предназначение. Примеры: include, keywords, description, author, revised, generator и др.
</td>
</tr><tr><td>content
</td><td>Устанавливает значение атрибута, заданного с помощью name или http-equiv.
</td>
</tr><tr><td>scheme (устарел)
</td><td>Указывает полезную информацию о схеме или название самой схемы, которая должна быть использована для интерпретации значения свойства (то есть значения атрибута «content»). Не применяется в HTML5.
</td>
</tr><tr><td>charset
</td><td>Новый атрибут, показывает кодировку документа в HTML5. Пример: <meta charset="utf-8">
</td>
</tr><tr><td>http-equiv
</td><td>Формирует заголовок страницы и определяет его обработку. Как правило, управляет действиями браузеров и используется для формирования информации, выдаваемой обычными заголовками. Например HTTP-EQUIV может использоваться для управления кэшированием, обновлением страницы, автоматической загрузки другой страницы.
</td>
</tr></table><h2>Группа значений атрибута <b>NAME
</b></h2>
<h3>«keywords» (ключевые слова)</h3>
<p><b>Keywords
</b> поисковые системы используют для того, чтобы определить релевантность страницы тому или иному запросу. При формировании данного значения необходимо использовать только те слова, которые <b>обязательно
</b> встречаются в самом документе. Использование тех слов, которых нет на странице, не рекомендуется. Ключевые слова нужно добавлять по одному, через запятую, в единственном числе. Рекомендованное количество слов в «keywords» - не более десяти. Кроме того, выявлено, что разбивка этого значения на несколько строк влияет на оценку ссылки поисковыми машинами. Некоторые поисковые системы не индексируют сайты, в которых в значении «keywords» повторяется одно и то же слово для увеличения позиции в списке результатов.</p><p>Если раньше «keywords» имел определённую роль в ранжировании сайта, то в последнее время поисковые системы относятся к нему нейтрально.</p>
<p>HTML-код с «keywords»
:</p><p>
<!DOCTYPE html>
<html>
<head>
<title>keywords
Основное содержимое страницы