Контент и разметка 2 мин чтения

Кликабельные телефон и почта (tel:, mailto:)

Ссылка вместо текста — и звонок с телефона делается одним касанием, а не переписыванием номера в блокнот.

Телефон и адрес почты на сайте должны быть ссылками, а не просто текстом:

<a href="tel:+79991234567">+7 999 123-45-67</a>
<a href="mailto:info@example.ru">info@example.ru</a>

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

Как оформлять правильно

Номер — в международном формате, без пробелов и скобок:

<a href="tel:+74951234567">+7 (495) 123-45-67</a>

В href — только + и цифры; в тексте ссылки — привычный человеку вид с разделителями. Так номер корректно наберётся и с зарубежной сим-карты.

Добавочный номер — через запятые (пауза) или букву p:

<a href="tel:+74951234567,,101">+7 (495) 123-45-67, доб. 101</a>

Почта — можно с заполненной темой письма:

<a href="mailto:sales@example.ru?subject=Заявка%20с%20сайта">sales@example.ru</a>

Мессенджеры работают так же и часто конвертируют лучше телефона:

<a href="https://wa.me/79991234567">WhatsApp</a>
<a href="https://t.me/username">Telegram</a>

Где размещать

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

Почему это ещё и SEO

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

Отдельно стоит вынести контакты в микроразметку Schema.org — тип Organization с полями telephone и email. Тогда данные попадут в карточку организации в выдаче.

Частая ошибка

Номер, нарисованный картинкой «чтобы не парсили роботы». Его не скопировать, не набрать касанием, не прочитать скринридеру и не проиндексировать. От спам-ботов это давно не спасает, а клиентов теряет.

Как проверить

  • Пункт аудита «Кликабельные контакты (tel:/mailto:)».
  • Откройте сайт с телефона и попробуйте позвонить в одно касание. Это и есть настоящая проверка.

А что с этим на вашем сайте?

Аудит «Кверху» проверяет этот пункт вместе с остальными пятьюдесятью и показывает конкретику: какие страницы затронуты и что именно исправить. Первая полная проверка проекта — бесплатно.

Проверить сайт бесплатно