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