Размещенные в головной части HTML-документа, метатеги используются для обозначения закодированной информации и указания метаданных. Они не отображаются на самом сайте, однако пользовательские агенты, такие как браузеры или веб-краулеры, могут читать метатеги. Функция мета-элемента заключается в передаче дополнительной информации на веб-сайт, что облегчает анализ HTML-файлов и упрощает сохранение содержимого файлов. Метатеги HTML почти всегда имеют одинаковую структуру: сначала определяется элемент, а затем ему присваивается содержание. Формула объявления метаданных следует этой структуре:
<meta name="Name of element" content="assigned index"/>Если раньше метаданные играли важную роль в оптимизации поисковых систем, то в последние годы их влияние на ранжирование результатов уменьшилось. Тем не менее, владельцам сайтов рекомендуется сохранять эту информацию в головке HTML и вносить подробные метаданные, поскольку она по-прежнему актуальна для метапоисковых систем и локальных поисковых скриптов. Метатеги также могут определять инструкции для управления поисковыми ботами (веб-краулерами).
Важные метатеги
Существует длинный список элементов, которые могут быть включены в головной раздел HTML. Помимо такой важной информации, как заголовок страницы, описание страницы и определение кодировки, заголовок может предоставлять исчерпывающую информацию для пользовательских агентов. Поэтому владельцы веб-сайтов могут использовать метатеги для определения релевантных ключевых слов или для определения темы своей страницы. Кроме того, авторы и издатели могут использовать метатеги для размещения данных об авторских правах. Однако не вся эта информация актуальна для взаимодействия с браузерами и поисковыми ботами. Иначе обстоит дело с метатегами, которые управляют поведением пользовательских агентов, запрещая индексировать соответствующую HTML-страницу или не позволяя веб-краулерам переходить по исходящим ссылкам. В следующем разделе описаны наиболее важные метаэлементы и их использование операторами веб-сайтов.
Заголовок
Строго говоря, заголовок — это независимый HTML-тег, а не метаэлемент, но из-за его взаимодействия с агентами пользователей его часто ассоциируют с метаданными. Являясь обязательным элементом HTML-главы, заголовок обычно размещается перед любыми другими метатегами. Считываемый веб-браузерами, заголовок появляется в качестве имени по умолчанию при установке закладки, в строке заголовка вкладки или окна и в истории поиска веб-браузера. Кроме того, тег title используется всеми крупнейшими поисковыми системами в качестве заголовка на страницах результатов поиска (SERP). Поэтому он оказывает решающее влияние на поведение пользователей поисковых систем при кликах.
По данным Google, заголовок является лишь одним из примерно 200 факторов, учитываемых при расчете рейтинга органических результатов. Что касается оптимизации страницы, то крайне важно следить за тем, чтобы заголовок не превышал максимальную длину в 55 символов. Также рекомендуется поместить главное ключевое слово в тег title соответствующей страницы. Пример заголовка веб-страницы выглядит следующим образом:
<title>the most important meta tags and their functions | IONOS</title>Кодировка символов
Если шрифт еще не определен в HTTP-заголовке, эту информацию необходимо указать в HTML-коде. Это обеспечит, помимо прочего, правильное отображение любых специальных символов. Используйте следующий мета-тег для указания шрифта или кодировки символов:
<meta charset="utf-8"/>Эта мета-информация также важна, когда браузеры получают HTML-данные непосредственно с жесткого диска, а не через HTTP.
Описание
Описание, также известное как метаописание, предоставляет место для краткого изложения содержания страницы. Поскольку поисковые системы представляют этот метатег в виде сниппета в SERPs, тщательное редактирование абсолютно необходимо для любого содержимого, которое здесь отображается. Благодаря своему значительному влиянию на поведение пользователей при кликах, описание является одним из самых важных метатегов HTML для поисковой оптимизации. Однако владельцам сайтов важно помнить, что описание не должно превышать 160 символов (включая пробелы). Любой текст после этой точки обрезается, и в результатах поиска появится неполное описание.
Тег meta description предназначен в первую очередь для пользователей Интернета и поэтому должен содержать краткое описание содержания страницы. Руководство Google также предписывает операторам сайтов следить за тем, чтобы каждая веб-страница имела уникальное описание с точной информацией о ее содержании. Этот атрибут имеет очевидную ценность для пользователя, который может с первого взгляда определить, подходит ли ему данная веб-страница, что положительно сказывается на количестве переходов по ссылке. Ниже показан пример метаописания:
<meta name="description" content="HTML meta tags are a cornerstone of coding. But which are the most essential? We give you a rundown of all the meta tags you need to know."/>Ключевые слова
С помощью тегов ключевых слов операторы веб-сайтов могут определять ключевые слова для поисковой программы. Введя информацию таким образом, поисковая программа покажет пользователю Интернета HTML-страницы с ключевыми словами, соответствующими его поиску. Предпочтение отдается HTML-страницам, содержащим соответствующие поисковые термины в метатеге ключевых слов. Раньше метатег keyword был одним из самых необходимых метатегов SEO, поскольку примитивные поисковые системы использовали его как центральную характеристику для ранжирования результатов поиска. Однако из-за большого потенциала для манипулирования этим метаэлементом он теперь не учитывается в факторах ранжирования Google. Другие гиганты поисковых систем, такие как Bing, также придают меньшее значение ключевым словам мета-тегов, поэтому актуальность этих мета-тегов для поисковой оптимизации близка к нулю.
Несмотря на то, что эти ключевые слова практически не оказывают положительного влияния на рейтинг органического веб-поиска, неправильное использование метатегов HTML может негативно сказаться на вашем рейтинге. Поэтому необходимо тщательно подбирать наборы ключевых слов, не забывая избегать набивки ключевых слов (чрезмерного использования ключевых слов) и использования нерелевантных ключевых слов мета-тегов. Поскольку местные поисковые скрипты и метапоисковые системы иногда используют информацию в метатегах ключевых слов, рекомендуется, чтобы операторы сайтов, если они используют ключевые слова, записывали только релевантные. Одиночные ключевые слова метатега можно разделять запятой, в то время как ключевая фраза вполне может состоять из нескольких элементов.
<meta name="keywords" content="keyword 1, keyword 2, keyword 3"/>В целях защиты вашей конфиденциальности видео не будет загружаться, пока вы не нажмете на него.
Автор и авторское право
Метатеги «Автор» и «Авторское право» можно найти в исходном коде HTML-страницы. Они используются для записи информации о том, кто создал соответствующий сайт и кому принадлежат авторские права. Метка «Автор» автоматически вставляется в некоторые системы управления контентом (CMS) и всегда указывает имя последнего человека, редактировавшего страницу. Преимущество этого заключается в том, что администраторы каталога источников могут определить, кто редактировал ту или иную страницу. Однако использование этих метатегов HTML не является обязательным.
<meta name="author" content="Author name" />
<meta name="copyright" content="Copyright owner" />Инструкции для веб-гусениц (ботов)
Одной из основных функций метатегов является передача инструкций по индексированию для поисковых машин. Они определяются на уровне страницы метаданными robots. Следующие метатеги используются для определения того, добавлена ли страница в индекс поисковой системы и доступна ли она для веб-поиска. Они также могут определять, должны ли исходящие ссылки страницы выполняться или игнорироваться краулером. Таким образом, meta robot data оказывается одним из самых важных видов SEO-метатегов.
Индекс
Чтобы разрешить поисковому роботу индексировать HTML-сайт, используйте следующий метатег:
<meta name="robots" content="follow"/>Однако, поскольку веб-краулеры (поисковые боты) индексируют сайты по умолчанию, писать эту команду, как правило, не нужно.
Noindex
Если вы не хотите, чтобы HTML-страница появлялась в индексе поисковой системы, вы должны явно определить ее. Этот метатег позволяет поисковым программам передавать HTML-содержимое в базу данных поисковой системы:
<meta name="robots" content="noindex"/>Значение «robot» атрибута name соответствует всем краулерам поисковых систем. Значение «noindex» атрибута content указывает, что текущая страница не должна индексироваться. Также можно запретить индексацию для определенных роботов с помощью альтернативного значения атрибута name, например, «googlebot» вместо «robots».
Следовать
По умолчанию веб-гусеницы следуют за исходящими HTML-ссылками. Однако, при желании, это может быть выражено следующими метаданными робота:
<meta name="robots" content="follow"/>Этот метатег также по сути избыточен, поскольку краулеры всех значимых поисковых систем должны автоматически следовать за гиперссылками, если не задано ничего другого.
Nofollow
Следующий метатег можно использовать для предотвращения попадания поисковых ботов на подстраницы по гиперссылкам или по ссылкам на другие домены:
<meta name="robots" content="nofollow"/>В этом случае поисковые роботы рассматривают страницу так, как будто ссылок на нее не существует. Этот мета-элемент не препятствует передаче содержимого соответствующего HTML-файла в поисковую базу данных.
Метатеги index/noindex и follow/nofollow можно комбинировать или использовать по отдельности. Например, с их помощью можно указать, что сайт должен быть занесен в индекс, но гиперссылки должны быть проигнорированы. В качестве альтернативы оба действия могут быть запрещены или разрешены.
<meta name="robots" content="index,nofollow" />
<meta name="robots" content="index,follow" />
<meta name="robots" content="noindex,nofollow" />http-эквиваленты
С помощью атрибута «http-equiv» метатеги HTML могут включать информацию, эквивалентную той, которая обычно содержится в заголовке HTTP. Эта информация читается как замена, если веб-сервер неправильно настроен. Как правило, идентичный HTTP-заголовок предпочтительнее HTML-метатегов.
Контроль кэша
Стандартной практикой является хранение веб-сайтов на прокси-серверах, что позволяет веб-сайтам загружаться быстрее при последующем обращении к ним. Чтобы предотвратить этот процесс, используйте метатег «cache-control» со значением «no-cache»:
<meta http-equiv="cache-control" content="no-cache"/>Веб-сайты, снабженные этим метатегом, перезагружаются с веб-сервера при каждом просмотре страницы. Это приводит к увеличению времени загрузки, но, с другой стороны, может быть очень полезным, например, если содержимое веб-страницы постоянно обновляется.
Истечение срока действия
Вместо того чтобы полностью запретить хранение данных в кэше, вы можете установить срок действия для данных HTML с помощью атрибута «http-equiv». Для этого можно использовать следующий метатег:
<meta http-equiv="expires" content="exercise date in seconds"/>Этот тег позволяет установить дату истечения срока действия в любое время. По истечении заданного срока веб-браузер загрузит соответствующий HTML-документ с исходного адреса. Если содержимое все равно загружается с исходной страницы, выбирается дата истечения 0 секунд. Для срока действия в 12 часов владельцам веб-страниц следует выбрать 43 200 секунд.
<meta http-equiv="expires" content="0"/>
<meta http-equiv="expires" content="43200"/>В качестве альтернативы можно задать временной интервал с точной датой и временем. Они должны быть указаны в среднегринвичском времени (GMT).
<meta http-equiv="expires" content="Sat, 07 Feb 2016 00:00:00 GMT"/>Обновить
Метатеги с атрибутом «http-equiv» можно использовать для настройки простой формы перенаправления. Как и тег expires, тег refresh может определять дату истечения срока действия. Если это достигнуто, пользовательские агенты, такие как веб-браузеры и поисковые машины, перенаправляются на заранее определенный URL. В данном примере показано перенаправление на домашнюю страницу IONOS, начинающееся через 10 секунд после загрузки.
<meta http-equiv="refresh" content="10; url=http://www.ionos.com/"/>Поскольку тег refresh не работает при некоторых настройках веб-браузеров, Консорциум Всемирной паутины (W3C) рекомендует реализовывать его на стороне сервера, используя код состояния HTML 301, а не перенаправлять с помощью метатегов.
Генератор метатегов
Владельцы сайтов могут воспользоваться большим количеством генераторов метатегов, которые можно найти в Интернете, например, на сайте seoptimer.com. Этот бесплатный инструмент полезен для автоматического создания метатегов; все, что вам нужно сделать, это ввести соответствующую информацию в мастер генератора метатегов. Затем программа компилирует данные в исходный код, который можно использовать в HTML-заголовке вашего сайта.