Метатеги

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

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

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

Title

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

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

Description

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

<meta name="description" content = "Описание содержания страницы" />

Robots

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

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

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

<meta name = "robots" content = "index" />

Keywords

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

<meta name="keywords" content="метатеги, сео, ранжирование, продвижение" />

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

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

Viewport

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

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

Content-type

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

<meta http-equiv = "Content-type" content = "text/html; charset = windows-1251" />

Content-language

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

<meta http-equiv = "Content-language" content = "ru" />

Refresh

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

<meta http-equiv = "refresh" content = "10; url = http://example.com" />

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

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

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

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

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

<meta name = "author" content = "Имя автора" />

<meta name = "site-created" content = "20.07.2019" />

<meta name = "reply-to" content = [email protected] />

<meta name = "generator" content = "WordPress" />

Leo Peterson
Leo Peterson

Владелец и автор портала Affspot.ru с 5-летним опытом работы в партнерском маркетинге.

Оцените автора
affspot.ru
Оставьте комментарий

Rambler's Top100