Блог про интернет-маркетинг для бизнеса

SEO

Как оптимизировать контент: title, h1, description, keywords

181
0
75

В этом выпуске «Азбуки SEO» я расскажу о важных тегах и метатегах, которые размещаются в HTML-коде документа и содержат данные о контенте на странице. Это один из факторов формирования выдачи по запросу в поисковых системах и определения контента сайта. Речь пойдет о четырех базовых элементах:

  • title;
  • desсription;
  • keywords;
  • заголовок h1.

Зачем нужны метатеги

Метатеги были созданы для указания поисковым системам о содержании страницы, но после усовершенствования поисковых алгоритмов стали лишь одним из факторов определения контента сайта. У всех метатегов разное значение, применение и особенности.

В выдаче метатеги подтягиваются в сниппет:

В выдаче метатеги подтягиваются в сниппет

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

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

Суммируем:

  • метатеги помогают сайту попадать в выдачу по релевантным запросам;
  • метатеги привлекают посетителей;
  • метатеги сообщают о содержимом страницы.

Что такое тег title

Title в коде оформляется как связное, осмысленное предложение, а в выдаче отображается как заголовок страницы:

Title в коде оформляется как связное, осмысленное предложение, а в выдаче отображается как заголовок страницы

В title ключевые слова лучше располагать ближе к началу предложения. Следует использовать фразы, по которым пользователь может искать информацию на странице.

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

Переспам ключевых слов в title в виде повторения слова несколько раз в одной и той же словоформе негативно сказывается на ранжировании сайта

Этот пример title с переспамом взят с восьмой страницы выдачи Google по запросу «купить цветы киев»

Title должен быть уникальным в пределах сайта — это еще одна особенность данного метатега. Для проверки сайта на уникальность title существуют различные методы краулинга.

Для чего нужен тег h1

H1 — простой тег, элемент разметки текста в HTML. Но он влияет на определение тематики поисковыми роботами не меньше, чем элементы с приставкой «мета». H1 может содержать те же ключевые слова, что и title, емко и кратко обобщать контент.

Важное отличие: h1 — заголовок, который пользователи видят вверху самой страницы, а не в выдаче поисковых систем.

h1 — заголовок страницы, который пользователи видят на самой странице, а не в выдаче поисковых систем

Что такое метатег description

Description — краткое описание страницы, включающее конкурентные преимущества сайта и побуждающее кликнуть по ссылке в поисковой выдаче.

Description — краткое описание страницы, включающее конкурентные преимущества сайта и побуждающее кликнуть по ссылке в поисковой выдаче

Это метатег с дополнительной информацией о странице. Он содержит два атрибута name и content, в которых размещены название метатега и его содержимое.

Компоненты description:

  • ключевые слова;
  • тематика, отвечающая контенту страницы;
  • привлекательная формулировка;
  • уникальное торговое предложение;
  • рекламная составляющая.

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

Чтобы сделать description более заметным, используйте юникод-символы — звездочки, телефоны и другие картинки:

используйте юникод-символы

Чтобы сделать description более заметным, используйте юникод-символы

Так выглядят символы в выдаче:

Чтобы сделать description более заметным, используйте юникод-символы — звездочки, телефоны и другие картинки

Зачем нужен метатег keywords

Keywords — ключевые слова, передающие основной смысл страницы. Он так же, как и description, содержит атрибуты name и content. При составлении keywords нужно через запятую перечислить ключевые слова, которые характеризуют смысл страницы и не повторяются между собой.

Нужен ли keywords сегодня? Для Google — нет. Специалисты Google еще в сентябре 2009 года объявили на официальном блоге Webmaster Central Blog, что в их поисковой системе keywords не будет влиять на ранжирование.

Однако правильно составленный keywords помогаeт при продвижении в Яндексе:

правильно составленный keywords помогаeт при продвижении в Яндексе

Как оформлять метатеги

В HTML метатеги оформляются так:

<title>Раскрутка сайта, продвижение сайтов: Netpeak Украина —      интернет-маркетинг для бизнеса</title>
<meta name="keywords" content="Netpeak, Нетпик, Украина, раскрутка сайта, продвижение сайтов, интернет-маркетинг, интернет-маркетинг для бизнеса" />
<meta name="description" content="Netpeak — интернет-маркетинг для бизнеса в Украине: 11 лет опыта, 1&nbsp;962 довольных клиента, таких как LG, TripAdvisor, OLX, Kärcher." />

Так, например, выглядит в коде строка с keywords:

Так выглядит в коде строка с keywords

В текст метатега не стоит включать двойные кавычки, поскольку они разрывают атрибут и тег будет отображаться некорректно:

<meta name="description" content="Агентство "Netpeak" — интернет-маркетинг для бизнеса в Украине: 11 лет опыта, 1&nbsp;962 довольных клиента, таких как LG, TripAdvisor, OLX, Kärcher." />

Можно поставить кавычки-ёлочки — «» (Alt+0171, Alt+0187), в таком случае код сработает без ошибок:

<meta name="description" content="Агентство «Netpeak» — интернет-маркетинг для бизнеса в Украине: 11 лет опыта, 1&nbsp;962 довольных клиента, таких как LG, TripAdvisor, OLX, Kärcher." />

Второй метод — поставить сочетание &#34, заменяющее кавычки в языке HTML.

Правила написания метатегов

Чтобы на всех страницах были уникальные метаописания, нужно соблюдать несколько правил:
1. Вручную прописать метатеги для основных страниц сайта (главной, категорий).
2. Прописать шаблоны генерации метатегов для всех типов подкатегорий, фильтров и карточек товаров.


Например, для страницы https://site.com/categoriya могут быть такие шаблоны метатегов:

Title: [Название категории] — купить в интернет-магазине [Название магазина]
Description: Заказать [название категории] с бесплатной доставкой по [Название страны или города] ✓ Высокое качество ✓ Доступные цены ☎ 8-000-000-00-00 Звоните!
H1: [Название категории]
Keywords: все слова из title кроме предлогов, через запятую.

Основные правила создания тегов и метатегов:

Название

Объем

Функция

Особенность

Title

До 70 знаков, основные ключи в первых 50 знаков.
Размер — 600 пикселей.

Заголовок страницы. Влияет на ранжирование по запросам в выдаче.

Должен быть уникален, читабелен, без спама и повторения ключей.

Description

От 70 до 155 знаков — около 15 слов.

Описание страницы, служит для обеспечения кликабельности, должен заинтересовать пользователя.

Раскрывает конкурентные преимущества, не дублирует title.

Keywords

5-7 ключевых слов, отражающих смысл страницы.

Ранее помогал поисковым роботам расшифровать смысл страницы, сейчас влияет на ранжирование только в некоторых поисковых системах, включая Яндекс.

Ключевые слова не должны повторяться.

Метатег может учитываться Яндексом, виден конкурентам сайта.

H1

Не более 7 слов. Если заголовок длиннее, ключевые слова нужно располагать ближе к началу, чтобы они были учтены поисковыми системами.

Содержит ключевые слова или их синонимы, помогает поисковой системе распознать смысл текста.

Только один для конкретной страницы.

Выводы

Desсription и keywords — метатеги с дополнительной информацией о странице. Они содержат два атрибута name и content, в которых размещены название метатега и его содержимое.
Title и h1 — простые теги, элементы разметки текста в HTML. Но они влияют на определение тематики страницы не меньше, чем элементы с приставкой «мета».

Грамотно оформленные метатеги отлично презентуют сайт, помогают пользователям правильно распознать контент и быстро найти нужную информацию, а поисковым системам — повысить ресурс в поисковой выдаче.

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

Читайте также о противостоянии LSI и SEO-текстов.

Обнаружили ошибку? Выделите ее и нажмите Ctrl + Enter.

Комментарии (3)

  1. 0
    24 дня назад

    Столкнулся с тем, что некоторые юникод-символы не добавляются в Title и Description страницы на Wordpress. Не в курсе, как решить эту проблему?

  2. 0
    месяц назад

    В справке Яндекса указано, что keywords может учитываться. Поэтому утверждать, что keywords в Яндекс учитывается не совсем корректно ;)

    • 0
      Дмитрий Варламов
      месяц назад

      Собственно, это цитата из Яндекс Справки:

       "Робот Яндекса учитывает содержание следующих мета-тегов:

      <meta name="Keywords" content="..."/> — может учитываться при определении соответствия страницы поисковым запросам;"

      Спасибо за комментарий ;)

Чтобы оставить комментарий, необходимо авторизироваться

Подписаться

на самую полезную рассылку по интернет-маркетингу

Самое

обсуждаемое популярное читаемое