Метатеги — Словарь

Метатеги – это специальные HTML-элементы, содержащие важную информацию о странице. Они не видны простому пользователю, но очень необходимы поисковикам и браузерам для сбора информации о ресурсе. Размещаются метатеги в HTML-коде страницы в разделе <head>.

Для поисковых роботов

Присутствие определенных метатегов на странице просто обязательно, так как они выполняют важную функцию в SEO-оптимизации. Рассмотрим основные из них.

Title

Из этого тега поисковики берут заголовок и отображают его в поисковой выдаче. Поэтому очень важно делать его информативным, понятным и привлекал большее число пользователей. Пример:

<title>Заголовок</title>

Description

Информация для сниппета подтягивается именно из этого метатега. В нем заполняется краткое описание сайта с использованием ключевых фраз.

Robots

Этот тег указывает поисковым ботам, какие действия они могут выполнять на сайте. Указывается только тогда, когда есть необходимость выставить какие-либо ограничения по сбору данных. Значения бывают следующие:

index – индексировать страницу;
noindex – исключить индексацию;
follow – проанализировать ссылки на странице;
nofollow – игнорировать все ссылки.

Значения можно комбинировать между собой (index, nofollow – проиндексировать страницу, но игнорировать ссылки на ней). Пример заполнения:

Keywords

Метатег предназначен для указания ключевых фраз и слов, часто встречающихся на интернет-ресурсе. На сегодня этот тег немного устарел, и поисковики его просто игнорируют. Поэтому его отсутствие никак не повлияет на ранжирование сайта. Заполняют его следующим образом:

Для веб-браузеров

Заполняются аналогично вышеописанным, только с небольшой поправкой: атрибут name заменяется на http-equiv.

Viewport

Метатег объясняет браузеру, как показывать страницу на экранах с разной диагональю (например, планшетах или смартфонах). Пример:

<metaname="viewport" content="width=device-width, initial-scale=1.0">

Content-type

Дает указания браузеру, как отображать текст. Если не прописать этот метатег, пользователь может увидеть вместо текста кучу непонятных символов. Пример написания:

Content-language

Тег предназначен для указания языка сайта. Пример:

Refresh

Говорит браузеру, через какой промежуток времени перенаправить пользователя на другой сайт. Заполнение его необязательно, но, если есть необходимость, это выглядит так:

Цифра – это количество секунд, по истечению которых произойдет перенаправление, далее – указывается адрес этого сайта.

Для передачи информации об авторе

Приведенные ниже метатеги дают информацию о владельце ресурса:

author – отражает имя автора страницы;
site-created – отражает дату создания ресурса;
reply-to – отражает электронную почту автора;
generator – отражает информацию о программе, сгенерировавшей сайт.

Примеры написания: