С появлением мобильных устройств важно сделать номер телефона на сайте кликабельным, а не просто текстом и тем более картинкой. Теперь всего один клик отделяет вашего потенциального клиента от цели связаться с вами. Не нужно копировать и вставлять, запоминать в уме или записывать на бумаге.
Давайте поможем клиентам связаться с вами прямо сейчас. Рассмотрим, как сделать телефон на сайте в виде ссылки (кликабельным). Для этого необходимо использовать обычную ссылку c атрибутом tel:
Правильный формат телефона на сайте
К сожалению, не существует общепринятых правил правильного формата телефона. Но все же стоит помнить о некоторых особенностях.
- Чтобы телефон воспринимался мобильными устройствами даже как текст обязательно используйте префикс (код страны) +7 (987) 654-32-10.
- Код города или оператора мобильной связи можно указывать через пробел со скобками или без.
- В хвосте указываем цифры через пробелы или дефис, но только не слитно, так как визуально такой номер трудно воспринимать.
Как отключить выделение телефона
Существует проблема, когда кликабельный номер, на телефонах или ПК, не воспринимает ваши стили CSS, а использует свой невзрачный стиль. Всё работает, но такая ссылка выбивается из общего стиля на сайте.
Как сделать кликабельную ссылку со стены на пост в группе ВКонтакте
Чтобы отключить выделение номера телефона на мобильных устройствах можно воспользоваться одним из способов:
1. Добавить на все страницы сайта в следующий код:
2. Если такой возможности нет, то используем свои стили, оборачивая номер телефона в
Ссылки на мессенджеры
Дополнением станут ссылки на популярные мессенджеры – хорошая альтернатива сотовой связи в наше время. При переходе по ссылке открывается необходимый мессенджер на телефоне или на ПК.
Ссылка Telegram на сайте
Ссылка WhatsApp на сайте
Ссылка Viber на сайте
Работает только при условии, что пользователь открывает ссылку с установленным приложением Viber на его телефоне.
Источник: seo-it-in.ru
Кликабельный номер телефона на сайте: как настроить и почему это важно
Вспомните, каково звонить в компанию, если телефон на сайте указан без ссылки, как обычный текст. Выделяешь номер, копируешь, закрываешь браузер, открываешь меню для набора номера, вставляешь, звонишь. Такой процесс осилит не каждый. Особенно, если времени мало, а на сайте конкурента можно позвонить в один клик.
Подобный недочет довольно легко исправить — добавить на сайт кликабельный номе р. Как сделать это — мы написали детальную инструкцию.
Время чтения: 8 минут
- Что такое кликабельный номер телефона
- Почему важно использовать кликабельные номера для мобильной версии сайта
- Как проверить, можно ли позвонить с вашего сайта в один клик
- Как сделать номер телефона на сайте кликабельным
Что такое кликабельный номер телефона
Кликабельный номер или click-to-call номер — это телефон на сайте, при нажатии на который сразу происходит вызов. Эта опция предназначена специально для пользователей из мобайла. Позвонить можно и с десктопной версии, если на компьютере установлена программа для звонков. «Если честно, мы не перестаем удивляться.
Как сделать кликабельную картинку ВКонтакте. Мастер класс
Вроде бы 21 век, мобильный трафик постоянно растет, у многих уже есть адаптивные версии сайта. Но мы все равно сталкиваемся с проектами, у которых не настроен кликабельный номер телефона для мобайла. Люди просто не понимают, насколько важна эта функция. А ведь так бизнес теряет часть клиентов, даже не зная об этом».
Евгений Заступ,
руководитель техподдержки Ringostat
Почему важно использовать кликабельные номера для мобильной версии сайта
- Человек, который открыл сайт со смартфона, не настроен долго выбирать и рассматривать товар. Это повышает вероятность, что он именно позвонит, а не напишет в чат или в соцсети.
- Поведение пользователя мобильного отличается от человека, сидящего за компьютером с полноценной клавиатурой. На небольшом экране неудобно выделять, вставлять и копировать символы. Велика вероятность, что пользователь пойдет искать другую компанию, которой легче позвонить. Тем более, что кликабельные номера уже не редкость, и многие к ним привыкли.
- 46% людей , у которых был негативный опыт с мобильной версией страницы, говорят, что больше ничего не купят у данной компании. А попытка звонка с сайта — это часть пользовательского опыта.
- Свыше 52% посетителей заходят в интернет с мобильных телефонов. В среднем жители планеты проводят 3 часа в сети при помощи смартфона. И эти показатели будут расти — достаточно посмотреть на тенденции:
Если компания с сайтом без click-to-call номеров обратится в агентство за продвижением, то специалисты, скорей всего, порекомендуют устранить этот недочет. Ведь невозможно говорить о повышении конверсии, если потенциальным клиентам просто неудобно обращаться в компанию. Даже если они этого хотят.
Как проверить, можно ли позвонить с вашего сайта в один клик
Если вы заказывали сайт разработчику и не уверены, предусмотрел ли кнопку телефона на сайте — это легко проверить. Откройте сайт с мобильного устройства и попытайтесь позвонить, нажав на номер.
Либо зайдите на сайт с компьютера и попробуйте кликнуть на номер. Если он в формате click-to-call, то появится окошко с предложением выбрать программу для совершения звонков:
Источник: blog.ringostat.com
Как сделать кликабельным номер телефона на сайте
Мобильный телефон, из обычного средства связи, давно превратился в медиатеку, банк, дневник и даже в ассистента. Поэтому бизнес индустрия все чаще завязывает свои процессы на приложения, которые специально разрабатываются для смартфонов.
Функция кликабельного номера на сайте помогает предотвратить утечку клиентов по конверсионному действию на мобильной версии сайта. Для связи с вами через нажатие на номер необходимо проделать не более двух действий. Для связи с вами без функции кликабельного номера — не менее пяти: скопировать номер, свернуть приложение браузера, зайти в режим набора на телефоне, вставить скопированные данные, нажать на кнопку вызова. Можно еще записать номер на листочек или на другой телефон.
А когда необходимо обзвонить большое количество компаний? Найти и забронировать подходящее предложение или быстро заказать доставку выбранной еды? Тогда человек, сэкономив время на ctrl+C/ctrl+V, зайдет на сайт конкурентов и найдя схожие предложения, закажет.
Click to call номер или кликабельный номер — это записанный на сайте телефон, на который идет вызов сразу после нажатия. Функция предназначается для пользователей мобильных гаджетов. Пользователи также могут совершить звонок из десктопа, имея специально предустановленную программу.
Существует несколько способов как правильно добавить номер телефона на сайт. В этой статье будет рассмотрены варианты с сохранением стилей оформления и поднятием конверсии сайта.
Важность использования кликабельных номеров телефона в мобильной версии сайта
Пользователь, открывший сайт с мобильного устройства (планшет, смартфон), не собирается основательно рассматривать и выбирать услугу или товар. Этим повышается вероятность того, что он совершит звонок, а не будет писать менеджерам в чат.
Поведенческие алгоритмы пользователя смартфона отличаются от того, который сидит перед компьютером с клавиатурой. На экране мобильного не слишком удобно выделить, копировать и вставить нужные символы. Большая вероятность, что он начнет искать другой ресурс, которому проще позвонить. Ведь кликабельные телефоны сейчас не редкость, большинство уже привыкло к ним.
Зависимость понятна: поскольку мобильные гаджеты становятся более доступными, растет мобильный трафик. Масштаб роста, представленный SimilarWeb, растет: при снижении настольного трафика (с 2017 до 2020 на 3,3%), мобильный вырастает в два раза за год (в 2018 по сравнению с 2017 на 10%, в 2019 по сравнению с 2018 на 18,5%). В 2020 и 2021 годах также сохраняется рост мобильного трафика.
Повышение конверсии
Конверсия — событие, направленное на клиента, которое приводит к целевому действию (звонок, покупка, подписка, переход). Это отношение посетителей сайта, совершивших целевое действие, ко всем посетителям сайта.
Величина конверсии определяется многими факторами, среди которых конверсия звонков при помощи кликабельности телефонного номера является не последней по важности. Уважающий себя ресурс или компания должна заботиться о удобстве пользователя и клиента, предоставляя наиболее широкий спектр возможности взаимодействия.
Для увеличения конверсии в целом и удобства пользования в частности, кликабельность телефона открывает новые возможности по привлечению новых пользователей для вашего проекта.
HTML код для кликабельного номера телефона
В начале рассмотрим случай, когда имеется доступ до HTML кода сайта.
Записанный номер телефона, являющийся обычным текстом, выглядит так:
+1(333)555-77-99
С присвоенным классом — так:
Или вот так — с присвоением стилей шрифта, цвета, форматирования: