?

Log in

No account? Create an account

Previous Entry | Next Entry

+7 в карму

Количество пользователей интернета с помощью мобильных устройств уже давно сравнялось с количеством пользователей «стационарных» компьютеров. Не будем сегодня рассказывать про очевидные утверждения типа «сайт должен иметь адаптивную вёрстку». Речь пойдёт о менее очевидной и более функциональной вещи.

Что обозначает для нас словосочетание «пользователь мобильного устройства»? Оно обозначает, что это устройство (кроме доступа в интернет) ещё умеет звонить. Вроде бы очевидная вещь.

Однако, многим владельцам сайтов до сих пор неочевидно, что любой телефон умеет читать и идентифицировать номера телефонов в текстах страниц вашего интернет-представительства. Пользователю достаточно «топнуть» пальцем по номеру телефона на экране, чтобы смартфон начал набор.

Но!
Для корректного набора нам нужно вводить префикс: «восьмёрку» или «+7». Тогда звонок состоится. Если смартфону показать номер без префикса, типа: (495) 555-55-55, то телефон выдаст ошибку и откажется звонить по этому ущербному номеру.

Элементарно, скажете вы?
Не скажите! Простые запросы типа «деревянные дома» и «частная клиника» на первых же страницах выдали сайты, допускающие эту ошибку:






Видите? Смартфон сразу идентифицировал номера на сайте и подчеркнул их, сделал активными. Если «топнуть» пальцем по номеру — смартфон предлагает его набрать. А потом отказывается от «позвонить», потому что префикса не хватает:

   



Товарищи по несчастью.









Мелочи, скажете вы?
Всё в жизни состоит из мелочей. Я уже не буду вам рассказывать, что телефон не должен быть картинкой, да?

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





Совет дня.
Найдите телефон в шапке вашего сайта. Проверьте формат записи вашего телефонного номера на сайте. Если в нём не хватает префикса — срочно добавляйте. Позаботьтесь о мобильных пользователях. И, на всякий случай, проверьте, чтобы ваш веб-мастер не поставил телефон картинкой.

Comments

( 17 комментариев — Оставить комментарий )
19_th
4 мар, 2015 04:51 (UTC)
еще примеры с телефонами





pavlix
4 мар, 2015 06:02 (UTC)
Re: еще примеры с телефонами
Отлично!
as_as
4 мар, 2015 06:21 (UTC)
Какая прелесть!
bragina24
4 мар, 2015 06:24 (UTC)
Re: еще примеры с телефонами
гы гы гы

отлично подколол :)))

taskandsolution
4 мар, 2015 06:34 (UTC)
Re: еще примеры с телефонами
Ну вот с себя и начали.
bragina24
4 мар, 2015 06:38 (UTC)
Re: еще примеры с телефонами
ну судя по сайту, еще не закончили :)))
taskandsolution
4 мар, 2015 17:43 (UTC)
Re: еще примеры с телефонами
Закончили. Программисты кэш Битрикса не сбросили. Теперь всё ОК.
taskandsolution
4 мар, 2015 06:30 (UTC)
Re: еще примеры с телефонами
А ты думаешь, откуда ноги растут у этой записи?
:)))

Молодец!
taskandsolution
4 мар, 2015 17:42 (UTC)
Re: еще примеры с телефонами
Спасибо за щелчок по носу.
Исправили.
pavlix
4 мар, 2015 06:04 (UTC)
Я недавно с одним сайтом мудохался - так он у меня согласился звонить только при написании 8 342 ххх хх хх, а при +7 чота отказывался
taskandsolution
4 мар, 2015 12:06 (UTC)
Чертовщина какая-то.
gma66
4 мар, 2015 11:05 (UTC)
Про адаптив
Про номера телефонов полностью согласен.

Единственное как человека, работающего в вебе непонятна фраза «сайт должен иметь адаптивную вёрстку». Это не так!
Сайт должен удобно и понятно отображаться на мобильном устройстве. А будет это адаптив, мобильная версия или обычный сайт зависит от задач. Вы попробуйте сделать хороший адаптив на сайте любого банка или страховой компании, особенно там где калькулятор какой-нить или таблица сравнения тарифов)

Адаптив хорош для промосайтов, лендингов, сайтов СМИ и для большинства корпоративных.
taskandsolution
4 мар, 2015 12:05 (UTC)
Re: Про адаптив
Ну я именно это и имел ввиду, просто расписывать не стал.
Спасибо за развёрнутый ответ.
g_bolotoff
5 мар, 2015 08:04 (UTC)
можно я немного побуду занудой?
не «топнуть», а «тАпнуть» — от слова tap (tap the button)
:)
taskandsolution
5 мар, 2015 08:43 (UTC)
Потому и в кавычках написан термин :)
magician_roman
7 мар, 2015 20:31 (UTC)
В html есть специальный тег для оформления телефонов, используется для
1) Если браузер не распознает телефон стандартно
2) Для как раз форматирования номера как хочешь, т.е. текст будет без +7, а вызов идти с учетом +7.

Выглядит он так:

Edited at 2015-03-07 20:32 (UTC)
pavlix
10 мар, 2015 20:30 (UTC)
Полезная инфа, спасибо
( 17 комментариев — Оставить комментарий )

Latest Month

Апрель 2017
Вс Пн Вт Ср Чт Пт Сб
      1
2345678
9101112131415
16171819202122
23242526272829
30      

Метки


Rambler's Top100





Рейтинг блогов
Разработано LiveJournal.com
Designed by Lilia Ahner