На главную / Оптимизация сайта (SEO) / Как сделать кликабельный номер телефона на сайте, ссылка для телефона
Одним из важнейших элементов коммерческого сайта является наличие номера телефона. Как просто! Всего лишь несколько цифр, но именно они лучшим образом помогают связать интернет-рекламу с реальным миром.
С появлением мобильных устройств важно сделать номер телефона на сайте кликабельным, а не просто текстом и тем более картинкой. Теперь всего один клик отделяет вашего потенциального клиента от цели связаться с вами. Не нужно копировать и вставлять, запоминать в уме или записывать на бумаге.
Давайте поможем клиентам связаться с вами прямо сейчас. Рассмотрим, как сделать телефон на сайте в виде ссылки (кликабельным). Для этого необходимо использовать обычную ссылку c атрибутом tel:
<a href="tel:+79876543210">+7 (987) 654-32-10</a>
К сожалению, не существует общепринятых правил правильного формата телефона. Но все же стоит помнить о некоторых особенностях.
Существует проблема, когда кликабельный номер, на телефонах или ПК, не воспринимает ваши стили CSS, а использует свой невзрачный стиль. Всё работает, но такая ссылка выбивается из общего стиля на сайте.
Чтобы отключить выделение номера телефона на мобильных устройствах можно воспользоваться одним из способов:
1. Добавить на все страницы сайта в <head></head> следующий код:
<meta name="format-detection" content="telephone=no">
2. Если такой возможности нет, то используем свои стили, оборачивая номер телефона в
<span style=”ваши_стили”></span>
Дополнением станут ссылки на популярные мессенджеры – хорошая альтернатива сотовой связи в наше время. При переходе по ссылке открывается необходимый мессенджер на телефоне или на ПК.
Ссылка Telegram на сайте
<a href="https://t.me/ваш_ник" target="_blank">Telegram</a>
Ссылка WhatsApp на сайте
<a href="https://api.whatsapp.com/send?phone=79876543210" target="_blank">WhatsApp</a>
Ссылка Viber на сайте
Работает только при условии, что пользователь открывает ссылку с установленным приложением Viber на его телефоне.
<a href="viber://add?number=79876543210">Viber</a>