✎ 28.06.2018

Cделать телефон кликабельным на сайте

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

Приятного чтения!


blank

Современный интернет и серфинг по интернету очень динамичны и быстро меняются. Сайты, чтобы быть актуальными и удобными для посетителей, должны следить за этими изменениями.

Если вы не хотите читать вводную часть нажмите сюда, чтобы перейти сразу к инструкции.

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

Проводя мониторинг количества посетителей наших проектов за последние годы смело можно сказать, что полученные данные полностью согласуются с общемировыми – трафик с мобильных телефонов увеличился до 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;
    • где вместо УУУУУУ вставляется любая произвольная надпись. Вы можете написать номер телефона так:

На нашем сайте можно тоже увидеть пример использования этого приема в шапке вверху по середине, но только если вы смотрите на персональном компьютере. В мобильной версии остаются только ссылки на звонки в мессенджеры и кнопка “обратный звонок”.

Надеюсь статья была вам полезна.

Если есть вопросы – задавайте в комментариях.

Подпишитесь на новые статьи или новости сайта It-land.by

 

Loading

Комментариев - 2

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

 

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.

  1. здравствуйте
    сделал все как написано
    нажав на номер выдает ошибку 404
    если долго держать на ссылку показывает адрес 4bs.by/”tel:+375298666613″

    • Добрый вечер. Код должен быть таким:
      |<|a href="tel:+375298666613">+375(29) 8 6666 13| (только убрать вертикальные палки в начале и конце строки)

Мы свяжемся с вами в ближайшее время.

картинка звонка

Для отправки сообщения снимите галочку перед кнопкой отправки.

404