• сайт предлагает сезонный товар, и потому активность на нем увеличивается в конкретный период;
• перемены в поведении пользователей, обусловленные маркетинговыми акциями;
• улучшение поискового сниппета;
• отладка параметров оптимизации.
Аналогичный отчет есть и в «Яндекс. Вебмастер» – в разделе «Поисковые запросы» на вкладке «Статистика запросов». Там же, в разделе «Индексирование», есть полезная вкладка «Мониторинг важных страниц». Добавляйте туда страницы, которые приносят вам больше всего трафика. Это позволит своевременно получать уведомления о критических изменениях, связанных с этими страницами, и быстро исправлять их.
Внимательно изучите все разделы «Яндекс. Вебмастер» и Google Search Console. Конечно, это потребует времени. Но правильные настройки всех разделов помогут эффективнее оптимизировать и продвигать сайт в поисковых системах.
Изучите вкладки «Запросы» в разделе «Эффективность» в Google Search Console и «Статистика запросов» в разделе «Поисковые запросы» в «Яндекс. Вебмастер». Эти страницы отражают часть запросов, по которым показывают сайт пользователям. Но главное – они покажут CTR этих запросов, а это крайне полезные данные. Опираясь на них, вы увидите, каким образом можно влиять на показатель кликабельности, чтобы существенно повысить объем поступающего на ваш ресурс трафика.
Метатег robots и HT TP-заголовок лучше рассматривать вместе. Потому что индексированием контента можно управлять на уровне страницы и даже конкретного текста на ней.
За настройку индексирования на уровне страницы отвечает HT TP-заголовок, а также метатег страницы; на уровене текста – html-элемент в коде страницы с атрибутом data-nosnippet.
Метатег robots отвечает за индексацию страницы. Он располагается в head страницы и выглядит следующим образом:
(…)
(…)Вы можете указать вместо «robots» название конкретного поискового робота. Например, запретить индексировать и выводить ваш контент в новостях Google, но показывать его в основной выдаче и т. д.
Атрибут data-nosnippet используется для запрета индексации конкретного фрагмента текста на странице. Например, статьи на сайте могут начинаться с пространных описаний или отвлеченных историй, чтобы постепенно вовлечь читателя в тему. Но поисковики обычно формируют сниппет именно на основе первого абзаца. Если не управлять поисковым роботом, он может отразить в результатах поиска нерелевантную запросу информацию, которая не привлечет внимание к сайту. Либо приведет не ту категорию пользователей, и они быстро покинут сайт.
Кроме того, этот же атрибут можно применять, чтобы в результаты поиска не попадала служебная информация или технические описания, скажем названия рубрик или параметров фильтрации, артикулы для страниц карточек товара и т. д.
Используя код, вы можете сделать введение, как и любой другой фрагмент текста на странице, неиндексируемым. Для этого нужно открыть страницу в формате html и указать data-nosnippet. В тексте это может выглядеть так:
Этот текст может быть показан и проиндексирован
а эта часть текста будет показана посетителям сайта, но не будет индексироваться роботом.
Здесь важно следить, чтобы код, который вы вставляете на страницу, соответствовал стандарту html и содержал все закрывающие теги.
При этом не следует использовать JavaScript для передачи атрибута data-nosnippet. Поисковый робот может начать работу раньше, чем включится скрипт, и в результате указанный атрибут не учтется.
Тег canonical незаменим при продвижении сайта. Он позволяет удалить дубли страниц, которые попали в индекс поисковой системы.
Представьте, что на вашем сайте есть страницы, которые дублируют друг друга, но при этом у них разные URL-адреса. Например, страница товара, который одновременно находится в двух разделах каталога, будет доступна по двум разным ссылкам, но контент на странице идентичен. В такой ситуации поисковая система посчитает эти две страницы дубликатами, что негативно скажется на ранжировании сайта как в Google, так и в «Яндексе».
Чтобы избавиться от подобных страниц, нужно на одной из них разместить тег rel=”canonical” и указать через него ссылку на основную страницу. Тогда страница, на которой размещен тег, будет называться неканонической.
Существует несколько способов сделать страницу канонической. К наиболее часто используемым относятся:
1. Тег rel=”canonical” на страницах, ссылающихся на нее;
2. HT TP-заголовок rel=”canonical”;
3. Через sitemap (не лучший способ);
4. 301 редирект, он приведет к удалению из индекса неканонической страницы.
Есть и другие способы решения задачи, но отмечу: для начала лучше прибегать к первому или второму способу.
Конечно, это не вся информация, которая входит в тему поисковой оптимизации. Техническая сторона организации SEO весьма обширна, но это все-таки задача для специалиста.
Чтобы немного упростить процессы контроля за ним и подготовкой сайта, я подготовил чек-лист основных технических аспектов. В нем перечислены разделы и параметры, за которыми вы обязательно должны следить при работе с сайтом (Приложение 2).
Глава 3Факторы ранжирования
Поговорим о свойствах, на основе которых происходит сортировка сайтов в результатах выдачи (ранжирование). Думаю, вы уже понимаете, что все поисковые системы используют определенный набор характеристик. Именно они дают поисковым роботам право решать, что один сайт или документ (в результатах могут отражаться различные виды файлов) появится в выдаче выше другого в ответ на поисковый запрос пользователя.
В связи с этим стоит отметить, что далеко не всегда поисковые системы принимают решение о ранжировании сайтов только на основании математических или статистических факторов. Есть такие люди, асессоры, которые оценивают сайт по заранее разработанной инструкции. Они – представители поисковой системы, которые заходят на сайт и проверяют, насколько он достоин занимать те или иные позиции в выдаче. Работа асессоров помогает получить объем размеченных данных для обучения алгоритмов искусственного интеллекта поисковой системы. Если в отчетах Google Analytics[18] в источниках трафика вы встретите строку google.com/evaluation/url?=, скорее всего, ваш сайт посещал асессор.
Существуют разные факторы ранжирования, условно их можно разделить на несколько больших групп:
• технические;
• текстовые;
• факторы ссылочной массы;
• поведенческие;
• коммерческие.
Технические факторы ранжирования. К ним относится структура сайта, качество написания html-кода, наличие битых (неработающих) ссылок, перелинковка[19], корректность robots.txt, скорость работы сайта, отсутствие ошибок на сайте, микроразметка, о которой мы поговорим позже. Технических факторов много, и, к сожалению, в рамках этой книги разобрать их все просто невозможно.
Текстовые факторы. Качество текстов, которые размещены на сайте. Помните, что они должны быть написаны в первую очередь для посетителей, а не для поисковых роботов. И чем качественнее контент помогает решить проблему пользователя, тем лучше репутация сайта.
Ссылочные факторы ранжирования. У каждой ссылки есть набор параметров, на основе которых специалист принимает решение о ее размещении/покупке. Это блок работ над увеличением ссылочной массы сайта. Получить ссылочную массу конкурентов для изучения можно при помощи сервиса MegaIndex.
Поведенческие факторы. К ним относится описание взаимодействия пользователя с вашим сайтом:
• какие действия он совершает,
• сколько времени проводит на сайте,
• сразу же покидает страницу или нет,
• сколько страниц просматривает за сеанс (глубина просмотров),
• с какими элементами взаимодействует и т. д.
На большинстве сайтов в нижней части (подвале) стоят бесплатные счетчики веб-аналитики различных компаний. С одной стороны, они помогают владельцам сайтов решать задачи, а с другой – используют данные, которые собирают со всех сайтов, для развития собственных систем. Например, запись и анализ взаимодействия пользователя с тем или иным сайтом: какие товары ему нравятся, какой контент он читает и как долго и т. д.
Зачем это нужно поисковым машинам? Одна из основных целей любой поисковой системы – максимально быстро предоставить релевантный ответ на поисковый запрос. Чем лучше документ, показанный в результатах выдачи, помогает пользователю, тем чаще пользователь будет прибегать к помощи поискового сервиса.
Коммерческие факторы. О них лучше поговорить отдельно, потому что это наиболее животрепещущая и наиболее простая для исправления тема.
Коммерческие факторы
Перед знакомством с коммерческими факторами следует прояснить два термина: Your Money or Your Life (YMYL) и E-A-T.
Дословный перевод – «кошелек или жизнь». Термин используется поисковыми системами, чтобы отдельно классифицировать контент, который может повлиять на здоровье и финансовое благополучие. В первую очередь имеются в виду медицинские, финансовые, юридические сайты. Например, сайт банка или медицинского центра система будет проверять строже, чем развлекательный портал. Это значит, что качество страниц должно быть идеальным, если они посвящены темам, которые могут повлиять на здоровье, безопасность или благополучие пользователя. Отмечу, что интернет-магазин, даже реализующий товары повседневного спроса, тоже входит в категорию YMYL.
Расшифровывается это так: Expertise – экспертность, Authority – авторитетность, Trustworthiness – достоверность. Именно на этих трех факторах основана оценка по E-A-T. Это означает, что любой контент должен принадлежать автору, который может доказать свою экспертность в обсуждаемой области или теме. Например, если про лечение диабета на вашем сайте напишет статью студент, она только ухудшит позиции сайта, и он не будет ранжироваться. Подобный контент может создавать только врач, у которого есть диплом, сертификаты и прочие заслуги.
В целом, поисковые системы уверяют, что оценка сайта по этим параметрам не влияет напрямую на его позицию в поисковой выдаче. Однако их важно учитывать, потому что они сказываются на алгоритмах оценки качества страниц.
Системы оценки появились, потому что поисковые машины начали борьбу с некачественным контентом в интернете. Отчасти сами SEO-специалисты и владельцы сайтов спровоцировали всплеск мусорной информации. Они писали огромное количество статей, не задумываясь об их качестве, а часть контента и вовсе создавали скриптами. Владельцы сайтов преследовали только одну цель – получить максимальный трафик, оказаться в выдаче поискового запроса как можно выше. Масса подобных материалов, сделанных только ради монетизации, не несла никакой пользы.
Как раньше продвигались сайты на медицинскую тематику? За счет обилия текстов, оптимизированных для поисковиков, но бесполезных для читателей. Старые алгоритмы поисковых систем успешно продвигали такие сайты в сети. Нужно было положить конец этой вакханалии. В результате упорной работы SEO-специалистов и инженеров поисковых систем появились отдельные алгоритмы, которые сначала научились отличать спам-тексты от обычного контента, а затем стали анализировать контент по уровню достоверности и качества.
Поэтому коммерческие факторы необходимо рассматривать в совокупности с YMYL и E-A-T. Успешная работа с ними поможет и коммерческим, и информационным сайтам эффективнее ранжироваться и получать больше трафика, следовательно, увеличивать продажи.
Для обсуждения коммерческих факторов обратим внимание на ряд блоков: главное меню сайта, главная страница, подвал и другие. Для более качественного закрепления материала советую не ограничиваться примерами из книги. Изучая каждый блок, открывайте в браузере любой интернет-магазин и проверяйте, как он устроен. Это поможет вам быстрее определить, какие страницы и блоки наиболее важны именно для вашего сайта, а какие можно пропустить.
Сразу отмечу: когда ниже речь идет о той или иной странице сайта, предполагается, что для каждой из них уже обязательно выполнены основные требования. А именно, созданы:
• ЧПУ (человекопонятный URL) – это адрес, который человек способен прочитать и понять, что скрывается за ссылкой. Например:
• https://www.google.com/business/ – ЧПУ,
• https://www.google.com/h397r498wf08cj0w/ – не ЧПУ;
• оптимизированный заголовок (title);
• оптимизированное описание (description);
• только один корректный заголовок уровня h1 на странице;
• «хлебные крошки»[20] на каждой странице, а также их корректная разметка.
Главное меню любого сайта должно включать (рис. 13):
• логотип в виде гиперссылки на главную страницу (картинка, кликнув на которую пользователь перенаправится на главную страницу сайта);
• слоган или краткое описание под логотипом;
• ссылку на страницу «О компании», а также ссылки на доставку, оплату, гарантии и другие важные страницы.
Рис. 13. Пример главного меню.
Для интернет-магазинов дополнительно потребуются:
• ссылка на страницу каталога с выпадающим списком страниц;
• ссылка на корзину;
• номер телефона для связи;
• обязательно предусмотреть функционал выбора региона;
• другие важные для пользователя ссылки.
Рис. 14. Пример оформления вкладки «Выбор региона».
Многие требования к оформлению главного меню, думаю, вам понятны. Но важно обратить внимание на некоторые тонкости.
Например, для автоматизации выбора региона пользователя существуют базы GEOip и другие способы. Но все-таки желательно дать пользователю возможность самостоятельно выбирать регион (рис. 14). Запросите подтверждение корректности определения, если вы делаете это автоматически. Сейчас правильный выбор региона особенно актуален, потому что все большее распространение получают технологии VPN, из-за которых невозможно автоматически определить истинное местонахождение пользователя.
Номер телефона в главном меню должен быть кликабельным, в идеале – в формате 8-800. Это необходимо, чтобы пользователь мог позвонить с мобильного устройства. Сделать это можно программными средствами, ссылкой либо специальным кодом (рис. 15).
Рис. 15. Пример реализации кликабельного телефонного номера посредством кода.
К обязательным пунктам главного меню также относится поле «Поиск по сайту». Замечательно, если в него будут встроены поисковые подсказки для наиболее популярных запросов.
Кстати, еще в начале 2020 года я придумал отличное решение, которое помогает раз и навсегда решить проблемы с поиском. Вместе с партнерами мы разработали и запустили систему умного поиска SearchBooster.io для интернет-магазинов (рис. 16). Она делает поиск на сайте действительно умным, решает все основные проблемы с его реализацией и повышает конверсию сайта.
Естественно, на сайте должна быть корзина, и желательно предусмотреть раздел с избранными товарами. Полезно генерировать гиперссылку, чтобы избранным можно было делиться с другими пользователями.
Рис. 16. Иллюстрация работы системы умного поиска интернет-магазина.
Не для каждого сайта вход в личный кабинет актуален, но, скажем для обучающих платформ, финансовых систем и тем более интернет-магазинов он обязателен. В личном кабинете, помимо персональных данных, должна быть информация:
• о текущем заказе или товарах в корзине;
• об истории покупок;
• обо всех адресах, на которые пользователь оформлял доставку;
• о суммах заказов;
• об уведомлениях по заказам;
• о данных по программам лояльности.
Некоторые сайты используют личный кабинет, чтобы показывать персональные предложения, например цены, которые отличаются от демонстрируемых для всех. Это помогает формировать привязанность у клиента или обходить ограничения по единой розничной цене, если они навязаны производителем тех или иных товаров.
Если у вас интернет-магазин с различного рода высокотехнологичными товарами, предусмотрите функцию их сравнения по важным для потребителей параметрам.
Также полезно в главном меню разместить ссылку на филиалы или каждый магазин в отдельности, если это торговая сеть. Там можно указать информацию о режиме работы каждого магазина, а если грядут длительные праздники, – предупредить об изменениях графика работы в праздничные дни.
Помните, что на главной странице важно размещать ссылки на нужные разделы вашего сайта/каталога (рис. 17). Потому что расположение на главной странице придает им больший вес и перенаправляет трафик на них.
Рис. 17. Блок с ссылками на основные разделы с главной страницы сайта.
Рис. 18. Пример реализации хитов и новинок с сайта «Ситилинк».
Под весом в интернет-маркетинге подразумевается величина важности страницы для поисковой системы. Если говорить упрощенно, при размещении ссылки на странице она передает часть своего рейтинга той странице, на которую ссылается. Самый большой вес на любом сайте у главной страницы. Поэтому ссылки на страницы разделов, размещенные на главной странице, передают последним значительный вес в глазах поисковой системы. А это, в свою очередь, помогает в ранжировании.
Еще одно обязательное правило для интернет-магазинов: выводить на главную страницу популярные товары и товары со скидкой, различные промоакции и т. д. (рис. 18).
Полезно делать блок перелинковки со страницами топовых брендов, чей ассортимент представлен в вашем интернет-магазине (рис. 19).
На главную страницу можно также вывести отзывы, описать ваши преимущества или кратко рассказать о компании, добавить блок с вопросами и ответами, разместить сертификаты, лицензии, награды, которыми вы располагаете. Впрочем, если у вас интернет-магазин, лучше подобную информацию вынести в раздел «О компании», а на главной странице оставить ссылку на него.
Рис. 19. Пример блока перелинковки с брендами с сайта «Эльдорадо».
Все эти сведения важны для YMYL и E-A-T, потому что по наградам, сертификатам и лицензиям асессоры косвенно оценивают уровень достоверности информации. Подобные документы говорят, что материал, представленный на странице и сайте в целом, серьезный и значимый для читателя.
Допускается размещение на главной странице блока с активной ссылкой на ваших партнеров. Они тоже могут дать дополнительные очки ранжирования. Это актуально, если ваша компания пока небольшая или недавно на рынке. В этом случае упоминание крупных и успешных компаний-партнеров может внушить доверие не только асессорам, но и простому пользователю.
Также можно размещать ссылки на наиболее интересные статьи, которые опубликованы в блоге, или на обсуждаемые темы на форуме. Некоторые интернет-магазины публикуют на главной странице выдержки из отзывов покупателей на популярные товары. Это уже необязательные пункты, решение о размещении подобных блоков остается за владельцем сайта.
Нижняя часть сайта, которая располагается после основного контента, называется подвалом или футером (от англ. «footer»). Здесь необходимо указывать следующие элементы:
• ссылки на основные разделы сайта;
• ссылки на основные страницы каталога;
• информацию о способах оплаты и логотипы используемых платежных систем;
• ссылки на социальные сети;
• любую полезную для покупателей или потенциальных партнеров информацию.
Рис. 20. Пример подвала.
Посмотрите на футер сайта HobbyGames (рис. 20). В нем отсутствуют номер телефона и режим работы. Это отчасти оправдано масштабами компании: несколько десятков филиалов по всей стране работают по разным адресам, и график работы у них тоже отличается. Вместе с тем в подвале размещена ссылка «Адреса магазинов», по которой можно найти интересующую точку продаж и узнать данные о ней. Кроме того, в подвале представлен подробный раздел для покупателей со всей необходимой информацией.
Помимо основных элементов, в подвале часто дублируются данные из главного меню сайта, например:
• уменьшенный вариант логотипа;
• городской номер телефона или общий номер в формате 8-800;
• режим работы или контакты;
• ссылка на информацию о компании;
• информация о лицензиях – это актуально для конкретного набора тематик (банковского дела, медицинских организаций и подобных);
• ссылка на новости компании или статьи блога.
К необязательным элементам относятся кнопка «Заказ звонка» или блок с основными реквизитами компании (ИНН, наименование юр. лица). Эти данные помогут клиентам проверить благонадежность фирмы или предприятия.
Интересные решения по оформлению подвала представлены на сайте medianation.ru (рис. 21, 22). Во-первых, необычный email – это вариант размещения подменной почты с email-трекингом. При отправке письма на него система показывает, по каким меткам пользователь пришел на сайт.
Рис. 21. Пример подвала на сайте medianation.ru.
А во-вторых, на сайте компактно расположены основные разделы. При клике на них открываются вложенные пункты меню, за счет чего достигается качественная перелинковка.
Рис. 22. Пример раскрытия пункта меню в подвале.
Изучая разные сайты, вы заметите, что все подвалы отличаются по дизайну и набору элементов. Это нормально, ведь идеального рецепта для всех сайтов не существует.
Экспериментируйте, но поглядывайте на ваших конкурентов, занимающих первые позиции в результатах поисковой выдачи по запросам, по которым вы хотите продвигать свой сайт. Чтобы обойти их, вам нужно сделать сайт не просто таким же, а лучше.
Наиболее актуальные элементы структуры каталога, помимо метатегов и «хлебных крошек»:
• ссылка на страницу текущего раздела в главном меню;
• цена товара – желательно, чтобы она была ниже цены конкурента, помните: большинство людей принимает решение о покупке, опираясь на цену;
• краткая характеристика каждого товара;
• кнопка «Купить» или «Добавить товар в корзину»;
• быстрый просмотр товара;
• рейтинг товаров.
Отдельно остановлюсь на функционале фильтрации товаров или сортировке по разным свойствам. Чем больше свойств и фильтров вы предоставите пользователю, тем удобнее ему будет работать с каталогом. Это, в свою очередь, располагает посетителей сайта дольше оставаться на нем. А главное – качественная фильтрация позволяет SEO-специалистам создавать нужные им посадочные страницы, которые помогут сайту ранжироваться выше.
Техническое оформление структуры каталога тоже требует грамотного подхода. Так, названия товаров в нем нужно оптимизировать под поисковые запросы.
Скажу еще несколько слов про пагинацию – постраничное распределение информации. Вы видели ее и в поисковиках, и в интернет-магазинах, и на других сайтах, где много разделов или страниц. Принцип пагинации прост: каждая страница раздела пронумерована, и на ней всегда показано фиксированное количество информации. Например, вы находитесь в разделе мобильных телефонов, и на странице видно только 25 товаров. Чтобы посмотреть другие товары, нужно нажать либо на номер в нижней части страницы, либо на кнопку «Смотреть еще».
Располагается пагинация, как правило, внизу страницы. Но для интернет-магазина актуально дублировать пагинацию также и вверху страницы в каталоге.
Пагинацию желательно оформить в виде html-кода, чтобы его находили поисковые роботы и воспринимали как понятный и удобный для них инструмент. Также на пользу сайту пойдет настройка бесконечной прокрутки товаров. Это вариант пагинации, когда вся информация демонстрируется на одной странице. Во время прокрутки контент подгружается незаметно для пользователя, из-за чего страница кажется бесконечной.
Также на странице каталога понадобится два типа микроразметки: по типу продукта и по типу отзывов. Микроразметка – это специальный код, который размечает элементы сайта для поисковых систем, чтобы структурировать контент. Основной стандарт семантической разметки – Schema.org. Сниппеты сайтов с микроразметкой показываются в результатах поисковой выдачи с дополнительными визуальными элементами. Например, на рис. 23 представлен каталог, где подразделы содержат кликабельные страницы по популярным брендам. Это значит, что, если пользователь будет искать один из них, поисковая система покажет сниппет магазина, где выделит отдельной ссылкой запрашиваемый бренд.
Рис. 23. Пример оформления каталога от «М.Видео».
И, конечно, говоря о структуре каталога, нужно упомянуть ассортимент. В идеале он должен быть богаче, чем у вашего ближайшего конкурента. Практически невозможно продвинуть в топ сайт, у которого ассортимент отстает от конкурентов на сотни и тысячи позиций. С точки зрения поисковой системы, у сайта с небольшим каталогом меньше веса. Логика здесь простая: проще и выгоднее привести пользователя на сайт с большим ассортиментом, потому что, скорее всего, там он удовлетворит потребность лучше, чем на сайте, где ассортимента мало.
Некоторые сайты используют дополнительные элементы в структуре каталога. Например, компания DNS (рис. 24) предлагает пользователям удобный, детальный механизм фильтрации в левой части страницы. В кратком описании товара в основной части страницы показываются не только главная информация о товаре (название, цена, рейтинг, наличие) но и функциональные ссылки («Купить», «Добавить в избранное», «Добавить в сравнение»). А в верхней части экрана, рядом с активной ссылкой «Показать еще», располагается система тегов – наиболее популярные фильтры, которыми пользуются посетители сайта.
Рис. 24. Оформление страницы каталога на сайте DNS.
Теги можно использовать, когда под некоторые страницы у вас нет отдельного фильтра внутри каталога. Так, если говорить про ноутбуки, то модель с конкретной диагональю экрана или ноутбук, в котором сочетаются определенный процессор и объем оперативной памяти, могут быть популярными запросами. Для товаров, ярко выделяющихся с точки зрения потребительского спроса, нужно отдельно собирать семантику и создавать страницу при помощи тегов. Искренне советую использовать такой подход для всех интернет-магазинов, но не ограничиваться только им.
Пожалуй, для интернет-магазина это один из самых важных разделов. Именно он позволяет потенциальным покупателям быстрее принимать решение о покупке или, если информации о товаре недостаточно, уходить с сайта в поисках других продавцов. Поэтому уделите особенное внимание разработке страницы с описанием товара. Ее часто называют карточкой товара.
На ней должны быть обязательные элементы, которые предоставят полную информацию о каждой позиции в каталоге. Допускается размещение дополнительных сведений, позволяющих представить товар в выгодном свете. К обязательным блокам относятся:
• описание товара с подробными характеристиками. Причем основные характеристики нужно оформлять отдельными свойствами в системе управления сайта, потому что именно на их основе выстраивается фильтрация в каталоге;
• несколько фотографий товара с разных ракурсов, в хорошем качестве. Еще лучше, если на сайте реализована возможность увеличить изображение. Для интернет-магазинов одежды или мебели актуально дополнительное макрофото материала, из которого эти товары изготовлены;
• кнопка «Купить» или «Добавить товар в корзину». Желательно предусмотреть вариант покупки в один клик;
• цена за единицу товара. Если он продается не поштучно, а пачками или килограммами, указывается стоимость пачки или килограмма. В рублях, если сайт ориентирован на российского покупателя;
• предварительная информация о сроках и вариантах доставки. На этапе выбора товара, пока он еще не оказался в корзине покупателя, стоит обозначать возможный диапазон доставки. Для некоторых покупателей сроки доставки важны не меньше цены.
Остальные элементы карточки товара в разных интернет-магазинах могут различаться. Многое зависит от возможностей заказчика и его желания сделать сайт максимально удобным для посетителей, а также от категорий товаров, которые он продает.
Рис. 25. Пример страницы товара.
Например, на сайте HobbyGames (рис. 25) карточка товара содержит «хлебные крошки», особые теги о товаре (количество игроков, возраст, время игровой сессии), блок фотографий с возможностью посмотреть их в увеличенном размере, расширенный блок о доставке. Обратите внимание, что в карточке также есть ссылки на основное описание, видеообзоры, правила игры, отзывы и вопросы. А также вкладки, которые показывают игры этой же серии и дополнения к выбранному товару, способствующие увеличению среднего чека.
К дополнительным элементам карточки товара относятся:
• статус наличия: доступен товар в наличии или под заказ. Если под заказ, желательно сразу указать, сколько времени потребуется для доставки покупателю;
• способы оплаты и логотипы платежных систем, которыми покупатель может воспользоваться;
• отзывы, оценки товаров и вопросы о них. Живые отзывы и оценки товара помогают другим покупателям сориентироваться, а также увеличивают время нахождения на странице. Хорошо, когда пользователи могут не только оставлять отзывы и вопросы, но и голосовать за понравившееся;
• ярлыки для товаров, например «Новинка», «Скидки», «Самый популярный товар», «Бестселлер» и пр. Также ярлыками могут быть отличительные свойства товаров, скажем ультралегкий, не тонет, противоударный и т. д.;
• кнопки «Добавить в сравнение» и «Избранное». Отличная идея – дать пользователям возможность публиковать свои списки избранных товаров или делиться ими с друзьями, родными и близкими. Так, девушка может прийти на ваш сайт, добавить товары в избранное и переслать эту ссылку молодому человеку, чтобы он сделал заказ;
• блок похожих товаров – аналогичные позиции, или что с этим товаром покупают другие посетители;
• блок ранее просмотренных товаров;
• блок комплектов, если это актуально для группы товаров. Например, в комплекте с основным товаром – пультом для телевизора – хорошо показывать батарейки и чехлы. Некоторые интернет-магазины считают комплектом несколько штук одного товара, предоставляя покупателю небольшую скидку. Допустим, он может купить одну ручку за 35 руб., а может взять упаковку из 12 штук и заплатить за нее 385 руб., получив одну ручку в подарок.
Если вы продаете технику, сложные товары или изделия, которые требуют сборки после покупки, обязательно добавляйте на страницу товара инструкцию. Сканируйте инструкции, техническую документацию и выкладывайте на сайте. Это важно для покупателей и будет существенно отличать ваш сайт от сайта конкурентов (рис. 26).
Еще один шанс выделиться на рынке – размещение видеообзоров на товары. Во-первых, YouTube сам по себе – отличная поисковая система. Поэтому, создавая видеоролики, выкладывая их на платформу, вы будете привлекать трафик самого YouTube. Это повысит узнаваемость вашего бренда в интернете. Во-вторых, хорошие видеоотзывы положительно влияют на коэффициент конверсии[21] (CR) вашего сайта.
Чем удобнее посетителю работать с сайтом и делать покупки, тем чаще он будет приходить и рекомендовать его другим.
Пожалуй, это наиболее важные пункты страницы товара. Но я советую периодически сверяться с другими сайтами, чтобы перенимать лучшие идеи, а также регулярно улучшать страницу. Постарайтесь сделать максимум, чтобы человек, изучающий карточку, нашел на вашем сайте все, что ему нужно, и получил ответы на все потенциальные вопросы.
Рис. 26. На сайте «Сантехника-Онлайн» в карточке товара выводятся инструкция и габаритная схема.
Здесь нужно обязательно размещать ряд важных элементов, о которых иногда забывают.
В списке телефонов должен присутствовать номер в формате 8-800 и городской номер. Если компания работает в разных регионах, нужно предусмотреть номера для основных филиалов, чтобы пользователям было проще дозвониться до нужного.
Обязательно укажите режим и время работы как для основного телефона и офиса, так и для всех дополнительных.
Отразите фактический адрес компании. Помимо адреса, на сайт принято добавлять точку на карте, а также схему проезда и фотографии, по которым пользователь сориентируется, как до вас добраться (рис. 27). Например, можно проложить маршрут от ближайшей станции метро или обозначить другие варианты, если станций несколько. Или сделать словесное описание, как добраться до офиса. Следите, чтобы описание получилось не слишком обширным, иначе оно только запутает пользователя.
Рис. 27. Пример оформления страницы контактов.
Безусловно, нужно разместить email-адрес в домене сайта, на котором он расположен. Например, на сайте market.ru почта должна быть вида manager@market.ru.
Также на странице контактов иногда прописывают юридический адрес и реквизиты.
Некоторые компании здесь же ставят форму обратной связи, но это необязательный элемент. Чаще всего основные вопросы пользователи решают либо звонком, либо письмом. А если к сайту «прикручен» онлайн-помощник, то форма обратной связи будет лишней.
Ссылки на социальные сети обычно ставят в подвале сайта, но приветствуется дублирование их на странице контактов. И не забывайте применять микроразметку типа Organization.
Еще один важный момент, о котором забывают владельцы многих сайтов, – контакты ключевых лиц компании. Хорошее правило, пока не основательно закрепившееся в русскоязычном интернете, – размещать фотографии топ-менеджеров, указывая должность и email или телефон.
Некоторые размещают краткую информацию о компании на странице контактов, но это не совсем правильно. На странице компании нужно не только дать описание ее рода деятельности, но и расписать историю создания, цель и миссию. Если у компании есть слоган, можно прокомментировать его значение или историю возникновения.
Кроме того, здесь же размещают информацию о достижениях, которых бизнес добился за время существования. Можно описать преимущества, отличающие компанию от конкурентов. Если наград, сертификатов и лицензий, которые компания получила, пока мало, их тоже размещают здесь. Если же документов много, лучше выделить для них отдельную страницу.
Стоит указать общую информацию о ключевых лицах компании, а также добавить фотографии офиса в хорошем качестве. Если офисов или филиалов несколько, нужно сделать хотя бы по одной фотографии каждого. Это не только привлечет внимание пользователей, но и вызовет большее доверие к сайту и компании в целом. Также детальная разработка страницы о компании улучшит качество сайта для поисковых систем и асессоров, которые будут оценивать сайт. В качестве примера можно рассмотреть страницу https://medianation.ru/about/.
Зачастую в интернет-магазинах это отдельные страницы, но допускается и объединение информации на одной странице. Ориентируйтесь на свои возможности. Если у вас только пара способов оплаты и столько же вариантов доставки или вы работаете только по предоплате, логичнее разместить информацию в одном месте.
Главные моменты, которые важно указать:
• способы доставки;
• сроки доставки и ее стоимость в зависимости от способа;
• если есть самовывоз, обозначить, по какому адресу и в какое время он доступен;
• если есть бесплатная доставка, расписать, на каких условиях она возможна;
• в качестве дополнительной опции можно добавить калькулятор расчета стоимости доставки;
• логотипы транспортных компаний, с которыми у вас заключен контракт, помогут покупателям быстрее сориентироваться в вариантах доставки;
• способы оплаты;
• логотипы платежных систем, которые ваши клиенты смогут использовать;
• если предоставляете рассрочку или кредит, обязательно напишите эту информацию;
• можно указать правила участия в накопительных акциях или программах лояльности.
Хороший пример – https://hoff.ru/delivery/ и https://www.svyaznoy.ru/pay.
В последнее время в крупных интернет-магазинах эту страницу не показывают. Причин тому две. Первая – большинство пользователей интернета уже научились делать заказы. Вторая – основная информация, необходимая для оформления заказа, показывается на страницах оплаты и доставки, а также в карточке товара.
Но если вы решите создавать отдельную страницу, помните ее главную функцию: максимально просто, понятно и пошагово расписать все действия, которые пользователю нужно совершить, чтобы оформить заказ. Эта страница особенно актуальна, когда перед покупкой нужно провести обязательные измерения или предварительные работы на объекте.
Здесь же можно расписать способы формирования заказа. Например, через корзину, по номеру телефона, через чат-бота или группу «ВКонтакте», через кнопку «в один клик». Если у вас предусмотрена возможность заказа без регистрации на сайте, расскажите об этом подробнее.
Также стоит указать условия получения заказа, скажем по коду из смс, штрих-коду или паспорту.
Несколько лет назад эта страница вместе с отдельной страницей пользовательского соглашения стали обязательными для всех сайтов, собирающих персональные данные. Традиционно ссылки на политику и соглашение размещают в подвале сайта, а также на странице корзины на первых шагах оформления заказа.
Есть существенные нюансы создания этих страниц:
• их нужно закрывать от индексации поисковыми системами, потому что тексты для них зачастую составляют по универсальным шаблонам;
• доступ к политике и соглашению нужно оформлять исключительно по ссылкам, то есть ни на страницах главного меню, ни в каталоге они не должны отображаться как самостоятельные элементы сайта.
Также при регистрации важно брать у пользователя согласие на обработку персональных данных и подтверждение, что он ознакомлен с обоими документами. Технически реализовать это требование уже не сложно: многие разработчики CMS встроили эти функции в систему в автоматическом режиме.
Информацию о гарантии и возврате допускается располагать на странице «Как сделать заказ» или на карточке товара, а можно выделить для этого и отдельную страницу. На этой странице важно структурировать сведения о том, в каких случаях и на каких условиях предоставляется гарантия:
• алгоритм действий, если понадобится поменять товар или вернуть его по гарантии;
• перечень документов для возврата и обмена;
• сроки и порядок оформления гарантийного случая;
• сроки и порядок возврата или обмена.
Здесь же стоит разместить информацию о сроках и способах перечисления денежных средств после оформления возврата товара.
К слову, хорошим тоном считается размещение кратких сведений о гарантии и возврате в карточке товара.
Эта страница тоже не считается обязательной, потому что зачастую возможность связаться с представителем компании и задать уточняющие вопросы реализуется сразу на странице с описанием товара. Тем не менее, если вы создаете отдельную страницу поддержки, на ней должен быть ряд обязательных элементов:
• форма обратной связи и возможность задать вопрос в поддержку через чат;
• номера телефонов, по которым можно связаться с менеджером компании. Оптимально, если они будут отображены в виде тематической структуры, например номер телефона специалиста, который консультирует и решает вопросы возврата товара, номер телефона менеджера, отвечающего на вопросы о товаре или услуге, номер для общих вопросов и отдельный номер, по которому можно обратиться при неуважительном отношении или некачественном обслуживании;
• режим работы службы поддержки с указанием времени.
В идеале форма обратной связи или всплывающий онлайн-помощник должны быть также и на странице товара. Всю переписку пользователя с поддержкой желательно хранить в личном кабинете.
Еще на странице помощи часто располагают ссылки с ответами на стандартные вопросы, например как оформить доставку или заказ, куда обратиться по вопросам трудоустройства или сотрудничества. Делается это потому, что точкой входа посетителя на сайт может стать любая страница, и ему не всегда удается сразу найти нужную информацию. И здесь же выводят наиболее популярные вопросы пользователей и ответы на них.
Обратите внимание: вне зависимости от выбора страницы для вопросов – отдельная или страница поддержки – важно обязательно применить к ней микроразметку по стандарту FAQ Page. Этот тип разметки позволяет занять отдельный специальный блок «Вопрос/ответ» в результатах поисковой выдачи. Как понимаете, это хороший способ выделиться на фоне конкурентов.
Традиционно раздел с отзывами показывается в карточке товара. Вместе с тем этот важный функционал можно реализовать в виде отдельной, независимой страницы. В этом случае на ней дополнительно следует представить:
• форму для отправки отзыва, при этом лучше предусмотреть возможность оставлять отзывы независимо от статуса посетителя сайта – зарегистрирован он или нет, совершал покупки или нет;
• демонстрацию ранее оставленных отзывов;
• функционал ответов на отзывы: безусловно, администратор сайта должен давать ответы на те или иные вопросы клиентов от лица компании, но хорошо, когда и сами пользователи отвечают. Потребуется сделать визуальный акцент на этой возможности, чтобы люди сразу ее замечали;
• функционал оценки отзывов: помогает быстро понять, какой отзыв полезен с точки зрения аудитории, а какой нет;
• общий рейтинг и количество оценок по тому или иному отзыву;
• вывод отзывов из социальных сетей;
• отзывы с прайс-площадок: «Яндекс. Маркет», «Отзовик» и т. д., если отзывов на сайте пока мало;
• видеоотзывы, размещенные в отдельном разделе.
На этой странице нужно реализовать два типа микроразметки: по формату Review и AggregateRating. Это поможет сделать сайт привлекательным для поисковых систем.
Опишите страницу конкретного магазина: его фотографии изнутри и снаружи, фотография входа в магазин, адрес, текстовая инструкция «Как проехать», схема проезда, номера телефонов, информация о парковках, о наличии Wi-Fi и т. д. Разместите контакты генерального директора или ответственного за этот магазин и его фотографию. Используйте на этой странице микроразметку Organization.
Если бизнес представлен в разных городах, нужно предусмотреть отдельную страничку, на которой собрана полная информация по каждому городу. Например, у вас работает несколько магазинов в разных населенных пунктах. На странице городов нужно прописать, какие конкретно торговые точки есть в каждом из них.
Для каждого магазина указать адрес, режим работы, контакты. Если потребуется, разместить карту их расположения. Важно детально описать каждое подразделение или филиал со всеми атрибутами, которые мы разбирали в этой главе. К страницам этого типа также примените микроразметку Organization.
Это далеко не все основные страницы, а только те, которые должны быть созданы еще до привлечения к работе специалиста по поисковой оптимизации. Они просты и очевидны. Реализуйте их, и вы увидите, как начнут расти продажи и трафик поисковых систем.
При составлении структуры сайта каждый его владелец и разработчик ориентируется на свои возможности и запросы потенциальных клиентов. Поэтому некоторые страницы присутствуют не на каждом сайте.
На ней следует разместить информацию о сертификатах, лицензиях и наградах, если их у вас много. Сюда же стоит поместить фотографии, например с церемонии вручения наград, которые есть у компании. Важно не просто выложить сканы или фотографии, но и сопроводить их текстовой информацией. Скажем сделать краткое описание, когда и за что вручили ту или иную награду. Если это документ, нужно указать его номер и дату выдачи.
Обычно за ее наполнением следят сотрудники PR-отдела или маркетинга, но, если у вас небольшая компания, эти обязанности может выполнять и администратор сайта. Для каждой публикации на этой странице потребуется отдельный блок, желательно с картинкой.
Опубликуйте краткую сводку: какое издание (газета, телеканал, журнал, блогер) написало о вашей компании, в двух-трех предложениях расскажите, по какому поводу или на какую тему был материал, дайте ссылку на публикацию.
Важно собирать всю информацию из СМИ и от блогеров, регулярно обновлять эту страницу и иллюстрировать фотографиями либо логотипами издания.
Здесь указывают перечень компаний, организаций и партнеров, с которыми вы работаете. Можно разместить их логотипы и ссылки на их сайты. Это актуально, если ваша компания является сервисным центром или если ваш сервисный центр получил лицензию партнерства от крупной компании, например Sony или Xiaomi. Подобная информация будет увеличивать уровень доверия к вашей странице.
Некоторые владельцы предпочитают размещать данные о наградах и сертификатах на той же странице, где рассказывают о компании. Это оправданно, пока документов мало. Иногда там же приводят список партнеров, если они согласились размещать ссылки на других страницах, кроме главной. В случае если у компании большая история, значительный перечень лицензий и наград, обширный список партнеров, разумнее создать отдельные страницы. Примеры: https://mamadeti.ru/about/partners/.
Рис. 28. Пример оформления главной страницы блога с сайта medianation.ru.
Для сайтов, на которых редко бывают обновления, например небольшой компании или организации, которая предоставляет ограниченный спектр услуг, хороший выход – сделать страницу блога. Это покажет поисковым системам, что сайт развивается, и поможет удерживать внимание посетителей.
На главной странице блога показывают список статей, которые в нем размещены (рис. 28). В оформлении желательно использовать классическую портальную верстку. У каждого материала должна быть:
• уникальная фотография;
• оптимизированное название;
• дата публикации;
• автор статьи, если есть несколько постоянных;
• дата публикации и дата обновления, если оно было;
• счетчик просмотров и комментариев.
Для удобства как пользователя, так и системы организации статей нужно обязательно добавить рубрикатор, а также несколько постоянных тегов.
Отдельно создайте форму подписки, чтобы пользователь мог следить за обновлениями в блоге. А вы сможете информировать подписчиков не только о новых статьях, но и обо всех новых товарах и акциях на сайте.
Обратите внимание: форму подписки желательно разместить вверху главной страницы блога, продублировать в середине списка статей, если он длиннее 10 пунктов, и внизу страницы. Можно размещать форму подписки и на страницах статей внутри блога.
Нужно отличать блоги, размещенные в соцсетях или на специальных платформах, от блога компании. Если в первом случае допускаются развлекательные посты или повседневные заметки, то в блоге интернет-магазина или компании весь контент должен быть экспертным.
Обязательные элементы на странице статьи:
• оптимизированное название статьи;
• дата публикации или дата последних изменений;
• ссылка на автора[22] с указанием регалий, которые подтверждают его экспертность;
• деление на абзацы;
• кликабельное оглавление в начале материала, если текст длинный;
• маркированные или нумерованные списки в тексте статьи;
• изображения с подписями;
• кликабельные фото, графики, таблицы;
• визуальное оформление цитат;
• список литературы или ссылки на авторитетные ресурсы, если было заимствование или упоминаемый ресурс может шире раскрыть тему;
• рейтинг статей;
• функция комментирования.
Если статья описывает товары, которые продаются в интернет-магазине на том же сайте, обязательно разместите в тексте ссылки на них. Можно дополнительно продублировать эти товары в конце статьи отдельным кликабельным блоком.
Под основной статьей нужно выводить ссылки на похожие материалы, чтобы удерживать пользователя и вести его по заранее разработанной цепочке к финальной цели – покупке. Например, у вас есть несколько статей на одну тему. Вы ведете пользователя по ним: часть 1, 2, 3, а финальная статья содержит ссылку на товар, который вы хотите продать.
На странице статьи блога обязательно используйте микроразметку типа Article.
Итак, мы прошли по основным страницам сайта, обратили внимание на сложные моменты. Конечно, страниц может быть больше, но, думаю, понимая основы, с остальными вы справитесь без проблем. В Приложении 3 вы найдете чек-лист для оценки сайта, который поможет найти недоработки и поставить задачи на их исправление.