Рекомендации по созданию сайта от эксперта Яндекса

Сайт компании — это первая точка касания аудитории с вашим бизнесом в интернете. Пользователи воспринимают сайт как:

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

Этап 1. Проектирование сайта

Этап 2. Техническая оптимизация

Этап 3. Дизайн и удобство

Этап 4. Наполнение сайта

Этап 5. Зарабатываем доверие

Этап 6. Решение задач пользователей на сайте

Этап 7. Представление сайта и бизнеса в поисковой выдаче и сервисах Яндекса

Ключевые выводы

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

Этап 1. Проектирование: что сделать перед началом работ

Обозначить задачи и цели сайта. Поставьте конкретные измеримые цели, чтобы затем оценивать эффективность сайта.

Определить целевую аудиторию. Сопоставьте бизнес-задачи сайта с вашими представлениями о целевой аудитории. Проанализируйте, какими основными чертами обладают потенциальные клиенты. Возможно, вы решите, что с помощью сайта нужно привлекать сотрудников или партнёров — это тоже нужно учесть. Можно сделать разные сайты для разных аудиторий, либо собрать посадочные страницы внутри одного сайта для каждого сегмента: покупателей-физических лиц, оптовиков, соискателей, партнёров и других сегментов вашей аудитории.

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

А дальше развили эти критерии и представили, как конкретно люди будут искать поставщика медицинских услуг в интернете.

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

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

Изучить конкурентов. Чтобы эффективно рассказать потенциальным клиентам о вашем предложении и понятно донести задачу до разработчиков:

— проанализируйте топ-20 поисковой выдачи по основным для вашего бизнеса запросам и изучите:

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

— посмотрите на сайты реальных конкурентов:

• дизайн,
• структуру,
• удобство выбора,
• сервис — проведите тестовую закупку.

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

• ассортимент,
• контент,
• структуру трафика,
• сервис.

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

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

В итоге этапа проектирования сайта должно быть понятно:

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

Этап 2. Техническая оптимизация

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

Вот небольшая часть нашего чек-листа, по которому мы обеспечиваем корректность технической оптимизации сайта:

• Проверить ошибки в Вебмастера и GSC.
• Найти дублирование контента, устранить дубли.
• Проверить, что поисковые роботы корректно видят контент страниц.
• Убедиться, что важные страницы обходятся и индексируются поиском.
• Подписаться на мониторинги.
• Проверить скорость загрузки и отображение на мобильных.

Полезная информация для владельца сайта:

• Рекомендации Яндекса по созданию сайтов.
• Принципы ранжирования выдачи Яндекса.
• Признаки некачественного сайта по версии Яндекса.

Ниже пример одной из самых частых ошибок — дубли в поиске.

Скорость загрузки страниц

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

Совет. Если ваш сайт не адаптирован под мобильные устройства, используйте бесплатные Турбо-сайты в Директе. Это продающие сайты, оптимально адаптированные под мобильные устройства. Контент с Турбо-сайта моментально загружается вне зависимости от скорости соединения сети. Многие CMS поддерживают эту технологию — в них предусмотрены специальные плагины для установки на сайте.

Этап 3. Дизайн и удобство

По моему опыту, люди называют среди главных качеств хорошего дизайна минимализм, простоту, удобство, красоту, эффектность, «воздух». И это объяснимо, потому что все эти качества исходят из особенностей поведения интернет-пользователей (спасибо Алексею Иванову), основными из которых являются следующие:

• не хотят читать и считать,
• хотят картинки и видео,
• не хотят лишних действий и потери времени,
• эмоции сильнее, чем рациональный расчет,
• хотят персональной и быстрой ответной реакции.

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

Адаптивный дизайн

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

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

Примеры адаптивных сайтов:

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

Пример отображения Турбо-сайта в поиске Яндекса:

Первый экран сайта

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

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

Графика

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

Этап 4. Наполнение сайта

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

• Информация о продукте или услуге.
• Коммерческие условия.
• Конкурентные преимущества, УТП.
• Примеры реализации и внедрений.
• Отзывы и рекомендации.
• Подробная информация о компании.
• Сертификаты, лицензии, патенты.
• Контактные данные, реквизиты.
• Как заказать.

Страница услуги

Создать эффективную страницу услуги, которая даст ответы на все вопросы посетителя и приведет его к заказу, помогут элементы:

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

Вот пример проработанной страницы услуги.

Страница каталога

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

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

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

Карточка товара

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

• Фото, 3D-картинки, видео, обзор.
• Стоимость и информацию о наличии, доставке, оплате.
• Описание с характеристиками, гарантию, документацию.
• Преимущества, УТП, отзывы, оценки.
• Скидки, акции, сопутствующие товары, онлайн-помощника.

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

Вот пример из «перегретой» ниши — пластиковые окна в Москве. Для оформления этой карточки мы изучили в Подборе слов то, как люди выбирают тип пластикового профиля для окон. Мы увидели, что людям интересны характеристики, отзывы, фотографии, чертежи и так далее. На этой странице мы охватываем все запросы целевой аудитории, а на первый экран выносим самое важное — фото, цену, отличительные особенности, УТП.

Статейный раздел

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

• заголовок,
• уникальный текст,
• фото и видео,
• счетчик просмотров,
• кнопки шеринга,
• модули комментариев и подписки,
• время на прочтение,
• тегирование,
• разметки Schema.org и OpenGraph,
• RSS для Турбо-страниц,
• ссылки на похожие статьи.

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

• Выберите актуальную тему с помощью Подбора слов, анализа блогов конкурентов, поисковых подсказок.
• Сделайте статью полезнее и интереснее, чем у других — добавьте графики, таблицы, видео.
• Качественно оформите статью, добавляйте заголовок, подзаголовки, полезные изображения, списки, блоки привлечения внимания, используйте перелинковку.
• Проверьте, что заголовки отражают суть статьи.
• Добавьте оглавление, если статья больше 6000-7000 символов.
• Добавьте фото и видео для иллюстрации ваших слов.
• Поделитесь ссылкой на статью в соцсетях, добавьте материал в Дзене и сделайте рассылку по базе ваших подписчиков.

Не забывайте анализировать, как работает ваша статья, чтобы её улучшать. Для этого в Яндекс Метрике есть отчёт «Аналитика контента».

В отчете можно увидеть дочитываемость, какие блоки лучше воспринимаются, по каким ссылкам ходят — всё по конкретным страницам.

Этап 5. Зарабатываем доверие

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

Ниже я привел несколько вещей, которые важны для пользователей. Удостоверьтесь, что все эти данные есть на вашем сайте:

• Телефон — лучше городской.
• Корпоративный e-mail.
• Контакты компании — адреса, схемы проезда.
• Юридические реквизиты.
• Описание компании и информация о сотрудниках.
• Формы обратной связи и заказа.
• Разрешительные документы — лицензии, сертификаты.
• Мессенджеры и онлайн-чат.
• Наличие цен и коммерческих условий.
• Условия оплаты, доставки, гарантии.
• Отзывы и портфолио.
• Вакансии.

Постарайтесь максимально широко раскрыть информацию о компании. Вот хорошие примеры, как это можно сделать.

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

Выбирая компанию, многие внимательно изучают отзывы о её работе. Чтобы вопросов в правдивости рекомендаций не возникало, рекомендую собирать видеоотзывы ваших клиентов. Они внушают больше доверия. Можно собирать отзывы в соцсетях — люди размещают их с личных аккаунтов, всегда можно проверить, что это не фейк. Если работаете в сегменте B2B, запрашивайте рекомендательные письма на официальном бланке.

Обратная связь

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

А чтобы проверить, насколько эффективно обрабатываются обращения, настройте системы аналитики — Яндекс.Метрику, CRM, коллтрекинг.

Этап 6. Решение задач пользователя на сайте

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

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

Среди таких элементов могу отметить:

— видео

— калькуляторы и конфигураторы

— опросы и квизы

— интерактивные формы

Этап 7. Представление сайта и бизнеса в поисковой выдаче и сервисах Яндекса

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

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

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

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

• Дзен,
• Кью,
• Картинки,
• Услуги,
• Маркет,
• Эфир.

Подробнее о том, каким должен быть в 2020 году, я рассказал в видеоуроке:

Ключевые выводы

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

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

Красивый и понятный дизайн. Устаревший офис, в котором на входе дежурит вахтер-грубиян, может отпугнуть многих клиентов. Та же ситуация с сайтом. Сделайте так, чтобы на страницах пользователям было удобно и приятно находиться.

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

Место продажи. Представьте, что вы долго выбирали кроссовки и наконец нашли подходящие. Вы кладёте их в корзину, нажимаете «Оплатить» и видите бесконечную форму с вопросами. Стоит отвлечься, выскакивает уведомление о том, что сессия закончилась и нужно вводить всё заново, а в конце выясняется, что ваша карта не подходит для оплаты. Вернётесь ли вы когда-нибудь в этот магазин? Я бы не вернулся. Поэтому старайтесь упростить процесс выбора и покупки, сделайте описания максимально понятными и предусмотрите несколько способов оплаты.

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

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

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