Оформление страницы Контакты на сайте

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

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

Цели и задачи

Выделим задачи страницы Контакты.

1. Улучшение конверсии и роста продаж: клиент консультируется с менеджером перед покупкой.
2. Обслуживание после покупки: возвраты, вопросы гарантии и обмена.
3. Поиск партнёров, участие в реферальной программе.
4. Расширение штата сотрудников: указание вакансий и способов связи для соискателей.
5. Общение, обсуждение публикации в блоге, новостного раздела. Цели – повышение позиции сайта при ранжировании, вызвать доверие читателей.

Принципы оформления

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

1. Наименование предприятия, фирмы, компании с указанием полного названия. Это нужно для проверки достоверности данных. Если деятельность компании подлежил лицензированию, то добавляйте соответствующие документы, сертификаты, регистрационный номер компании. Лучшее решение – поместить чёткие сканированные копии документов.
2. Адрес электронной почты и телефон. Располагайте сверху для лёгкого поиска интересующей информации. При взаимодействии с разноязычной аудиторией укажите информацию о языках для конкретных телефонных номеров. Телефонный номер – кликабельный, при отсутствии городского воспользуйтесь ip-телефонией. То же самое касается почты: электронный адрес – кликабельный, с возможностью копирования. Наиболее простой вариант связи – это телефон. Его клиенты используют для получения помощи, консультаций. Рекомендуется предложить пару контактных телефонных номеров.
3. Виджет обратной связи. Востребован пользователями, если окажется удобным и простым. Здесь важна визуальная составляющая – форма обратной связи должна привлекать клиентов. Виджет помогает нарастить объём продаж, увеличить конверсию.
4. Чат для соединения с оператором, менеджером. Перед указанием необходимо протестировать, чтобы окно не всплывало, отвлекая от просмотра текста, видео. Старайтесь, чтобы форма чата была минималистичной, а обращение к консультанту не требовало многоступенчатой регистрации.
5. Указание физического адреса представительства, штаб-квартиры или офиса. Наличие адреса поможет быстро найти офис и, при желании, посетить его. Указывается в формате: индекс, город, название улицы, номер дома, офиса.
6. Ссылка на соцсети. Прописывается, если компания присутствует в соцсетях. Помогает гостям подписаться на рассылку новостей, находясь в курсе полезных обновлений. Можно указать ссылки на мессенджеры как возможные каналы для связи.
7. Карта проезда – размещается при наличии физического магазина, офиса. Облегчает покупателям поиск компании. Вставляется карта исключительно кодом при продвижении под сайты Google или Яндекс. Лучше указать схему проезда, добавив соответствующую информацию с тегом <h> и фотографиями. На карте необходимо разместить филиалы. Оптимальный вариант – поместить карту под контактами, в нижней части страницы.
8. Реквизиты с указанием наименования компании, счетов, что вызывает доверие поисковиков и клиентов.

Советы по дизайну

Рассмотрим рекомендации наполнения страницы Контакты.

1. Указывайте как можно больше вариантов, чтобы у посетителей была альтернатива: отправить письмо на e-mai, связаться с менеджером с помощью чата, набрать горячий телефонный номер.
2. Указывайте действующие номера, которые планируете обслуживать. Ничто так не раздражает клиента, как телефонные гудки или отсутствие реакции на электронное обращение.
3. Право копирования элементов для пересылки, личного сохранения, прямого использования. Не примеряйте защиту от копипаста.
4. Часто структура компании включает перечень отделов. По вопросам нужно связываться с представителями разных отделов. При помещении в контактный раздел нескольких e-mail и телефонов указывайте, по каким вопросам рекомендуется обратиться, например, в бухгалтерию или отдел для представителей СМИ. Рекомендуется добавить ФИО, фотографию и должность, личный e-mail представителя отдела.
5. Для обеспечения лёгкого нахождения необходимой информации объединяйте отделы в группы, формируя по задачам клиентов. Помните, что внутренняя иерархия компании запутана, а случайному читателю сложно разобраться. Пример – разделение контактов с учётом потребностей ЦА: для инвесторов, партнёров, соискателей и т.д.
6. Не забывайте применять карту с увеличением. Это поможет клиенту выстроить маршрут. Также укажите расписание, отдельные контактные данные для филиалов.

Шансы на выдачу компании в локальном поиске увеличивается при регистрации адреса в Яндекс или Google. Стоит учесть детали. Например, указать рабочие часы, чтобы клиент был уверен в ответе на звонок. Если клиент хочет позвонить в нерабочее время, то поможет форма заказа обратного звонка. На оставленную заявку отреагируют сотрудники в рабочее время. Может потребоваться указать часовой пояс, чтобы проинформировать клиента о разнице во времени, если у компании обширная география. Лояльность пользователя увеличит указание времени обработки обращения.
Варианты оформления

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

1. Контакты размещаются вверху страницы, под ними форма обратной связи. Важно использовать приятный, не раздражающий бэкграунд, работающий на имидж компании.
2. Страница Контакты с картой проезда оформляется с учетом чтения слева направо. Как правило контакты размещают слева, а карта проезда – справа.
3. Если компания имеет представительства, то страница с контактной информацией о них, должна находиться на виду.
4. Непосредственно информацию о фирме, производстве, компании лучше вынести на отдельную страницу. Сюда помещают историю компании, ценности, задачи и миссию.
5. Для сайта с малой посещаемостью хватит следующих пунктов:
   • телефоны для связи;
   • наименование фирмы, компании;
   • карта;
   • адрес;
   • альтернативные каналы для связи.

Принцип размещения

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

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

Вывод

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

Для отслеживания популярности контактный вкладки стоит использовать Яндекс.Метрику – «Карту кликов». Результат хорош, если посетители покидают сайт через контактную страницу. Это означает, что посетитель приобрёл товар или заказал продукт, совершив целевое действие.