Интерактивные номера телефонов

На устройствах с возможностью совершения звонков упростите пользователям связь с вами, просто нажав на номер телефона, более известный как «нажми и позвони».

Сводка

  • Оформите все номера телефонов в виде гиперссылок со схемой tel:.
  • Всегда используйте международный формат набора номера.

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

Чтобы номер телефона был ссылкой, используйте схему tel:. Синтаксис прост:

NIST Telephone Time-of-Day Service
<a href="tel:+1-303-499-7111">+1 (303) 499-7111</a>

В браузере этот синтаксис выглядит следующим образом:

Телефонная служба времени NIST: +1 303 499-71-11.

Пример интерактивного номера телефона
Пример интерактивного номера телефона

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

Браузеры для компьютеров, которые не поддерживают голосовые вызовы, открывают приложение для телефонии, установленное по умолчанию, например Google Voice или Microsoft Communicator.

Используйте международный формат набора номера

Номер телефона всегда должен быть указан в международном формате: знак плюса (+), код страны, код региона и номер. Для удобства чтения и лучшего автоматического распознавания рекомендуется разделять сегменты номера дефисом (-).

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

Как отключить автоматическое определение

Современные мобильные браузеры автоматически распознают номера телефонов и позволяют звонить по клику. Мобильная версия Safari автоматически преобразует номера телефонов в ссылки с соответствующими стилями гиперссылок. Chrome для Android автоматически распознает номера телефонов и позволяет пользователям звонить по ним, но не преобразует их в гиперссылки и не применяет к ним специальные стили.

Чтобы запретить Mobile Safari автоматически распознавать номера телефонов, добавьте на страницу следующий метатег:

<meta name="format-detection" content="telephone=no" />

Другие функции интерактивных номеров телефонов

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

Как оставить отзыв