Cделать телефон кликабельным на сайте
Пошаговая инструкция как сделать номер телефона активным при нажатии.
Приятного чтения!

Современный интернет и серфинг по интернету очень динамичны и быстро меняются. Сайты, чтобы быть актуальными и удобными для посетителей, должны следить за этими изменениями.
Если вы не хотите читать вводную часть нажмите сюда, чтобы перейти сразу к инструкции.
Одни из главных трендов, которые уже вот-вот перевернет многое в сфере создания сайтов – это мобильный трафик.
Проводя мониторинг количества посетителей наших проектов за последние годы смело можно сказать, что полученные данные полностью согласуются с общемировыми – трафик с мобильных телефонов увеличился до 60-70%!!!
А это значит, что в первую очередь сайт должен быть адаптирован для мобильных устройств. И во вторую очередь: юзабилити или удобство пользованием сайта на мобильном телефоне должны быть на самом высоком уровне. Именно для этого мы будем делать кликабельным номер телефона на сайте, чтобы посетители с мобильного легко могли с вами связаться нажав на номер телефона, а не судорожно запоминать номер, чтобы его потом набрать в звонилке – и это в лучшем случае, а в худшем они закрыли ваш сайт и ушли к конкурентам. Поэтому заказывайте создание сайта у нас, мы знаем как делать отличные сайты.
Что интересно. Есть перекос в этих данных. Некоторые разработчики сайтов такой статистики не видят. Но все очень просто – их сайты не адаптированны под мобильные устройства и поисковые системы не выдают их проекты для запросов с мобильных. Нет адаптации – нет мобильного трафика.
На данный момент поисковиками идет отдельно индексация для страниц сайта под персональный компьютер и отдельно для страниц под мобильные устройства, но вот-вот уже Google сделает единственным индексом – мобильный. Это значит, что те сайты, которые не адаптированны – гудбай Вася из поисковой выдачи.
Как сделать кликабельный номер телефона на сайте.
Это делается очень просто – вставляется обычная ссылка, но со специальным адресом “tel”:
<a href="tel:+375296756565">+375 (29) 229-56-91</a>
Результат: +375 (29) 229-56-91
Структура кода:
- <a href=”ХХХХХ“>УУУУУУ</a> – обычный Тег A (ссылка),
- где вместо ХХХХХ вставляется: адрес tel: и далее телефон в международном формате, который начинается с +, затем код страны 375, затем код оператора 29, далее сам номер телефона 6756565;
- где вместо УУУУУУ вставляется любая произвольная надпись. Вы можете написать номер телефона так:
- “3 7 5 | 2 9 | 6 7 5 6 5 6 5” и результат будет таким: 3 7 5 | 2 9 | 6 7 5 6 5 6 5;
- “нажмите на номер 375 (29) 675-65-65” и результат будет таким: нажмите на номер 375 (29) 675-65-65;
- или напишите только текст “Позвонить сейчас” и результат будет таким: Позвонить сейчас
На нашем сайте можно тоже увидеть пример использования этого приема в шапке вверху по середине, но только если вы смотрите на персональном компьютере. В мобильной версии остаются только ссылки на звонки в мессенджеры и кнопка “обратный звонок”.
Надеюсь статья была вам полезна.
Если есть вопросы – задавайте в комментариях.
Подпишитесь на новые статьи или новости сайта It-land.by
здравствуйте
сделал все как написано
нажав на номер выдает ошибку 404
если долго держать на ссылку показывает адрес 4bs.by/”tel:+375298666613″
Добрый вечер. Код должен быть таким:
|<|a href="tel:+375298666613">+375(29) 8 6666 13| (только убрать вертикальные палки в начале и конце строки)