Как правильно писать телефоны на сайтах. Совет администраторам и верстальщикам

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

Как надо

Запомните правило. Если вы верстаете контактную форму, то префикс +7/8, код (495) и сам номер 123-45-67 должны быть написаны единым стилем без сокращений. Вот так:

Вы можете выделять цифры цветом, увеличивать или уменьшать, но чтобы это относилось ко всему номеру одновременно.

Неправильно

Телефон дан без префикса +7/8

Когда на сайте пишут (499) 123-45-67 или (499) 1234567, то iOS предложит вам набрать номер 4991234567. По такому нельзя никуда дозвониться. Мода на убирание префиксов пришла из печатной продукции. Но там это вынужденный шаг, сам с этим сталкивался, когда верстаешь рекламный разворот крупной торговой сети с указанием всех телефонов магазинов, а контактный врез ограничен по площади. Первым делом мы резали +7 и 8, оставляя только код + номер.

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

Телефон дан картинкой

В стиле 2000-х. У некоторых веб-мастеров не хватает знаний в CSS, чтобы координаты контактной формы смотрелись во всех браузерах одинаково, поэтому контакты делают в виде картинки и заверстывают в общий макет. Вот только Safari не умеет распознавать подобные изыски. Клиент на входе в магазин получает подножку.

Код и телефон написаны разными стилями

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

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