Как оптимизировать заголовок и описание страницы: кейсы, исследования, советы

Где прописывается дескрипшн в WordPress

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

Мой любимчик — Yoast Seo. Проверенный годами. К нему постоянно выходят обновления. Им так удобно и легко пользоваться, что даже школьник освоит его без труда.

Как только вы установите плагин, ниже поля для статьи появятся 4 строки. Нас интересует Meta Description (англоязычная версия) и Метаописание (русскоязычная).

Вставляем в это поле готовый абзац-описание или сочиняем его прямо там. Как вам удобнее.

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

Чтобы на всех страницах были уникальные метаописания, нужно соблюдать несколько правил:

1. Прописать шаблоны генерации метатегов. Шаблоны используются в интернет магазинах для оптимизации мета-тегов:

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

1. Вручную прописать метатеги:

• для главной страницы;

• для точечной оптимизации выбранных страниц;

• если невозможно применить шаблоны метатегов.

Как проверить мета-теги на странице:Существует огромное количество инструментов для просмотра метатегов страниц сайта. Рассмотрим самые известные.

Онлайн-инструменты

1.1. Расширения для браузера: SEO META in 1 CLICK

1.2. Букмарклеты: Мета теги страницы

Оба инструмента позволяют проверить основные on-page параметры нажатием одной кнопки;Однако не подходят для работы с более чем одной страницей.

Десктопная программа Netpeak Spider

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

Примеры: хороший/плохой description

Для наглядности описанных выше правил и ошибок, давайте рассмотрим несколько примеров с корректными и некорректными meta description.

Хороший. Короткое, понятное и емкое описание. Названа основная линейка товаров, перечислены популярные бренды и небольшое промо.

Плохой. Автоматически сформированное описание из отрывков текста на странице. Казалось бы, один из лидеров рынка электронной коммерции — компания OZON. Неграмотный description налицо.

Так meta description выглядит непосредственно в коде сайта. Во-первых, в нем содержатся ошибки, он нечитаемый, не отображает сути посадочной страниц, объем менее 100 символов.

Стоит отметить, что представленные данные актуальны на момент написания статьи.

Хороший. По запросу «курсы английского языка» можно увидеть достойный сниппет. Ключевое слово находится в начале описания. Указан метод обучение и первые сроки получения результатов. Описан формат прохождения курса. В конце описания Call to action (призыв к действию).

Плохой. Очень короткое, не содержательное описание, которое не дает пользователям никакого представления о  школе, кроме географической принадлежности.

Title и h1: название страницы и заголовок статьи – в чем разница

Метатеги Title и H1 по своей сути являются заголовками, но имеют разное предназначение. Под заголовком Title подразумевается название всей страницы. H1 обобщает только ее текстовую часть. Оба заголовка положительно влияют на конверсию конкретной страницы.

В чем отличия между Title и H1

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

Изменение Description

Если в результатах поиска вы увидели Description, который подтянула поисковая система и сделала она это криво, таким образом, что это может влиять на CTR в выдаче.

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

Грубо говоря, если в статье про яндекс вордстат я захочу поменять description. То я не буду трогать слова в статье из этого куска, которые подсвечены в нашем случае это «Яндекс Вордстат», «Яндекс», а буду менять все что стоит перед ними или до них. Таким способом шансы увеличиваются на то что поисковая система оставит этот измененный description, а не подставит другой.

Как добавить мета тег description на сайт WordPress

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

Yoast Seo – один из примеров таких
приложений. Это решение проверено годами, постоянно радует пользователей
всевозможными дополнениями.

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

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

Основные критерии description

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

Ключевые слова

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

Маркетинговая составляющая

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

Дублирование

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

Нужны ли метатеги?

Поисковые системы, такие как Google и Yandex, понимают содержание ряда метатегов и учитывают их при ранжировании сайта. Список метатегов, которые используют поисковые машины:

• Yandex

Перечислим основные метатеги для поисковых систем:

1. title;
2. description;
3. keywords;
4. robots.

Метатег robots

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

• NOINDEX — запрещает индексирование страницы;
• NOFOLLOW —  запрещает проход по ссылкам, имеющимся на странице;
• INDEX — разрешает индексирование страницы;
• FOLLOW —  разрешает проход по ссылкам;
• ALL —  равносильно INDEX, FOLLOW;
• NONE —  равносильно NOINDEX, NOFOLLOW.

Метатег keywords

Keywords — список ключевых слов, которые соответствуют сущности (содержимому) страницы. Много о данном метатеге говорить не будем: как показывает практика можно оставлять его пустым или вовсе не использовать.

Заявление Google об использовании метатегов:

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

Что такое title страницы на самом деле

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

Для чего нужен Title?

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

Для Яндекса — 80 символов, 15 слов.

Для Google — 70 символов, 12 слов.

Что должно быть в title?

Title неприменно должен содержать в себе ключевые слова, тоесть запросы по которым вы хотите видеть себя в ТОП-е.

Приведем пример тайтл:

Основные ключевые запросы:

бахилы цена
бахилы оптом
купить бахилы

у вас возникнут вопросы по подобию:

• Как правильно составить тайтл?
• Можно ли в title ставить цену?
• и тд.

Получить ответы на вопросы можно путем анализа  title в Топ по вашим запросам. Просмотрите как выглядит выдача поисковика, зайтите в ТОП 10 сайтов и проанализируйте Title. Только после этого можно грамотно составить title.

Description сайта: что это такое

Мета тег description используется для описания содержания страницы. Иногда поисковики используют его для формирования сниппета (то, что вы видите под ссылкой на страницу в выдаче). Тег description — служебная информация, поэтому он никоим образом не может повлиять на внешний вид страницы.

Как писать description что должно быть в description?

Рекомендуемая длина —150-200 символов. Именно такой объем помещается под ссылкой на страницу в поисковой выдаче. Конечно, можно написать и побольше, но в таком случае описание будет выглядеть незавершенным.
Также дескрипшн должен содержать ключевые фразы, по которым продвигается оптимизируемая страница. Самые частотные ключи следует расположить в начале

Важно: употребляйте не больше 3-х ключевых фраз и не повторяйте одно и то же слово больше 5 раз.
Тег description должен быть уникальным, т.е отличным от title и от описаний других страниц сайта. Также не советуем копировать какие-либо части текста со страницы (даже особо удачные) и вставлять их в мета-тег.
Самое главное при написании дискрипшена — точность

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

Как посмотреть description страницы?

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

Как вставить метатеги на страницу вашего сайта

Большая вероятность того, что вы счастливый обладатель сайта на одной из популярных систем управления(CMS). Заполнение метатегов для системы modx, drupal, битрикс, wordpress и подобных, не составит особых проблем. Приведем пример и поможем разобраться как прописать title и description в wordpress:

1. 1. Заходим в панель администратора вашего сайта, вам необходимо установить плагин который поможет вам редактировать метатеги, например:
      • target=»_blank» rel=»noopener noreferrer»>SemanticWP SEO
      • WordPress SEO by Yoast
      • All in One SEO Pack
   2. Активируйте плагин, зайдите на страницу и отредактируйте метатеги.

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

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

• откройте страницу в удобном для вас редакторе;
• найдите тег <head> и вставьте после него следующие строки:<title></title> <meta name=»description» content=»»>

Оптимальная плотность ключевых слов. Как проверить тошноту текста?.

Яндекс: рекоммендации по meta description

Яндекс рекомендует заполнять description, однако, использует его при формировании сниппета наравне с остальным текстом на странице.

Оптимальный description, который помещается в сниппет до 230 символов. В Яндексе он гораздо больше по объему, чем в Google.

В Яндексе есть еще одна особенность — расширенное описание, которое вмещает в себя до 465 символов.

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

Также стоит отметить, что описание может влиять на релевантность сниппета в коммерческой тематике. Именно сниппета, а не страницы. Это относится к расширенным сниппетам с адресом или, например, онлайн-чатом, которые начал поддерживать Яндекс еще до перехода пользователя на сайт.

Более подробно рекомендации яндекса по составлению мета-описаний можно прочитать в официальной справке.

Как составить хороший Description

В сети огромное количество материала на эту тему, но в этой статье объединены лучшие практики по составлению этого мета-тега.

1. Соответствие содержанию

Это очень важно, т.к. поисковики всегда узнают о том, что мета-данные на странице не честным путём заставляют посетителей переходить по ссылкам и могут даже наложить фильтры на такие сайты – это плохой пример «чёрного SEO»

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

3. Ключевой запрос

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

4. Стиль изложения

Текст описания должен быть составлен простым и лёгким языком, понятным каждому. Отнеситесь к этому, как к приглашению на вашу страницу. Не рекомендуется использовать сухие фразы на подобии: «Очень скучная фраза, описывающая несуществующий, но очень нужный продукт в определённой мега-сложной сфере». Это описание не будет уникальным и интересным по посетителей, и люди не будут знать, что именно они получат в результате просмотра страницы.

5. Призыв к действию

«Посмотрите какое чудесное средство против пятен. Узнайте как оно за 5 минут удаляет пятна жира!» Это пункт сопоставим с предыдущим пунктом о стиле изложения, но его стоит выделить. Это ваш продающий текст, где промежуточный продукт — это связанная страница, а не сам товар на этой странице. Фразы-мотиваторы, такие как: «Успей купить», «Проверь себя», «Получи бесплатно»  будут здесь очень кстати.

6. Использование спецификаций

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

7. Оптимальная длина

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

Сниппет

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

У некоторых сайтов в поисковой выдаче Google и «Яндекс» иногда появляется не только заголовок и описание, но и дополнительная информация. Выдача конкретного сайта вместе title и description называется «сниппетом».

Сниппет (англ. snippet — отрывок, фрагмент) — фрагмент исходного текста или кода программы, применяемый в поисковых системах, текстовых редакторах и средах разработки.

На что влияет сниппет

С помощью сниппета пользователи быстро могут оценить, содержит ли страница интересующую их информацию. Как известно, по одежке встречают. И сниппет – это как раз такая «одежка» сайта в поисковой системе. Чем полнее сниппет – тем больше поисковый трафик.

Как повлияет на то что формируется в сниппете поисковиками

Как уже упоминалось выше: сниппет создается поисковыми роботами автоматически и зависит о того или иного введенного пользователем запроса. Система генерирует его по своим неизвестным никому правилам. Но известно что, сниппет состоит из заголовка, описания, ссылки url для перехода на сайт и Favicon. Это базовые элементы сниппета. 

Описание и заголовок можно настроить с помощью метатегов. Если метатеги «понравятся» поисковой системы, если они уникальны, то они появятся в выдаче.

Отличия выдачи Яндекса и Google которые стоит учесть при написании метатегов

Сниппеты «Яндекса» и «Google» различаются. В Google система чаще всего использует метатеги заголовка и описания. Особенно если они релевантны содержимому страницы. В ином случае система формирует их сама (возьмет отрывки текста из страницы и h1). «Яндекс» же добавляет к сниппету картинку Favicon и показывает чат. 

Также в сниппете могут появляться дополнительные элементы, списки подразделов сайта и т. д. «Яндекс» сейчас тестирует выдачу комментариев к странице. В целом выдача постоянно совершенствуется, поэтому возможны любые изменения.

Setting the Viewport

The viewport is the user’s visible area of a web page. It varies with the device
— it will be smaller on a mobile phone than on a computer screen.

You should include the following element in all your web pages:

<meta name=»viewport» content=»width=device-width, initial-scale=1.0″>

This gives the browser instructions on how
to control the page’s dimensions and scaling.

The part sets the width of the page to follow the screen-width of the device (which will vary depending on the device).

The part sets the initial zoom level when the page is first loaded by the browser.

Here is an example of a web page without the viewport meta tag, and the same web page with the viewport meta tag:

Tip: If you are browsing this page with a phone or a tablet, you can click on the two links below to see the difference.

Without the
viewport meta tag

With the
viewport meta tag

You can read more about the viewport in our Responsive Web Design — The Viewport Tutorial.

Примеры хорошего мета описания

Изучая этот вопрос, я прочитал много статей, описывающих «Что такое мета описание страницы», попадалось много мудреной информации, примеров из практики почти не было. Но нет ничего лучше, чем реальные примеры, которые помогут вам с легкостью научиться создавать правильное мета-описание

Давайте посмотрим на некоторые из них, принимая во внимание семь пронумерованных пунктов выше:

Это мета-описание показывает то, что вы конкретно найдете на странице, и не превышает 155 символов.

Требует конкретных действий, мотивирует и обращается к вам напрямую. И вы будете знать, что вы получите!

«Узнайте, как использовать его в своих интересах»; это призыв к действию!

Включает спецификации

Электрический датчик сердца, вот про него я хотел узнать. Мне не важна цена, они мне не для продажи; Я просто хочу купить эти часы.

Содержит фокусное ключевое слово

сниппет гугла

Ключевое слово и варианты: обратите внимание, что Google выделяет ключевые слова жирным шрифтом. Можно использовать синонимы, они так же будут выделены

Это позволит вашему результату поиска выделиться еще больше.

Как заполняется description

Описание страниц содержится в верхней части HTML-кода внутри тега <head>. В него прописываются различные метаданные, в том числе и description. Формула для него крайне проста:

<meta name=”description” content=”Описание”>

В графе name мы говорим браузеру, что хотим использовать на сайте description, а в графе content указываем, каким именно будет описание страницы. Например, если открыть код сайта timeweb.com (комбинация клавиш CTRL+U), то в верхней части увидим дескрипшен, который мы видели в поисковой выдаче:

Чаще всего код страницы вручную не открывается, так как многие сайты построены с помощью CMS – там, как правило, такой функционал уже вшит в систему. Достаточно через административную панель открыть нужную страницу и прописать для нее описание. Например, на MODX это выглядит следующим образом:

В случае с WordPress можно пойти другим способом – заполнить дескрипшен с помощью плагина Yoast SEO.

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

Описание для главной страницы

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

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

Описание для вторичных страниц

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

Например, вот так выглядит описание страницы с товаром на сайте DNS:

Помимо всего прочего, следует также учитывать и сайты конкурентов. Например, указывать стоимость товара имеет смысл только в том случае, если она ниже, чем у конкурента. Если же вы продаете товары для VIP-сегмента, то лучше цену опустить.

Также рекомендуется добавлять номер телефона, когда компания оказывает оперативные услуги. Выглядеть это может так: «Срочный ремонт холодильников, звоните по телефону +7 (000) 000-00-00».

Как составить Description правильно. Список советов вебмастеру

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

Склоняйте составляющие ключей 

Иногда начинающие оптимизаторы спрашивают, как быть с ключами типа «детские коляски москва купить», которые звучат неестественно. Поисковые системы распознают словоформы, так что естественное «купить детскую коляску в Москве» поисковик обработает без проблем. 

У слов можно менять окончания, но запросы с разными частями речи считаются разными. «Зарегистрироваться» и «регистрация» различаются с точки зрения SEO.    

Держитесь лимитов 

Представитель Google Джон Мюллер о рекомендуемой длине Description говорил так: «Фиксированной длины не существует. В идеале стремитесь к тому, чтобы они были уникальными, убедительными и полезными». 

Вызывайте интерес конкретикой 

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

Призывайте действовать 

Есть мнение, что призывы к действию лучше работают в плане конверсии – пользователь с большей вероятностью «послушается» и кликнет, перейдет, зарегистрируется после призыва. Например, фраза «сервис проводит анализ сайта и поиск ошибок» ни к чему не призывает, а «Проанализируйте сайт прямо сейчас и найдите ошибки» побуждает к действию. 

Если ключ из вашей семантики не побудительный, к примеру, «проанализировать сайт», можно попробовать сформулировать фразу так, чтобы он остался неизменным и подсветился в сниппете при поиске. Например, добавить призыв – «Попробуйте проанализировать сайт».   

Проверяйте правильность заполнения 

Следите за корректностью Description с помощью автоматических сервисов, их множество. К примеру, проверять описание и другие метатеги на главной и внутренних страницах можно с помощью сервиса, который так и называется – «Анализ сайта». Он проверяет сайт в целом, отдельно главную и внутренние страницы. Проводит анализ метатегов Title, Description и других в режиме проверки внутренних страниц: 

Итоги

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

Первое — каждая страница должна иметь свой уникальный Title и Description. Это обязательно! И второе — пишите метатеги не для поисковых роботов, а для потенциальных посетителей вашего ресурса. Представьте, что у вас ровно 10 секунд, чтобы заинтересовать человека совершить покупку на вашей странице. А убедить его можно только с помощью тайтла и дескрипшена.

Просмотры:
16 142

Юлия Торчинская

Юлия — контент-маркетолог c 10-летним опытом работы в журналистике, копирайтинге, рекламе и PR.

Своим опытом и знаниями она делится, создавая полезные статьи про SEO и диджитал-маркетинг для блога SE Ranking и популярных медиа.

Когда Юлия не пишет статьи, она осваивает новые асаны, путешествует и помогает волонтерской организации YWCA.

§5. Заключение

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

        Заголовок страницы

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

    На этом раздел моего сайта про основы HTML для начинающих окончательно закончен и дальше речь пойдёт о том, с чего начать раскрутку и продвижение своего сайта в Интернете. Там же парочка моих советов из личного опыта по оптимизации страниц сайта. Жми на «Дальше».

    Автор и эксперт: Алексей Востров.

Ещё материалы по этой теме:

• Бесплатная раскрутка сайта
• Как создать сайт
• Как создать свой сайт бесплатно
• Как заработать в Интернете деньги
• Заработок в Интернете