Войти

Или войди с помощью

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

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

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

Как надо

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

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

Неправильно

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

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

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

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

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

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

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

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

Повторюсь еще раз. ПРЕФИКС + КОД + ТЕЛЕФОН должны быть набраны вместе в едином стиле:

+7 812 987-6543 +7 (495) 1234567 8 8790 23-23-09

86
undefined
iPhones.ru
Мобильный Safari умеет различать на сайтах телефоны в окружении другого текста. Это удобно, потому что тапаешь по номеру на веб-странице – и сразу открывается окошко с предложением сделать исходящий вызов абоненту. Однако многие веб-мастера усложняют жизнь потенциальным клиентам. Давайте внесем ясность, как делать правильно. Как надо Запомните правило. Если вы верстаете контактную форму, то префикс +7/8,...

Войди и оставь комментарий

Или войди с помощью

<- Назад Забыли пароль? Войти
  1. FiTLeSS avatar
    FiTLeSS 25 октябрь 2013
    0

    Поддерживаю!

    Войди на сайт, чтобы ответить
    Ответить
  2. dmitzin avatar
    dmitzin 25 октябрь 2013
    0

    +я поддерживаю!

    Войди на сайт, чтобы ответить
    Ответить
  3. Zork avatar
    Zork 25 октябрь 2013
    1

    +бесконечность! Вымораживает, когда без +7/8 указан номер:)

    Наталия Чеснова avatar
    Наталия Чеснова25 октябрь 2013
    0

    @Zork, Это точно. Что говорить нам, людям живущим под кодом +38 :)))))

    AlexSmith avatar
    AlexSmith25 октябрь 2013
    0

    @Наталия Чеснова, вот только +380

    Power & Control avatar
    Power & Control26 октябрь 2013
    0

    @AlexSmith, тогда и в России: +73, +74, +75, +78, +79. :)

    Brawer avatar
    Brawer26 октябрь 2013
    0

    @Power & Control, в РФ код страны только +7 без всяких дополнительных цифр, не путайте людей

    Power & Control avatar
    Power & Control26 октябрь 2013
    0

    @Brawer, нет. Первая цифра региона тоже берется в префикс (от всех этих 916, 905 и т.д. би этих 812, 495, 499 и т.д.). В Украине тогда просто +38.

    Power & Control avatar
    Power & Control26 октябрь 2013
    0

    В Украине цифра «0» и кодов города перекочевала в +38 и получилось +380. Веря Википедии у нас тоже, то есть как я и написал. А так да, +7.

    Power & Control avatar
    Power & Control26 октябрь 2013
    0

    из кода города перекочевала *

    angorius avatar
    angorius27 октябрь 2013
    0

    @Power & Control, Ммм.. если бы код Украины был +38, то телефонный номер +38 (124) 123-45-67 (на самом деле +381 (24) 123-45-67) должен относиться к Украине. Но он почему-то относится к Сербии и Черногории, у которой код +381. Так что ошибочка у вас.

    Power & Control avatar
    Power & Control27 октябрь 2013
    0

    @angorius, да нет никакой ошибки, у тебя в примере код 124, а не 024. Поэтому правильно, кмУкраине не относится. Был бы 024 было бы +38 (024) 123-45-67 , то есть +380 (24) 123-45-67. Говорю же, цифра ноль перекочевала. У Украины все коды начинались с нуля.

    bastie avatar
    bastie25 октябрь 2013
    0

    @Наталия Чеснова, у нас-то как раз с этим проблем нет.
    Айфон спокойно наберет 044-123-45-67, к примеруб и вы позвоните куда хотели.

    Войди на сайт, чтобы ответить
    Ответить
  4. PAHAN avatar
    PAHAN 25 октябрь 2013
    0

    Люди которые далают серьёзные сайты всё это знают, а школьники эту статью не прочитают ))

    laky_maky avatar
    laky_maky25 октябрь 2013
    2

    @PAHAN, Школьники как-раз и прочитают. :))

    Войди на сайт, чтобы ответить
    Ответить
  5. ars81 avatar
    ars81 25 октябрь 2013
    0

    +++++

    Войди на сайт, чтобы ответить
    Ответить
  6. adamant1d avatar
    adamant1d 25 октябрь 2013
    0

    +1

    Войди на сайт, чтобы ответить
    Ответить
  7. Jonny_Ive avatar
    Jonny_Ive 25 октябрь 2013
    0

    Авторы статьи не знают по ходу, что называется в среде разработчиков и программистов костылем)

    Whilser avatar
    Whilser25 октябрь 2013
    0

    @Jonny_Ive, расскажите нам всем.

    i.band avatar
    i.band25 октябрь 2013
    0

    @Jonny_Ive, фраза «первый костыль уже вставлен» в каждом примере — ещё хуже чем номер без 7-ки :)

    и да, какое-то странное у них понимание «костыля»

    Marussya avatar
    Marussya25 октябрь 2013
    0

    @Jonny_Ive,
    +1
    это не “костыль”, а “антикостыль” получается ))

    Rezon avatar
    Rezon25 октябрь 2013
    0

    @Jonny_Ive, Вы же в курсе, что на программистах мир клином не сошёлся, правда? :)
    Хотя тут, на мой взгляд, уместнее было бы выражение “палка в колёса”.

    Rezon avatar
    Rezon25 октябрь 2013
    1

    @Rezon, свет не сошёлся, свет) Сегодня день перепутанных идиом)

    Войди на сайт, чтобы ответить
    Ответить
  8. RayGreen avatar
    RayGreen 25 октябрь 2013
    0

    Если бы Apple добавила в iOS возможность редактировать номер (а не только вставлять из буфера), то было бы вдвойне хорошо.

    Alvi avatar
    Alvi26 октябрь 2013
    0

    @RayGreen, Вот это люто поддерживаю! Почему не могу допилить такой простой функционал, абсолютно непонятно!!

    Войди на сайт, чтобы ответить
    Ответить
Помни о правилах — если начал оффтопить, то не удивляйся потом.

Нашли орфографическую ошибку в новости?

Выделите ее мышью и нажмите Ctrl+Enter.