От автора: хорошая страница контактов очень важна для поддержания отношений со своими посетителями. Говорим ли мы об электронной коммерции, журналах, личных вебсайтах, онлайн-сервисах – как первое средство коммуникации с вами пользователи обычно ищут контактную страницу. Странно, но многие веб-дизайнеры пренебрегают скромной контактной страницей, даже считают ее одним из наименее важных аспектов вебсайта. Давайте это исправим.
Значение хорошей страницы контактов
Страницу контактов часто упускают из вида. Сколько вебсайтов вы посещали, желая связаться, чтобы пожаловаться на продукт или услугу, или задать вопрос? И как часто вам приходилось сражаться с контактной формой?
Хорошая контактная страница выгодна любому виду бизнеса. Она способна увеличить удовлетворенность клиентов, помогая с решением их проблем. Она также может помочь улучшить свою продукцию и услуги, обеспечив широкую дорогу для ценного отзыва.
Когда речь заходит об отзыве непосредственного пользователя, прочие каналы могут оказаться ограниченными. Телевидение, радио, журналы, газеты… все они являются формой односторонней коммуникации. Онлайн-коммуникация должна быть улицей с двусторонним движением; диалогом между бизнесом и посетителем. Получают пользу от этого обе стороны, и вот отчего так важна хорошая страница контактов.
Контактная информация
Местоположение
Первый шаг: место размещения вашей контактной информации. Нет смысла иметь самую лучшую контактную страницу на свете, если ваши посетители не могут ее найти. Помочь им можно, если придерживаться некоторых дизайнерских традиций.
Научитесь Веб-дизайну с нуля до PRO
Научитесь создавать удобные сайты и приложения, работать с анимацией и презентовать проекты клиентам. Сможете начать карьеру в дизайне и брать первые заказы уже после 8 месяцев интенсивных занятий.
14 проектов в портфолио для старта карьеры
Отработка знаний на практических заданиях и дизайн-спринтах
Практические занятия строятся на реальных бизнес-задачах
В общем, контактная информация может находиться в двух местах:
Основная навигация – идеальное место для ссылки на контактную страницу. Посетители обычно ищут контактную страницу справа, потому что она видится элементом второстепенного значения. Следовательно, вы просто увидите ссылку на контактную страницу, как один из последних элементов навигации сайта.
Еще мы можем посмотреть на меньшую субнавигацию в верхнем правом углу экрана. Это тоже ценная позиция для контактной страницы. К слову, лучше избегать размещения контактной страницы в выпадающем меню, так как там ее легко пропустить.
Нижний колонтитул также является популярным местом для контактной информации. Он может содержать ссылку на контактную страницу:
…либо самую важную контактную информацию:
Как добавить контактную информацию в ВК с телефона?
Предсказать поток посетителей на контактную страницу сложно, так что размещение ссылок по меньшей мере в двух упомянутых местах хорошо подстрахует вас.
Самое важное в странице контактов
Теперь вы спокойны – ваши посетители смогут найти путь к контактной странице, и пора подумать о ее фактическом содержимом. Начнем с основного и рассмотрим ту информацию, которая должна быть представлена.
Адрес электронной почты / контактная форма
Адрес электронной почты – легчайший способ онлайн-общения в бизнесе. В качестве альтернативы можно использовать контактную форму, которая отсылает электронную почту. Посредством формы вы получаете больше контроля над содержимым (необходимые к заполнению поля) и так можно предотвратить спам. О контактных формах мы расскажем в этой статье ниже.
Адрес
Бизнес с традиционным магазином не должен забывать упомянуть свой адрес. Если у вас много магазинов, лучше всего создать индивидуальную страницу для каждого. Заполните ее отдельной контактной информацией этого магазина, часами работы, схемой проезда и т.д. Это нужно не только посетителям, но и может помочь вашему сайту в местных поисковых запросах.
Телефон
Отображение телефонного номера вызывает чувство доверия. Это часто рассматривается как знак реально существующей компании, и действительно помогает онлайн-магазинам.
Социальные сети
Многие вебсайты стали добавлять на контактную страницу кнопки социальных сетей. Хотя, возможно, это не всем сайтам идет на пользу, для некоторых посетителей имеет дополнительное значение. Особенно с тех пор, как все больше и больше компаний предлагают поддержку клиентов через Twitter (иногда даже круглосуточно и без выходных).
Дополнительно
Не существует универсального решения для хорошей контактной страницы. Любой вебсайт или бизнес требует определенных элементов, которые могут оказаться излишними на других сайтах.
Есть множество дополнительной информации или свойств, которые окажутся полезными на контактной странице. Для традиционных магазинов хорошая идея – упомянуть, скажем, часы работы. Большим компаниям можно было бы сделать ссылку на их Live Chat, а сайты электронной коммерции могут закрепить доверие пользователей, вывесив свой номер VAT.
Удобная информация
Удобство применения информации оградит ваших посетителей от разочарования страницей контактов.
Вместо изображений включите свою информацию в виде текста HTML. Текст HTML можно скопировать и вставить, что облегчает посетителю сохранение ваших контактных данных.
Адрес электронной почты должен использовать ссылку mailto. Это дает посетителю возможность щелкнуть на нее и послать сообщение без необходимости копирования адреса доставки и открывания почтового клиента. С этой техникой, однако, может возникнуть проблема в лице спамботов, собирающих адреса электронной почты, связанных со ссылкой mailto:. Поэтому вы можете решить сначала запутать их с помощью сервиса вроде mailtoencoder.com.
Попутное примечание: телефонные номера тоже должны быть интерактивными. В прошлом году мы разместили небольшую подсказку о том, как сделать телефонный номер чувствительным к щелчку мышью. Благодаря маленькому фрагменту кода смартфоны опознают телефонные номера и дают возможность звонить на них. Это реально удобно мобильным пользователям.
Бизнесы, сильно зависящие от своих традиционных магазинов, зачастую получают большую пользу от интерактивной карты, давая пользователю возможность быстро найти путь к торговым точкам. Показать адрес магазина хорошо, а добавить интерактивную карту еще лучше.
Благодаря Google Maps вставить это полезное свойство проще простого. Просто введите свой адрес в Google Maps и щелкните на иконку ссылки в боковой колонке. Там для вас найдется код вставки.
Вы знали, что можно адаптировать карту под себя? Вы можете отредактировать цвета карты, добавить на карту пользовательские указатели и создать легенду. Подробнее об этом можно прочесть на developers.google.com. Также можно обдумать применение альтернативных сервисов, таких как довольно привлекательный Mapbox.
Не забудьте о поисковой оптимизации
Будучи посетителем, вы мгновенно узнаете на контактной странице адрес. Поисковым системам, однако, требуется небольшая помощь при распознавании различных элементов.
Эту проблему можно решить, применив структурированные данные. Структурированные данные – это форма разметки HTML, дающая поисковым системам больше информации о базовом значении содержимого.
Как это работает? Скажем, у нас есть агентство веб-дизайна под названием «Fine Design», расположенное по адресу: 3102 Highway 98, Mexico Beach, FL. Микроданные дают возможность поисковым системам лучше распознать этот адрес. Код HTML будет выглядеть примерно так:
Источник: webformyself.com
ВКонтакте. Открытие контактной информации и микроблогов пользователей
Социальная сеть “ВКонтакте” снова подверглась изменениям. В этот раз изменения постигли не дизайн страниц и не функциональность, а затронули конфиденциальность информации пользователей.
Прошлая неделя отразилась для жителей русскоязычной социальной сети “Вконтакте” кардинальными изменениями, коснувшимися абсолютно любого жителя сети. Социальная сеть открыла на обозрение контактные данные, которые были указаны пользователями для просмотра лишь “для друзей”.
Изменение затронуло не только контактные данные, которые, не понятно по какой причине и без согласия владельцев страниц, оказались доступны абсолютно всем пользователям и посетителям социальной сети, но ещё и записи на “микроблогах” (бывших “стенах”) пользователей. Теперь каждый посетитель страницы может видеть записи владельца страницы, который оставлял их у себя на стене. К этому числу относятся статусы пользователя и обновление фотографии на странице.
Среди пользователей, пока что, недовольных немного: кто-то ещё не обнаружил, что его контактная информация показывается всем желающим, кто-то ещё не обнаружил, что записи и статусы на его “стене” видит любой зашедший на странице человек, кто-то просто не заметил изменений в силу того, что не заходил за эти дни в социальную сеть. Тем не менее, некоторых терзает вопрос “Почему начали показываться контактные данные абсолютно всем, если всегда они были разрешены к показу только друзьям?”, на который пока не дано ответов от “прогрессирующих” разработчиков “Вконтакте”.
Стоит напомнить, что это не первые изменения, о которых многие пользователи высказывают недовольства. Предыдущим изменением, вызвавшим панику среди пользователей, было введение микроблогов, активация которых сначала была доступна на добровольной основе, а затем, если верить голосованию, одобрено более чем половиной всех проголосовавших участников “Вконтакте“, и было принято решение о введении микроблогов на страницах всех пользователей, без возможности их отключения.
Источник: vkontaktehit.ru
Юзабилити страницы «Контакты»: какой она должна быть, чтобы клиенты захотели с вами связаться
Важность страницы «Контакты» сложно переоценить. В том или ином виде, страница с контактной информацией должна быть на всех сайтах (особенно на коммерческих, ведь им нужны клиенты). Очень важна эта страница тем компаниям, к которым постоянно приезжают клиенты (например, сфера услуг).
Контакты, как правило, смотрят тогда, когда уже просмотрели сайт и приняли решение обратиться в компанию. То есть, просмотр этой страницы на многих сайтах – завершающий этап взаимодействия потенциального клиента с сайтом. И важно не упустить потенциального клиента, готового с вам сотрудничать.
Как показывает практика, страница «Контакты» часто является одной из самых посещаемых страниц на сайтах, входит в 10-ку самых популярных (если на сайте немного страниц, небольшой каталог товаров/услуг).
Это легко проверить в Яндекс.Метрике. Смотрим отчет «Содержание>Популярное», находим там страницу «Контакты»:
Хороший знак, когда страница «Контакты» является еще и популярной страницей выхода. Это свидетельствует о том, что потенциальный клиент выполнил один из «благоприятных» для вашего бизнеса сценариев: зашел на сайт, ознакомился с вашим предложением и в конце посещения перешел посмотреть, как связаться с компанией (выбрал удобный способ связи или ближайший офисмагазин и т.п.).
О популярности страницы «Контакты» также можно судить по Карте кликов Яндекс Метрики (конечно, если ссылка на страницу Контакты есть в шапке сайта). Обычно, самыми популярными пунктами меню (на них приходится больше всего кликов посетителей сайта) у коммерческих сайтов являются «Каталог» и «Контакты»:
Очень опасно совсем не иметь на сайте страницы «Контакты», ведь пользователям она нужна, они к ней привыкли (в шапку сайта всех контактов не поместить, там только основные).
Ссылку «Контакты» в главном меню лучше размещать крайней справа. Так делают большинство сайтов, которым важно, чтобы к ним обращались клиенты – пользователи к этому привыкли и это удобно, так как страница обычно является «завершающей» посещение (как последняя страница книги, ведь мы читаем слева направо). А если вдруг вы хотите, чтобы к вам обращались пореже – поставьте ссылку на Контакты в подвал сайта .
Также, не иметь «Контактов» опасно и с точки зрения SEO.
Даже если сайт является одностраничным, нельзя забывать про контакты. Обычно под них выделяется отдельный экран в самом низу страницы. И на «Контакты» непременно делается быстрая ссылка в верхнем меню.
Больше статей на схожую тематику:
- 10 маркетинговых ошибок, которые могут стоить вам продаж
- Как заработать на предпродаже курса: анонсируем мероприятие правильно
- UX-тренды в 2023 году: как сделать сайт еще удобнее и привлекательнее для пользователей
Важные элементы страницы «Контакты»
Надеюсь, ни у кого не осталось сомнений в необходимости страницы «Контакты» на сайте. Но что же должно быть на этой странице? Ответ: вся контактная информация. Конечно, в порядке важности и нужности для посетителей сайта. Ведь именно за этой информацией и приходят на страницу Контакты.
- 4-кратный рост трафика на сайт за 4 месяца
- Рост трафика на 200% за 4 месяца
- Двукратный рост трафика на сайт за 5 месяцев


Страница «Контакты» на смартфонах
Обязательно проверяем, как выглядит наша страница на смартфоне – вся ли важная информация сразу видна пользователям (в первом экране). На смартфонах еще более актуален принцип: важные контакты сверху.
Телефоны, email и мессенджеры – обязательно кликабельные. Рядом указываем режим работы.
А ниже можно разместить интерактивную карту. Под картой размещаем филиалы, если их много – продумываем быстрые ссылки.
Примеры удобных страниц «Контакты» на мобильных:
Нравится статья? Тогда смотрите наши курсы!
- Курс «Интернет-маркетолог 2.0: как стать востребованным специалистом, который может всё»
- Мини-курс «Маркетинг без бюджета»
- Вебинар «Маркетинговый аудит»
Подводя итоги
Страница «Контакты» – необычная и часто очень важная страница сайта. Оцените её важность для своего бизнеса, посмотрите посещаемость. Есть бизнесы, для которых страница Контакты очень важна (любой бизнес, в котором клиенты приходят «на вашу территорию»).
Для такого бизнеса необходима удобная страница Контакты, изучив которую, потенциальный клиент легко поймет, где вы находитесь и как ему до вас добраться.
В статье перечислили основные моменты, на которые следует обратить внимание, если ваши клиенты часто смотрят страницу «Контакты».
Если вам важны ваши потенциальные клиенты, но не хотите заморачиваться или боитесь что-то упустить, можете заказать экспресс-аудит у специалистов по юзабилити. Оценим страницу «Контакты», а также все остальные страницы, популярные у ваших потенциальных клиентов.
3
1
2
0
1
Спасибо за реакцию, она бесценна! Обязательно подпишитесь на наш Telegram-канал, публикуем много интересных и актуальных материалов. Не пользуетесь Telegram, тогда познакомьтесь с Катей и подпишитесь на нашу рассылку. ×
Источник: 1ps.ru