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

Из этого материала вы узнаете:

• Что нужно для запуска продвижения в Директе
• Каким может быть аудит сайта и зачем он нужен
• Как провести аудит сайта — чек-лист

Что нужно для запуска продвижения в Директе

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

• Посадочная страница
• Подключение к Яндекс Метрике
• Качественные изображения товаров

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

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

1/3

Примерно так большинство людей ищут товары или услуги в интернете.

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

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

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

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

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

Каким может быть аудит сайта и зачем он нужен

Аудит состоит из оценки по ряду показателей. Например:

• Удобство
• Скорость загрузки
• Конверсионные элементы
• Формы обратной связи

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

Как провести аудит сайта: чек-лист

Шаг 1. Шапка страницы. Здесь важно ответить на несколько вопросов:

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

1/3

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

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

Шаг 2. Первый экран. Это часть сайта, которую пользователь видит сразу после клика по объявлению. Первый экран должен отвечать на следующие вопросы:

• Понятно ли, что продаётся на сайте?
• Считывается ли география работы?
• Есть ли информация об услуге, которая предоставляется?
• Если есть доставка, то в течение какого времени?
• Если есть подарок за покупку, то какой? Если есть ключевая акция, то есть ли о ней информация?
• Понятно ли, почему товар стоит купить именно здесь? Есть ли ключевые УТП*?
• Есть ли призыв к действию — форма обратной связи или что-то подобное?

* УТП — уникальное торговое предложение. Это краткое описание преимуществ товара или услуги, которое выделяет ваш бренд среди конкурентов и привлекает внимание целевой аудитории. 

Возьмём для примера такой первый экран:

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

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

А вот более удачный пример.

С первого взгляда понятно, что компания производит двери, можно посмотреть разные коллекции. На странице также есть основные УТП, например «Сделано в России» и «28 лет производим входные двери». При этом при оптимизации страницы на первое место можно поставить тезис о том, что клиент может самостоятельно выбрать внутреннюю панель. Так компания подчеркнёт выгоду для пользователя, а это всегда важнее, чем общие характеристики.

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

Шаг 3. Дизайн. Его стоит оценивать по следующим критериям:

• Релевантен ли дизайн тематике?
• Читабельны ли элементы на экранах с разными разрешениями?
• Единообразны ли шрифты?
• Нет ли элементов, клик по которым никуда не ведёт, но визуально они вызывают желание кликнуть по ним?

Сравните дизайны разных сайтов:

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

Второй вариант более современный, при этом проблемы тоже есть. Например, нечитаемый текст на сайте кухонь или кнопки «Задать вопрос» и «Обратный звонок», которые перекрывают часть товаров на сайте по продаже оборудования. При этом есть понятный путь до конверсии для пользователя и структурированная информация. С таким сайтом можно работать.

Шаг 4. Формы обратной связи или захвата. Проверьте свою форму по следующим критериям:

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

Разберём на конкретном примере.

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

А вот другой пример формы:

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

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

Запомните, чего не должны содержать формы:

• Много обязательных полей
• Капчу для проверки

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

Шаг 5. Атрибуты качества. Это подтверждение качества товара или услуги, например сертификаты или лицензии. А ещё отзывы, которые отражают впечатления клиентов.

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

1/3

Например, так выглядит блок отзывов из Яндекс Карт.

Шаг 6. Элементы, которые ухудшают пользовательский опыт. Например, пользователь заходит на сайт, ничего не делает и сразу же видит элементы, подобные изображённым в карусели.

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

Шаг 7. Мобильная версия. Проверить, как сайт отображается на мобильном устройстве, можно даже без смартфона в руках. Вот как это сделать в браузере Google Chrome:

1. Откройте свой сайт в браузере.
2. Кликните правой кнопкой мыши по любому месту на экране и нажмите «Посмотреть код». В правой части экрана откроется консоль.
3. Найдите в левом верхнем углу консоли иконку для выбора устройства — она выглядит как ноутбук позади смартфона.
4. Нажмите иконку, чтобы подогнать разрешение сайта под любое мобильное устройство. Его можно выбрать из выпадающего списка Dimensions.

Мобильную версию вашего сайта можно проверить по следующим критериям:

• Подстраивается ли контент сайта под разрешение устройства?
• Закрепляется ли шапка при скролле страницы для удобства пользования?
• Есть ли мобильное меню?
• Удобные ли навигация и поиск в мобильной версии?
• Есть ли кнопка «Вверх» для перехода на первый экран страницы?
• Кликабелен ли номер телефона?
• Есть ли кнопки для перехода в социальные сети?

Например, вот сайт с неоптимизированной мобильной версией:

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

Более 60% пользователей заходят с телефонов, и неоптимизированный сайт может негативно повлиять на эффективность продвижения.

Шаг 8. Работа счётчика Яндекс Метрики. Это система веб-аналитики, которая помогает получать отчёты о действиях пользователей на сайте, а также отслеживать, откуда люди зашли на страницы, и оценивать эффективность продвижения.

Перед запуском кампании важно проверить, настроены ли у вас цели в Метрике. Для этого:

1. Перейдите в раздел «Настройки» — «Счётчик» — «Проверка счётчика».
2. Укажите адрес конкретной страницы сайта.
3. Нажмите «Проверить».

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

1/3

Так выглядит настройка счётчика Метрики.

Шаг 9. Скорость загрузки страниц. Советуем ориентироваться на следующие значения:

• 3 секунды — идеально
• 3–7 секунд — хорошо
• 7–10 секунд — приемлемо
• Больше 10 секунд — плохо

Отчёт по времени загрузки сайта доступен в Яндекс Метрике. В документе вы сможете увидеть и другие показатели из Метрики. Советуем ориентироваться на следующие значения:

• Время загрузки страницы (просто отрисовка) через Метрику для десктопа — менее 2 секунд
• Время загрузки страницы через Метрику для мобайла — менее 2 секунд
• Время загрузки DOM (Document Object Model) и полной загрузки страницы — менее 5 секунд
• Время загрузки ответа сервера (полной загрузки) — менее 0,5 секунды

Получить отчёт по загрузке страниц можно в разделе «Отчёты».

Так выглядит сам отчёт.

Выводы и рекомендации