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

4.1. Тег Title

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

Тег title указывается в начале кода HTML-страницы, отображается в заголовке:

Рис.240. Отображение Title в начале страницы

А также показывается в результатах выдачи поисковиков:

Рис.241. Пример тега Title в поисковой выдаче

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

Рекомендации по составлению title:

·        Основная информация тега должна быть умещена в 40-70 символов с пробелами. Длинные заголовки поисковики обрезают.

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

·        Указывайте город сайта, в котором вы работаете. Это важно не только для людей, но и для поисковых систем. При ранжировании поисковики будут учитывать указанный город, а пользователи будут понимать, подходит ли ваша компания по территориальному расположению. А вот если вы работаете в нескольких городах или делаете доставки по всей России, перечислением городов лучше не заниматься.

·        Не перенасыщайте title ключевыми словами, достаточно всего 1-3 запросов, под которые оптимизирована страница. Для примера, тайтл «Выкуп авто, автовыкуп быстро, срочный выкуп автомобиль» переспамлен и непривлекателен для потенциальных клиентов. Добавьте преимущество, которое отличает вас и заинтересует потенциального клиента; укажите город нахождения. Всегда при оптимизации ориентируйтесь на людей, а не на роботов. Например, Тitle «Срочный выкуп авто в Москве в течение 24 часов» более эффективен.

·        Заголовок в рамках сайта должен быть уникален, составлен под каждую страницу и отражать ее содержимое.

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

·        Не используйте спецсимволы (“”= ()/ \ | + _ ) и знаки препинания (– . ! ?).

·        Не включайте в заголовок название компании, так как оно не является значимым ключевым словом. Но если у вас известный бренд, то можно его указать. Также не стоит прописывать URL сайта и такие «бесполезные слова», как «Главная страница», «О компании».

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

4.2. Мета-тег Description

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

Рис.242. Пример выведения тега Description в поисковой выдаче

Рекомендации по составлению description:

·        Длина тега не должна превышать 150-250 символов с пробелами.

·        Тег должен описывать содержание определенной страницы ресурса.

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

·        Description не должен повторять title. Описание должно служить продолжением названия, раскрывать его детальнее.

·        Должен быть написан для людей.

·        Для каждой страницы дескрипшен должен быть уникальным.

·        Не должен быть переспамлен ключевыми запросами.

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

·        Добавляйте призывы к действию, они мотивируют людей к совершению покупки, заказа услуг и пр. Также в тегах привлекательны эмодзи.

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

·        Не используйте спецсимволы и стоп-слова.

·        Не указывайте URL-сайта.

·        Если вы не указали название компании в title, то можете добавить его в description. В описании количество допустимых символов больше, и название можно использовать, чтобы напомнить о вашем бренде и улучшить его узнаваемость.

Title и description для интернет-магазинов

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

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

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

Составить тег Title для карточек товаров в интернет-магазине можно по следующим шаблонам:

«Название товара» недорого в интернет-магазине «Название».

Рис. 243. Пример Title для интернет-магазина

Рис. 244. Пример автоматически сгенерированного Title

Либо: «Название товара» купить недорого в «Название города».

Купить «название товара» в «Название города» с доставкой.

В качестве шаблона Description для интернет-магазина можно использовать:

·        «Название товара» от «цена из карточки товара» с бесплатной доставкой.

Далее для автоматической генерации тега можно использовать информацию из карточки товара (технические характеристики, описания и пр.).

·        В конце тега используйте призыв к действию, например, «Заказывайте в магазине "Название магазина"».

4.3. Теги заголовков H1-H6

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

Что такое H1?

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

Рис. 245. Как посмотреть структуру документа

Рис. 246. Исходный код документа

В открывшемся окне можно увидеть все теги, метатеги и заголовки.

Заголовки H1-H6 как раз и позволяют правильно структурировать материалы, причем как для поисковиков, так и для пользователей. H1 – главный заголовок, H2-H6 второстепенные, вложенные подзаголовки. В коде заголовки выглядят так:

сам заголовок

Рис. 247. Пример заголовка 1 уровня

Рис. 248. Пример заголовка 2 уровня

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

Условие 1. Ключевые слова в заголовках

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

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

Рис. 249. Заголовки с вхождением ключевых слов

Рис. 250. Заголовок на главной странице сайта MVideo

А на товарных страницах (карточка товара) вполне допустимы заголовки с низкочастотными ключами.

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

Рис.251. Заголовок на карточке товара пылесоса

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

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

И не частите – спам очевиден всем, а так и до Баден-Бадена рукой подать, ну и не забывайте про Панду от Google.

Пример, где количество ключей зашкаливает, перебор.

Рис.252. Пример неправильного расставления ключевых слов

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

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

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

Рис. 253. Оптимизация страницы под запрос «гостиницы Москвы»

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

Условие 2. Теги

-

Размещая тексты на сайте, не забудьте правильно расставить теги. Теги для заголовков текста определяются следующим HTML-кодом:

 –

. По нашим наблюдениям, вполне хватает двух тегов –

 –

.

Рис. 254. Пример тега H2

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

Поисковики также учитывают размерность и значимость тегов

-

. При верстке стоит обратить внимание, чтобы заголовки визуально выделялись из общего текста.

Ссылки в заголовках использовать не стоит, особенно в

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

Допустимо ссылаться с заголовков уровня

и ниже, но тоже если это оправдано и логично.

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

-

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

1. Наводим порядок. Теги

 –

расставляются по принципу иерархии: тег

важнее тега

. На деле это выглядит вот так:

Рис.255. Правильное расставление заголовков Н

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

Рис.256. Неправильное расставление заголовков Н

Кроме того, тег

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

Быстрые ссылки – это короткий путь из результатов выдачи к важной информации на вашем сайте. Чтобы сформировать такие ссылки, должно быть вхождение ключа и ссылка с ключевым словом на самом сайте на эту страницу. Быстрые ссылки:

Сокращают путь до целевого действия.

Распределяют трафик и по внутренним страницам сайта.

Делают сниппет ресурса более привлекательным в выдаче.

Рис.257. Пример быстрых ссылок

Согласно общим рекомендациям тег

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

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

и Title короткими и полностью идентичными.

В идеале, чтобы этот текст совпадал с текстами ссылок, ведущих на эту страницу.

Быстрые ссылки Яндекс позволяет редактировать. Например, убрать один из разделов либо выбрать ему другое имя, более привлекательное для ваших потенциальных клиентов. Сделать это можно в разделе Яндекс. Вебмастер → Информация о сайте → Быстрые ссылки.

Рис.258. Пример быстрых ссылок в Яндекс. Вебмастере

2. Расставляем приоритеты. Никаких километровых заголовков

-

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

Длинно-сложно-плохо:

Рис.259. Неправильный пример заголовка Н1

Коротко-ясно-понятно: ключевое слово на первом месте, УТП (уникальное торговое предложение) вынесли за пределы главного заголовка, но оставили его вначале для привлечения внимания.

Рис.260. Правильный пример заголовка Н1

3. Не частим. Главный заголовок

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

Бытует мнение, что на странице H1 можно использовать только один раз! Но это не так. Гипотетически

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

употреблять не нужно.

Не шутите с этим, ведь этот тег в плане оптимизации занимает второе место после