Что такое мета-теги Title, Description, Keywords

Мета-теги — это элементы в HTML-коде, которые нужны, чтобы сообщить поисковым системам информацию о содержимом страницы.

Мета-теги Title, Description и Keywords не отображаются на сайте, их можно увидеть только в коде и увидеть их работу, когда мы видим результат поисковой выдачи по нашему запросу в поисковой системе (как на картинке).

Для формирования сниппета они могут иногда использовать Description, но могут и составить его самостоятельно из контента сайта. При этом, все же, рекомендуется прописывать Title и Description.

Зачем прописывать мета-теги Title и Description

Чтобы четко сформулировать, чему посвящена ваша страница, отображать кликабельный заголовок, подчеркнуть конкурентные преимущества.
Если система будет выбирать формировать сниппет самостоятельно, в выдаче может оказаться совсем не тот текст, что вам нужен.
Благодаря правильно прописанным мета-тегам, сайт будет показываться по релевантным запросам.
Заполнение мета-тегов — это довольно несложный процесс, который может положительно повлиять на ранжирование и повысить количество переходов.

Ниже мы поговорим о требованиях к каждому из описанных мета-тегов, но объединяет их два момента. Во-первых, они должны быть уникальны внутри сайта и не дублироваться на разных страницах. Во-вторых, должны соответствовать содержимому страницы и ее семантике. Для составления описанных мета-тегов необходимо составить семантическое ядро и учитывать структуру сайта.

Как заполнять мета-тег Title

В Title указывается заголовок страницы, и он влияет на продвижение сайта в поисковой выдаче по ключевым словам. Данный мета-тег имеет следующий вид в блоке head:

<Title>Title</Title>

Пример тега Title в коде сайта:

Title также отображается как заголовок открытого сайта в браузере — вот как это выглядит на примере сайта Ringostat:

Данный мета-тег рекомендуется составлять вручную для целевых страниц, категорий и разделов. Для карточек товаров их можно прописывать автоматически, используя шаблоны. Например такой:

[Категория товара][Название | Модель товара], цена, отзывы, характеристики | Магазин

Требования к Title:

содержит до 70 символов или до 600 пикселей для Google — эта система измеряет длину именно в них;
ключевые слова размещаются ближе к началу Title — в первых 1-4 словах;
не содержит ключевых слов, по которым страница не продвигается — например, в Title сайта интернет-магазина не стоит писать «бесплатная доставка»;
компания указывается в конце — исключение составляют крупные бренды, например, Rozetka, Gucci и т. д.;
ключевые слова не дублируются — при необходимости используйте синонимы;
Title должен отличаться от H1, заголовка первого порядка;
не содержит перечисление всех возможных регионов и всего ассортимента;
написан без использования капслока;
текст читабельный, без несогласованных фраз — не стоит просто перечислять ключевые слова;
желательно использовать один язык для одной страницы, как советует Google;
не рекомендуется использовать разные теги Title для мобильных и десктопных страниц.

Плохой пример Title:

Компьютеры. Цены в г. Николаев. Купить компьютеры в г. Николаеве.

Хороший пример Title:

Компьютере в Николаеве. Купить компьютер по цене поставщика, бесплатная доставка | Мир техники

Что писать в Description

Мета-тег Description — это элемент, который содержит описание содержимого страницы. В коде он выглядит так:

<meta name="description" content="Description" />

Пример тега Description в коде

Требования к Description:

мета-тег содержит от 70 до 155 знаков, для Google от 400 до 930 пикселей;
начинается с ключевого слова;
состоит из связного текста;
не дублирует Title;
описывает конкурентное преимущество, УТП — у пользователя должно возникнуть желание перейти на сайт;
содержит призыв к действию;
заканчивается точкой или восклицательным знаком;
не слишком короткий и содержит достаточно ключевых слов;
не дублирует кусок контента с сайта;
не содержит спецсимволы (= / \ + _ в середине текста, зато можно использовать различные графические значки в конце объявления, чтобы привлечь внимание пользователей.

Плохой пример:

Перфораторы аккумуляторные/ продажа + доставка, доступные цены. Это залог успеха для ремонта и строительства в квартире или загородном доме.

Хороший пример:

Аккумуляторные перфораторы со скидкой до 50%! Бесплатная доставка по Одессе. 3 года гарантии от производителя. Звоните ☎ (099) 222-22-22

Keywords: как заполнять и заполнять ли вообще

В коде данный мета-тег выглядит так:
<meta name="keywords" content="Keyword" />

Имейте в виду, что Google не учитывает данный мета-тег уже около десяти лет. Яндекс же иногда может принимать его во внимание. Поэтому большинство SEO-специалистов рекомендуют не тратить время на его заполнение. В то же время, Google наказывает за переспам в данном теге. Поэтому Keywords лучше не совсем не заполнить, чем заполнить неправильно.

На скриншоте ниже представитель данной системы говорит о том, что многие вебмастера злоупотребляли мета-тегом Keywords, размещая в нем нерелевантные слова. Поэтому Google перестал его учитывать.

Резюме

Мета-теги Title и Description предназначены, чтобы сжато сформулировать для поисковых систем тематику страницы.
Поисковики не обязательно используют мета-теги для составления сниппетов. Они могут составить его прямо из контента сайта, если посчитают мета-теги нерелевантными. Но их желательно все равно прописывать, т. к. системы могут принимать их во внимание.
Keywords не учитывает Google, но Яндекс может учитывать. В то же время системы наказывают за переспам в данном мета-теге.
Мета-теги должны быть уникальными в рамках сайта, соответствовать семантике и тематике страницы.

За материал спасибо blog.ringostat.com