Оптимизация сайта изнутри для людей и машин

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

Проработайте структуру сайта

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

При анализе СЯ мы обнаружили, что люди часто ищут межкомнатные двери по различным параметрам: бренду, ширине полотна, типу покрытия, цвету и т.д. То есть существовала точка роста, которую можно и нужно было использовать. Мы изменили структуру сайта, внедрили уточняющие фильтры и провели SEO-оптимизацию страниц. Такой получилась структура сайта для раздела «Межкомнатные двери»:

Структура сайта на примере раздела «Межкомнатные двери»

Заметьте, что для каждого свойства существуют разные разделы (шпонированные, 600 мм, без стекла). Структура логична и соответствует тому, как пользователи ищут двери. Ссылки короткие и легко запоминаются, содержат ключевые слова.

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

Составьте мета-теги

Мета-теги - это элементы, которые сообщают поисковым системам и посетителям о содержании страниц. Существует три основных мета-тега:

• title
• description
• H1

Расскажем подробнее о каждом из них.

Мета-тег title

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

Браузер выводит содержимое title в заголовке вкладки

и в выдаче Яндекса:

Поисковые системы выводят содержание title в заголовке

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

Мета-тег description

Кратко описывает содержание страницы. Текст тега должен содержать не более 2-4 предложений с включением не более двух ключевых слов (фраз). Основные страницы сайта должны иметь заполненный тег description. Яндекс и Гугл рекомендуют писать для description емкое и информативное описание, отражающее суть страницы. Поисковые системы используют содержимое этого тега при составлении сниппета для поисковой выдачи.

Поисковые системы выводят содержание description в описании сайта (сниппете)

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

Мета-тег H1

H1 (head) — заголовок страницы первого уровня. Очень важный тег, который повышает ценность страницы для поисковых систем. На странице сайта заголовок H1 может быть только один, заголовков уровнем ниже (H2-H6) — несколько. Вот как он отображается в браузере:

Заголовок H1 визуально самый крупный на странице

Ценность заголовков для людей заключается в том, что при правильном использовании они помогают упорядочить структуру страницы. Заголовки расставляют сверху-вниз, от главного H1 до второстепенных H2, H3...H6. Ориентируясь по названиям заголовков, человек может составить общее представление о содержании страницы.

Внесите мета-теги в таблицу и на сайт

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

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

Дополняем таблицу мета-тегами

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

В «1С-Битрикс» для автоматизированной работы с мета-тегами существует специальный SEO-модуль. Он позволяет прописывать мета-теги для разделов, товаров, изображений. С его помощью мета-информация попадет на сайт за несколько секунд.

На скриншоте показан пример заполнения полей для еще одного нашего сайта - интернет-магазина пряжи и товаров для рукоделия. Мета-данные соответствуют разделу «Турецкая пряжа»:

Интерфейс SEO-модуля. Настройки для разделов и элементов

Шаблон META TITLE (title): Турецкая пряжа, купить в интернет магазине Супер-Маг

Шаблон META DESCRIPTION (description): Турецкая пряжа. Узнать цену и купить пряжу турецкого производства с доставкой по России можно в интернет магазине Супер-Маг

Заголовок раздела (h1): Пряжа турецкого производства

В примере показана шаблонизация мета-данных для . {=this.Name} берет название элемента (раздела «Турецкая пряжа») и автоматически подставляет в описание страницы. Это один из возможных вариантов шаблонизации. Другие шаблоны доступны при нажатии кнопки [...] справа от поля:

При нажатии на кнопку [...] открывается меню с выпадающими вариантами

Подробно устройство и работа с SEO-модулем описана в учебном курсе по «1С-Битрикс», а его возможности — в описании продукта.

Подводим итоги

Итак, мы разобрали основные этапы внутренней оптимизации сайта: уточнение структуры на основе СЯ, составление мета-тегов title, description, H1 и перенос их на сайт с помощью SEO-модуля поисковой оптимизации «1С-Битрикс». Это стандартные технические работы по оптимизации каталога интернет-магазина.

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

У специалиста проработка мета-тегов для одного раздела занимает в среднем 30 минут. Проработка структуры сайта в каждом случае индивидуальна и может занимать от 10 и более часов.

Если вы не готовы уделять время такой работе, SEO-специалисты «Ай Ти Констракт Маркетинг» выполнят ее за вас. Мы проработаем структуру сайта, составим мета-теги для разделов, товаров и изображений, внедрим на сайт. Ваш сайт станет удобным для людей и привлекательным для поисковых систем.

Скачайте бесплатный чек-лист по внедрению CRM Битрикс24