Menu

Як правильно писати телефони на сайтах. Рада адміністраторам і верстальникам


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

Мобільний 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


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

|