Позвони мне, позвони: как правильно оформить контакты на сайте?

Грамотное оформление страницы «Контакты» на сайте влияет не только на поведение пользователей. Наличие некоторых элементов и данных учитывается поисковыми системами и положительно влияет на продвижение сайта в топ-10.

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

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

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

Микроразметка страницы контактов помогает поисковикам обрабатывать данные и структурировать информацию. Используйте стандарты Schema.org, которых придерживаются Яндекс и Google.

Теперь разберемся с тем, как заполнить контакты.

По умолчанию к обязательным полям относятся следующие:

• номер телефона;
• электронная почта;
• фактический и юридический адрес;
• график работы.

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

Вот не самый удачный пример страницы «Контакты» регионального строительного магазина:

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

Чтобы страница была эффективной и приносила реальную пользу, рекомендуем разместить следующие данные.

Местоположение

• Карта от Яндекса или Гугла. Предпочтительно использовать их, но часто они увеличивают скорость загрузки страницы. Многое зависит от CMS сайта, и вопрос нужно решать вместе с разработчиком. Если для вас это слишком долго и затратно, можно нарисовать схему в графическом редакторе. Пригодится и QR-код с информацией об адресе компании.
• Фотография входов в офис/здание. Особенно, если он расположен далеко от центра города или люди часто не могут его сразу найти.
• Возможность выбора ближайшего пункта обслуживания на карте в зависимости от местоположения пользователя.
• Кнопка «Печать» используется реже, чем раньше, но все равно удобна для многих.

Информация о компании

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

Неудачный пример оформления у магазина, занимающегося продажей сигар и алкогольной продукции:

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

Альтернативные варианты связи и полный список адресов

• Добавьте популярные мессенджеры, как, например, в интернет-магазине Wildberries:



• Ссылки на группы в соцсетях и другие сайты проектов компании – улучшат репутацию, повысят доверие, подробнее познакомят потенциальных покупателей с деятельностью фирмы. Некоторые пользователи выбирают соцсети в качестве предпочтительного способа связи.
• Форма обратной связи — удобна для покупателей и пригодится при отслеживании целей в Яндекс Метрике или Google Analytics. Используйте минимальный набор необходимых полей (зачастую пользователю лень заполнять информацию о себе). Для обращения в техподдержку желательно настроить авторизацию через соцсети. Регистрация на сайте всего лишь для того, чтобы задать вопрос или получить консультацию о продукте, у многих пользователей вызывает раздражение.
• Помимо мобильного, наличие регионального телефона, а еще лучше – 8 800. Влияние многоканального номера замечено несколько лет назад и до сих считается весомым фактором ранжирования. Особенно если ресурс продвигается по нескольких регионам или странам.
• Функция обратного звонка.
• Компании, у которых указаны филиалы и представительства в других городах, также получают преимущество при ранжировании. Вот как это выглядит на сайте РБК:

Без информации о действующем представительстве фирмы в регионе, продвинуться в нем невозможно. То есть, если вы хотите продвигаться по Москве и Санкт-Петербургу, на странице «Контакты» разместите оба адреса с телефонами.

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

Юзабилити

• Почта на своем домене — повышает доверие и добавляет солидности. Поисковики также учитывают этот фактор.
• Разные варианты связи с разными филиалами (отделами) — для каждого подразделения свои контакты. Также имеет смысл оставить данные руководителей отделов и их имена. Удачный пример на сайте банка «Тинькофф». Кроме того, у них можно сразу скачать бланки для заполнения документов, что несомненно очень удобно и практично:



• Видеотрансляция из офиса (кухни, студии) — помогает наладить доверительные отношения с аудиторией и увеличить время нахождения на сайте, вследствие чего улучшаются поведенческие факторы. Безусловно, подходит это не всем направлениям, но если речь идет о салоне красоты или пиццерии – почему бы и нет?
• Используйте качественные картинки для сайта, уникальную графику. Нечеткие, размытые изображения, которые распадаются на пиксели, выглядят неаккуратно.
• Фотографии офиса и сотрудников. Можно добавить на страницу «О компании», но если вы разместили контактные данные сотрудников сюда, то фото помогут дополнить информацию.
• Удобная разметка контактных данных – если их слишком много, удобно нарисовать таблицу или разбить на блоки, как это сделано на сайте «Гурман»:

Подведем итоги

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

• привлечение оптовых покупателей;
• постпродажное обслуживание;
• повышение доверия и улучшение репутации.

Для SEO грамотное оформление решает следующие задачи:

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