Страница контакты: Как правильно оформить страницу контакты — SEO на vc.ru

Как правильно оформить страницу контакты — SEO на vc.ru

{«id»:13741,»url»:»\/distributions\/13741\/click?bit=1&hash=b9cb1a8d21c2e6b5e6786371bb93043031e75370d4a16c310a2a0d13058088f9″,»title»:»\u041f\u043b\u0430\u043d \u043d\u0430 1 \u0434\u0435\u043a\u0430\u0431\u0440\u044f \u2014 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u00ab\u041e\u0441\u043a\u0430\u0440\u00bb \u0432 \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u043e\u0439 \u043a\u043e\u043c\u043c\u0435\u0440\u0446\u0438\u0438″,»buttonText»:»\u042d\u0442\u043e \u043a\u0430\u043a?»,»imageUuid»:»58ed0f4d-eb88-591d-8d61-a475d4b7ce7a»,»isPaidAndBannersEnabled»:false}

SEO

SEO блиц

06.2019

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

4489 просмотров

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

В этой статье мы расскажем о том, как заполнить страницу «Контакты» правильно.

Расположение

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

Плохой пример оформления:

Хороший пример оформления:

Что должно быть на странице?

Необходимо указать все имеющиеся способы связаться с вами.

  • Телефонные номера. Указывайте не только основной номер телефона.
    Важно указать номера всех подразделений (телефон отдела продаж, отдела сервисного обслуживания и так далее). Если у вас несколько филиалов в различных городах, то необходимо указать и их телефоны. Если есть номер для бесплатного звонка по России (вида 8-800-…), то необходимо указать его.
  • Электронная почта. По аналогии с телефонами — почтовые адреса подразделений, филиалов. Отдельные почтовые ящики для информации, рекламы, резюме и так далее. В качестве примера — оформление страницы контактов банка «Тинькофф».
  • Прочие способы связи — Skype, социальные сети, мессенджеры.
  • Адреса. Если у вашей компании есть офис, необходимо указать его адрес. Если представительств несколько — адрес каждого из них.
  • Карта
    и подробная информация о том, как до вас добраться.
    Чтобы потенциальные клиенты не заблудились, вы должны стать для них гидом, и подробно рассказать о том, как попасть в офис:
  • Режим работы.
  • Юридические и банковские реквизиты. Юридическое наименование организации, ОГРН, ИНН, КПП, юридический и почтовый адреса, расчетный счет, корреспондентский счет, БИК, ФИО генерального директора, главного бухгалтера и так далее.

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

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

Структурируйте информацию — для филиалов используйте списки или таблицы, для блоков информации добавляйте подзаголовки («Юридическая информация», «Как к нам проехать» и так далее).

Микроразметка страницы «Контакты».

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

Пример микроразметки контактов в формате Microdata

<div itemscope itemtype=»http://schema.org/Organization&quot;&gt; <span itemprop=»name»>Название организации</span> <div itemprop=»address» itemscope itemtype=»http://schema.org/PostalAddress&quot;&gt; <span itemprop=»addressLocality»>Город</span> <span itemprop=»streetAddress»>Адрес организации</span> </div> <span itemprop=»telephone»>Контактный номер телефона</span>, <span itemprop=»email»>Адрес электронной почты</span> </div>

Весь справочник в статьях на vc.ru или на сайте.

Страница «Контакты» на сайте: основные элементы и примеры оформления

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

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

Реклама

Статья в тему: Навигация по сайту: 10 советов и рекомендаций по улучшению

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

На самом же деле в оформлении этой страницы встречается много ошибок:

  • указаны не все номера телефонов;
  • написан неполный адрес;
  • номер телефона устарел;
  • нет карты проезда и т.п.

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

Какие элементы должны быть на странице «Контакты», и как ее правильно оформить? Читайте дальше.

Это интересно: Пошаговая инструкция по созданию сайта на WordPress

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

Номера телефонов

Телефонный звонок – самый простой и быстрый способ связаться с любой компанией. Потому номер телефона – первое и главное, что должно быть на странице контактов (и желательно – дублироваться в шапке).

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

Например, здесь вынесли отдельно факсы отделов продаж.

Обратите внимание и на то, что на странице есть номера телефонов разных операторов связи, а также многоканальный. Так клиентам будет связаться с компанией еще проще (если звонить по своей сети, то дешевле, а кому-то бесплатно, если тарифный план позволяет). Довольно часто «дорого мне им звонить» является причиной отказа. Если функции обратного звонка нет – вы потеряли клиента.

Еще один вариант – номер телефона в формате 8-800. На него ваши клиенты могут звонить бесплатно – это раз; Яндекс оценивает такой номер как хороший коммерческий фактор ранжирования – это два.

Почитать по теме: Коммерческие факторы ранжирования сайтов

Электронная почта

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

К почте несколько пожеланий:

  • короткая;
  • легко запоминается;
  • сделана на домене сайта (еще один коммерческий фактор).

Адрес

На странице «Контакты» обязательно должен присутствовать адрес вашей компании. Особенно если ваше предложение относится к таким, которое нельзя приобрести виртуально. Это в первую очередь строительство, медицина, различные офлайновые торговые точки, салоны красоты и прочее. В таком случае сайт – ваша витрина. Через сам сайт вы услуги не предоставляете (кроме консультаций). Чтобы получить желаемое, клиент должен прийти к вам.

Потому тут без адреса никак:

Если у вас офис в одном месте, а производство находится по другому адресу, имеет смысл указать два адреса.

Совет: добавьте на страницу еще и фото фасада здания. Так вас будет еще проще найти.

Время работы

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

Адреса филиалов

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

Схема проезда

Дополнительное удобство для ваших клиентов – это карта проезда. Клиенты смогут легко сориентироваться, как вас можно найти.

Только не делайте ошибку в виде этой:

Да, есть карта – отлично. Но больше на этой странице нет НИЧЕГО. Ни телефона, ни почты, ни адреса записанного буквами по-человечески. Помните, что написанное словами – индексируется, а карта – нет. Вы тем самым теряете тех, кто вводит поисковый запрос в виде «база стройматериалов на минской», то есть тех клиентов, которым принципиально ваше расположение (как правило, тех, кто живет рядом).

Еще одна ошибка – делать карту картинкой. То есть просто сделать скрин Гугл Карт и выложить на странице. Карта должна быть интерактивной, чтобы можно было изменить масштаб и посмотреть дальше одного квартала.

Схема может быть не только в виде карты. В некоторых случаях можно и расписать:

Контактная форма

Она упрощает работу тем клиентам, которые хотят написать вам. Им не нужно открывать свою почту и начинать новое письмо – можно оставить сообщение прямо со страницы «Контакты».

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

Этого вполне достаточно, чтобы ответить посетителю на его вопрос, и развивать диалог дальше.

Виджеты обратного звонка на сайте

Часто сайт, и в том числе страницу хотят сделать какой-то необычной, чтобы отличиться от конкурентов. Креатив допустим в тех случаях, когда у вас продвинутая, молодая аудитория, например с той же сферы, что и вы. Обычно различные креативные решения можно увидеть на сайтах дизайн-студий.

Если же вы предоставляете услуги в сфере юриспруденции, медицины, строительства – тут креатив ни к чему. Лучше и сайт, и страницу с контактами оформить строго.

Ориентируйтесь в первую очередь на свою ЦА. Будет ли понятна информация, правильно ли расценен ваш посыл?

Постарайтесь, чтобы страница «Контакты» на сайте была максимально информативной – ведь от этого зависит, станет просто посетитель лидом и потом клиентом, или нет.

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

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

Сравнение онлайн-курсов

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

Реклама

Больше статей по теме:

РЕКОМЕНДУЕМ:

Реклама

НОВОСТИ

ОБЗОРЫ

СТАТЬИ

Реклама

Как создать контактную форму с помощью CSS

❮ Предыдущая Далее ❯


Узнайте, как создать контактную форму с помощью CSS.


Имя Фамилия Страна АвстралияКанадаСШАТема Отправить

Попробуйте сами »


Шаг 1) Добавьте HTML

Используйте элемент

для обработки ввода. Вы можете узнать больше об этом в нашем руководстве по PHP. Затем добавьте входные данные (с соответствующей меткой) для каждого поля:

Пример


 


   


   


   


   

    <ввод type="submit" value="Submit">

 




Шаг 2) Добавьте CSS:

Пример

/* Стиль ввода с type=»text», select elements and textareas */
input[type=text], select, textarea {
  width: 100%; /* Полная ширина */
  отступ: 12 пикселей; /* Немного отступов */ 
  border: 1px solid #ccc; /* Серая рамка */
радиус границы: 4px; /* Закругленные границы */
  box-sizing: border-box; /* Убедитесь, что отступы и ширина остались на месте */
поле сверху: 6px; /* Добавляем верхнее поле */
  margin-bottom: 16px; /* Нижнее поле */
  resize: vertical /* Разрешить пользователю изменить размер текстовой области по вертикали (не по горизонтали) */
}

/* Стиль кнопки отправки с определенным цветом фона и т. д. */
input[type=submit] {
  background-color: #04AA6D;
  цвет: белый;
  отступ: 12 пикселей 20 пикселей;
  граница: нет;
радиус границы: 4 пикселя;
курсор: указатель;
}

/* При наведении курсора мыши на кнопку отправки добавить более темный зеленый цвет */
input[type=submit]:hover {
цвет фона: #45a049;
}

/* Добавляем цвет фона и некоторые отступ вокруг формы */
. container {
  border-radius: 5px;
  фоновый цвет: #f2f2f2;
  отступ: 20 пикселей;
}

Попробуйте сами »

Совет: Перейдите к нашему учебнику по HTML-формам, чтобы узнать Подробнее о HTML-формах.

Совет: Перейдите к нашему учебнику по формам CSS, чтобы узнать подробнее о том, как стилизовать элементы формы.

Когда-либо слышал о Пространства W3Schools ? Здесь вы можете создать свой сайт с нуля или использовать шаблон и разместить его бесплатно.

Начните бесплатно ❯

* кредитная карта не требуется

❮ Предыдущая Следующий ❯


ВЫБОР ЦВЕТА



Лучшие учебники
Учебное пособие по HTML
Учебное пособие по CSS
Учебное пособие по JavaScript
Учебное пособие
Учебное пособие по SQL
Учебное пособие по Python
Учебное пособие по W3. CSS
Учебное пособие по Bootstrap
Учебное пособие по PHP
Учебное пособие по Java
Учебное пособие по C++
Учебное пособие по jQuery

Основные ссылки
HTML Reference
CSS Reference
JavaScript Reference
SQL Reference
Python Reference
W3.CSS Reference
Bootstrap Reference
PHP Reference
HTML Colors
Java Reference
Angular Reference
jQuery Reference

1 Top4 Examples Примеры HTML
Примеры CSS
Примеры JavaScript
Как сделать Примеры
Примеры SQL
Примеры Python
Примеры W3.CSS
Примеры Bootstrap
Примеры PHP
Примеры Java
Примеры XML
Примеры jQuery


FORUM | О

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

Copyright 1999-2022 Refsnes Data. Все права защищены.
W3Schools работает на основе W3.CSS.

Страница «Свяжитесь с нами» — передовой опыт с идеями и примерами

Сколько мыслей вы вложили в страницу «Свяжитесь с нами» на своем веб-сайте?

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

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

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

Сделайте ее функциональной

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

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

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

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

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

Вот несколько типичных сведений, которые должна содержать страница контактов:

Номер телефона

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

Часы работы

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

Время ответа

Установите ожидаемое время ожидания сообщения от вас.

Адрес электронной почты

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

Социальные дескрипторы

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

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

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

К сожалению, недостаточно, чтобы ваша страница содержала правильную информацию — она должна быть правильно отформатирована тоже.

На странице «Контакты» указаны другие способы связи на вашем веб-сайте, такие как номер телефона и адрес. Эти элементы должны быть в читаемых форматах для таких машин, как Schema, слуховых TTY и визуальных считывателей, а также для маркетинговых инструментов, таких как Googlebot, которым необходимо сканировать вашу страницу.

Пример: FreshBooks

Держите это организованным

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

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

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

Пример: Dropbox

Защитите свои базы, включив категорию «Другое» или «Общие» для тех, кто не может найти то, что ищет в списке.

Упростите поиск

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

Да.

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

Если основной целью вашего сайта является то, чтобы клиенты могли связаться с вами, тогда ваша страница «Контакты» должна находиться в главной навигации.

Пример: CP+B

Если это второстепенная цель вашего сайта, то страница должна быть где-то предсказуемым, например, в нижнем колонтитуле вашего сайта.

Пример: Nike

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

Будьте ясны и кратки

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

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

Пример: Morroni

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

Говоря о творчестве…

Продемонстрируйте индивидуальность своего бренда

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

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

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

Пример: Quick Sprout

Дополнительные контакты Страница Вдохновение

Нужно больше вдохновения? Вот три примера страниц «Контакты», которые соответствуют всем критериям:

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

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

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

Заключение и дальнейшие действия

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

Убедитесь, что ваш дизайн и копия ясны и лаконичны.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *