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