Ни для кого не секрет, что 99,9% коммерческих и корпоративных сайтов нацелены на продажу товаров или услуг. Компаниям нужны сайты, чтобы приносить новые заказы и прибыль. Целью сайтов является совершение конверсии пользователей: звонков, отправки писем с заявками на email и заявок через формы обратной связи, чаты через онлайн-консультант и так далее.

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

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

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

1. Расположение и навигация

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

Контактные данные в шапке сайта
Контактные данные в шапке сайта

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

Фиксированная шапка сайта
Фиксированная шапка сайта

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

Ссылка на раздел Контакты в главном меню
Ссылка на раздел Контакты в главном меню

Удостоверьтесь, что раздел «Контакты» полностью заполнен. Проверьте корректность контактных данных:

  • адрес
  • телефоны
  • email-адреса
  • ссылки на соцсети
  • время работы
  • отметка на схеме проезда стоит в нужном месте
Проверка корректности контактных данных
Проверка корректности контактных данных

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

2. Телефоны

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

Указание кода города на сайте
Указание кода города на сайте

В номере телефона вместо «8» должна быть написана цифра «+7», т.к. в противном случае есть риск того, что клиенты из другой страны или региона не смогут связаться с вами. 

+7 вместо 8 в номере телефона
+7 вместо 8 в номере телефона

Удостовериться в корректности формата отображения телефона: «+7 (___) ___-__-__». Такой формат привычен и удобен для восприятия пользователями, а также легко читается смартфонами.

Формат телефонного номера
Формат телефонного номера

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

Телефон написан текстом, а не картинкой
Телефон написан текстом, а не картинкой

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

Пользователи мобильных устройств могут позвонить по номеру в 1 клик
Пользователи мобильных устройств могут позвонить по номеру в 1 клик

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

Мобильный телефон в контактах на сайте
Мобильный телефон в контактах на сайте

3. Email

На сайте должны быть указаны корпоративные почтовые ящики @site.ru. Это положительно влияет на имидж компании (указывать почтовые ящики на бесплатных серверах вроде @mail.ru часто является показателем несерьезности компании, а также отрицательно влияет на SEO).

Корпоративные почтовые ящики на сайте
Корпоративные почтовые ящики на сайте

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

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

Использование атрибута mailto
Использование атрибута mailto

4. Схемы проезда и карты

Установите в раздел «Контакты» интерактивную карту с отметкой своей компании от Яндекс.Карты или Google Maps.

Интерактивная схема проезда на сайте
Интерактивная схема проезда на сайте

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

Нестандартный дизайн схемы проезда на сайте
Нестандартный дизайн схемы проезда на сайте

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

5. Формы обратной связи

Проверьте работоспособность каждой формы обратной связи в отдельности! Все ли письма вы получаете?

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

Проверьте плейсхолдеры — надписи на полях формы обратной связи. Есть ли они? Дают ли они однозначно понять, что надо писать в это поле?

Плейсхолдеры на форме обратной связи
Плейсхолдеры на форме обратной связи

Добавьте удобную маску для ввода номера телефона в формате +7 (___) ___-__-__ на поле для ввода телефонного номера.

Маска для ввода телефона
Маска для ввода телефона

Присутствует адекватная JS-валидация полей форм обратной связи со всплывающими подсказками.

JS-валидация формы обратной связи
JS-валидация формы обратной связи

Проверьте сложность форм обратной связи. Обязательно ли нужны вам вся информация, которую вы запрашиваете у пользователя, или ее можно сократить? Рекомендованное количество заполняемых полей — до 3. Уберите поле «Тема письма», если оно есть, и прочие необязательные для связи с клиентом поля.

Уберите лишние поля из формы обратной связи
Уберите лишние поля из формы обратной связи

Отсутствует текстовая или графическая капча.

Текстовая капча на сайте Вкусвилл
Текстовая капча на сайте Вкусвилл

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

Для «Продвинутых»: интегрируйте формы обратной связи с сервисами email-рассылок и CRM-системой для моментального попадания клиента в автоворонку.

Как видите, даже в такой простой на первый взгляд теме кроется множество нюансов. Будьте внимательны, следите за актуальностью информации на сайте и максимально упрощайте процесс связи с клиентом. Удачи!