Как заполнить title и description и продвинуть сайт на первые позиции

Как заполнить title и description и продвинуть сайт на первые позиции

Дата: 11.06.2018

Сложным термином “мета тег” называют тексты, описывающие краткое содержание страницы. Поисковые роботы благодаря метатегам лучше понимают суть написанного, а пользователи видят красивые заголовки и сниппеты в поиске. Когда пользователь ищет по запросу “купить телевизор” и видит страницы телевизоров, а не блендеров, то это заслуга мета тегов. Сегодня на пальцах разберем как заполнять основные мета теги title и description. Где их прописать и как это сделать правильно.

Что такое мета теги описаний

Когда ищете что-то в Google или Яндексе, то видите заголовки и короткие описания. Заголовок – это тег title, а короткое описание – это тег description. Качественно прописанные теги увеличивают шансы на высокие позиции и привлекают внимание пользователя:

  • Используйте в заголовках и в описаниях ключевые слова – информация для поисковых роботов;
  • Сделайте заголовок и описание привлекательным и понятным – тогда среди других сайтов пользователь выберет ваш.

Вот пример хорошего и понятного SEO-заголовка с корректным описанием:

title1.jpg

Интернет-магазин сделал описание простым и понятным – как для роботов, так и для пользователей

Вот плохой пример – он находится на восьмой странице выдачи. Большинство пользователей никогда не перейдет по такой ссылке. Проблема – описание сделано не для людей. Очень много ключевых слов, тексты выглядят неопрятно.

title2.jpg

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

Title

Разберемся подробнее, что такое title. Заполняйте этот тег на каждой, даже малопосещаемой странице.

Длина содержимого

Как заполнить title так, чтобы пользователи кликали по ссылке? В Google видно первые 69 символов, в Яндексе – 70 символов. Либо укладывайтесь в это количество символов, либо пишите так, чтобы видимая часть заголовка передавала законченную мысль. На примере:

  • Хорошо – Купить утюги с бесплатной доставкой, доступно более 100 моделей - 63 символа
  • Плохо – «Купить утюги можете у нас в интернет-магазине, доступно очень много позиций больше тысячи наименований и позиций. Доставка будет бесплатной». Пользователь увидит только выделенный фрагмент.

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

Релевантность

Учитывайте такой показатель как «релевантность». Это значит, что контент на странице соответствует ожиданиям потребителя. Если проще:

  • Пользователь вбивает запрос «купить утюг»
  • Страница интернет-магазина с разными утюгами – релевантная страница.
  • Страница информационная сайта с описание ремонта утюгом – нет.

Не обманывайте поисковые системы и пользователей. Заполняйте тег так, чтобы поисковый робот с помощью ключевого слова понял, о чем страница.

title3.jpg

Сокращенный title пользователь увидит и во вкладке в браузере. Если наведет курсор на вкладку – прочитает полный

Как заполнить тег title в коде сайта?

Title прописывают в блоке <head>

  • Если у вас одностраничный сайт, откройте страницу в редакторе и добавьте туда код. Тег title парный, то есть вам нужно написать так: <title>Содержимое тега</title >;
  • Если используйте популярные CMS, нужно установить плагины, позволяющие добавлять содержимое в теги. Ищите плагины, у которых больше всего скачиваний и положительных отзывов. Устанавливайте плагины только из официальных магазинов CMS.
  • Собственная разработка или лицензированные CMS? Обратитесь к разработчикам, способ добавить информацию в эти теги должен быть у каждой системы управления сайтом.

title4.jpg

Так выглядит title в HTML-коде сайта

Советы по составлению title

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

  1. Используйте ключевые фразы, но не перебарщивайте. Плохо, когда в title несколько разных «ключевиков» - робот не поймет о чем страница и понизит ее в выдаче;
  2. Лучше не использовать точки. Идеальный вариант – одно предложение, с максимум одной запятой;
  3. Основной ключ должен быть в прямом вхождении. Старайтесь не склонять его;
  4. Не пишите в title того, чего нет на странице;
  5. Используйте в title уникальные фразы. Одинаковых title у разных страниц быть не должно.
  6. Title и H1 – разные теги. Тег H1 пользователь видит, когда уже зашел на страницу. Прочитайте подробнее в нашей статье о том, как составлять заголовки;
  7. Если работайте в двух-трех городах, перечисляйте их в конце тега, а не в начале. Если городов много, то лучше перечислять не все.

Если работайте в двух-трех городах, перечисляйте их в конце тега, а не в начале. Если городов много, то лучше перечислять не все.

title5.jpg

Яндекс подскажет, чем дополнить title

Использование шаблонов для title

Если вам нужно создать много однотипных заголовков и тегов, используйте шаблоны. Особенно актуален такой подход для интернет-магазинов.

Например, наш пример про утюг будет выглядеть так:

Купить + [название товара из карточки]+ город + за + [цена из карточки]

Title будет таким:

Купить Утюг Philips GC4555/80 в Москве за 4990 рублей

Description

Как и title, информация из тега индексируется поисковыми роботами - добавляйте в тег ключевые слова. Тег влияет и на поведенческие факторы – если пользователя заинтересовало описание страницы, он кликнет на ссылку.
Несколько примеров удачных description:


Особенности тега в разных поисковиках

Оптимальная длина description:

  • Для Яндекса: 145 — 250 знаков без пробелов;
  • Для Google: 140 — 180 знаков без пробелов.

Если текста больше, он обрежется.

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

Как писать description для seo

Мета тег description по правилам написания отличается от парных тегов. Он также прописывается в блоке <head>, но строчка кода должна выглядеть так:

<meta name=”description” content=”ВАШЕ ОПИСАНИЕ”>

Обратите внимание – в конце закрывающий тег не ставится.

description2.jpg

Тег, в отличии от title, не закрывается

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

Что писать в description

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

  1. Пропишите в description то, что на самом деле увидит посетитель страницы. Не вводите в заблуждение
  2. Указывайте максимум 2-3 «ключа». Еще лучше, если ключевое слово будет одно, а к нему вы добавите «хвосты» из поисковых подсказок;
  3. Текст должен быть уникальным. Взять кусок текста из страницы – плохая идея, напишите новое;
  4. Для коммерческих сайтов – используйте ключ и уникальное торговое предложение. Так больше шансов, что пользователь выберет именно ваш сайт;
  5. Можете использовать знаки препинания. Этот тег должен быть больше title – минимум 140-150 символов;
  6. Description не должен полностью повторять тег title;
  7. Добавьте в тег синонимы для слов из «ключа». Например - купить и продажа;
  8. Для каждой страницы делайте уникальное описание. Следите, чтобы description не повторялся на разных страницах.

Хороший description: «На странице вы можете купить костюм для сноуборда мужской или женский – продажа коллекции прошлого года со скидками. Доставка в любой магазин сети. Все расцветки и размеры».

Плохой description: «Купить костюм для сноуборда, купить костюм для фрирайда, женский, мужской, купить сноуборд, купить экипировку для сноуборда, как кататься»

Используйте шаблоны

Для интернет-магазинов удобно использовать шаблоны для составления description. Пользователям интересно сразу узнать характеристики и цену товара. Если есть особенно предложение или акция – добавьте в описание.

Попробуйте сделать шаблон на страницы с товарами по этой формуле:

Заказать [название товара из карточки] в [город] в интернет-магазине [название магазина]. [Значимые характеристики]. [УТП]

Описание будет выглядеть так:

Заказать Ноутбук ASUS FX570UD-DM148T в Москве в интернет-магазине COMP. Операционная система Windows 10, Intel Core-i5, 6 ГБ DDR4. Доставка по Москве бесплатная!

Резюме:

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

Основные ошибки:

  • Делать слишком длинные описания;
  • Делать шаблонные описания
  • Вставлять много ключевых слов – такие описания поисковики расценивают как спам и понижают в выдаче;
  • Делать для поисковиков, а не людей;
  • Делать описания для галочки.

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

Обсудить сотрудничество