Полное руководство по вставке телефонных ссылок на сайт
Для удобства пользователей сайта их должно быть легко переводить с веб-страницы на звонок. Это можно сделать с помощью телефонных ссылок. В этой статье мы подробно рассмотрим, как создавать и вставлять такие ссылки.
Что такое телефонная ссылка?
Телефонная ссылка - это специальный вид гиперссылки, который при клике на него автоматически инициирует звонок на указанный номер. Вместо того, чтобы пользователю приходилось копировать номер и вставлять его в приложение для звонков, он просто нажимает на эту ссылку, и звонок начинается.
Почему телефонные ссылки важны?
-
Удобство для пользователей. Пользователи, находясь на вашем сайте, могут сразу позвонить по интересующему их вопросу, не набирая номер вручную.
-
Повышение конверсии. Если ваш сайт используется для коммерческих целей, телефонные ссылки могут значительно повысить конверсию - пользователи склонны совершать звонки быстрее, чем отправлять электронные сообщения.
-
Улучшение SEO. Поисковые системы учитывают удобство и информативность сайтов. Стремление улучшить опыт пользователя, включая использование телефонных ссылок, может положительно сказаться на рейтинге вашего сайта.
Создание телефонных ссылок
Создать телефонную ссылку довольно просто. Телефонные ссылки могут быть встроены в HTML код вашей веб-страницы. Вот как это сделать:
Шаг 1: HTML-код
Откройте HTML-код страницы, на которой вы хотите добавить телефонную ссылку, в текстовом редакторе или CMS (системе управления контентом). Найдите место, где вы хотите разместить ссылку.
Шаг 2: Определение телефонного номера
Определите телефонный номер, на который будет совершаться звонок. Номер должен быть записан в международном формате. Например: +1234567890.
Шаг 3: Создание телефонной ссылки
Чтобы создать телефонную ссылку, используйте следующий HTML код:
<a href="tel:+1234567890">Позвоните нам</a>
Здесь tel: указывает браузеру, что это телефонная ссылка. За ним следует телефонный номер.
Шаг 4: Дополнительные атрибуты
Вы также можете добавить дополнительные атрибуты, чтобы сделать вашу ссылку более информативной:
-
title: это всплывающая подсказка, которая появится при наведении курсора на ссылку. Например: <a href="tel:+1234567890" title="Позвоните нам">Позвоните нам</a>
-
classиid: это атрибуты, которые позволяют вам добавить CSS стили или JavaScript функциональность к вашей ссылке.
Пример
Вот пример полной телефонной ссылки:
<a href="tel:+1234567890" title="Позвоните нам" class="phone-link">Позвоните нам</a>
Вставка телефонной ссылки в текст
Для того чтобы вставить телефонную ссылку в текст, вам просто нужно вставить код в нужное место. Вот пример:
<p>Для консультации по всем вопросам, <a href="tel:+1234567890">позвоните нам</a>.</p>
Такая ссылка будет выглядеть как обычный текст, но станет активной при клике.
Обратите внимание на формат номера
Убедитесь, что ваш номер записан в правильном формате. Если у вас есть телефонный номер в виде ссылки, то он должен начинаться с +, за которым следует код страны и номер без пробелов и разделителей.
Телефонные ссылки и SEO
Добавление телефонных ссылок на ваш сайт также может положительно повлиять на SEO. Поисковые системы могут учитывать наличие этих ссылок как показатель удобства и актуальности вашего сайта.
Ошибки, которых следует избегать
-
Использование неверного формата номера. Убедитесь, что ваш номер записан в международном формате.
-
Необоснованный переход. Не добавляйте телефонные ссылки там, где они не несут никакой информационной ценности.
-
Неуказание атрибута
title. Всплывающая подсказка помогает пользователям понять, что произойдет при клике.
Сравнение с обычной таргетированной рекламой
Телефонные ссылки - это органический способ взаимодействия с пользователями. Они бесплатные и более непринужденные, чем платные рекламные кампании. В то время как таргетированная реклама обычно требует финансовых вложений, телефонные ссылки дают пользователям свободу выбора.
Вставка ссылок для отправки SMS
Чтобы создать ссылку для отправки SMS, используйте аналогичный принцип:
<a href="sms:+1234567890">Написать SMS</a>