Tel: и mailto: ссылки в контактах

Что это

tel: и mailto: — URI-схемы для оформления телефонных номеров и email-адресов в виде кликабельных ссылок на HTML-страницах. При клике браузер передаёт управление телефонному приложению или почтовому клиенту. Технически это обычные <a href="..."> теги, где в атрибуте href вместо URL используется схема tel:+79001234567 или mailto:info@example.ru.

Почему это важно для SEO

Яндекс и Google распознают контактные данные на странице и используют их в нескольких направлениях. Во-первых, наличие кликабельных контактов — сигнал доверия для алгоритмов. Яндекс учитывает полноту контактной информации при расчёте ИКС: сайты без кликабельных контактов воспринимаются как менее коммерчески зрелые. В Google контактные данные влияют на E-E-A-T (Experience, Expertise, Authoritativeness, Trustworthiness) — особенно критично для YMYL-тематик: медицина, финансы, юридические услуги.

Во-вторых, правильно оформленные tel: ссылки напрямую влияют на поведенческие факторы на мобильных устройствах. По данным Google, более 70% поисковых запросов с коммерческим интентом приходят с мобильных. Если номер телефона — просто текст, пользователь вынужден его копировать или запоминать. Это увеличивает отказы. Кликабельный номер убирает это трение: конверсия в звонок на мобильных страницах с tel: ссылками в среднем выше на 30–50% по сравнению с текстовым номером. Рост конверсии косвенно улучшает поведенческие метрики, что Яндекс учитывает в ранжировании.

Дополнительно: Яндекс.Нейро и AI Overviews от Google при генерации ответов на запросы типа "телефон компании X" вытаскивают данные с сайта, в том числе ориентируясь на разметку Schema.org. Связка tel:/mailto: + микроразметка LocalBusiness повышает шанс попасть в такие ответы.

Как проверить вручную

1. Откройте страницу контактов в браузере на мобильном устройстве. Нажмите на номер телефона — должно открыться приложение для звонков. Нажмите на email — должен открыться почтовый клиент. Если ничего не происходит, ссылки не оформлены.

1. Откройте DevTools (F12) → Elements и найдите телефон или email на странице. Проверьте, обёрнуты ли они в тег <a>:

<!-- Правильно -->
<a href="tel:+79001234567">+7 (900) 123-45-67</a>
<a href="mailto:info@example.ru">info@example.ru</a>

<!-- Неправильно — просто текст -->
<p>+7 (900) 123-45-67</p>

1. Запустите Screaming Frog → режим Spider → после краулинга перейдите в меню Custom → Search и ищите паттерн tel: и mailto: в исходном коде. Отсутствие результатов на страницах с контактами — красный флаг.

1. Проверьте страницу в Google Search Console → Инструмент проверки URL → "Просмотреть страницу как Googlebot". Убедитесь, что ссылки видны в отрендеренном HTML, а не добавляются JavaScript после загрузки (такой вариант поисковики могут не обработать).

Как исправить

Базовый HTML-код для страницы контактов:

<p>Телефон: <a href="tel:+79001234567">+7 (900) 123-45-67</a></p>
<p>Email: <a href="mailto:info@example.ru">info@example.ru</a></p>

Номер в href — только цифры и +, без пробелов, скобок и дефисов. В видимом тексте форматирование — любое удобное.

WordPress. Если используете Elementor или блочный редактор — вставьте номер через виджет "Кнопка" или вручную добавьте HTML-блок с кодом выше. В классическом редакторе переключитесь в режим Text и вставьте <a href="tel:...">.

Tilda. Используйте блок T123 (контакты) — там tel: проставляется автоматически при заполнении поля "Телефон". Для email-блоков аналогично. Если используете Zero Block, добавьте ссылку вручную в настройках элемента.

1C-Bitrix. В компоненте bitrix:contacts номер задаётся в настройках через административную панель. Проверьте шаблон компонента — в файле template.php должна быть конструкция вида:

<a href="tel:<?= htmlspecialchars($arResult['PHONE']) ?>">
  <?= htmlspecialchars($arResult['PHONE_FORMATTED']) ?>
</a>

Webflow. Выделите текст с номером → панель справа → Link Settings → тип "Phone" или "Email". Webflow подставит нужную схему автоматически.

Типичные ошибки

• Пробелы и спецсимволы в `href`. href="tel:+7 (900) 123-45-67" — невалидная запись. Браузеры прощают, но парсеры поисковых ботов могут не распознать схему. Только цифры и +.

• Номер без кода страны. href="tel:9001234567" работает не на всех устройствах и в разных регионах. Всегда пишите полный формат: +79001234567.

• Ссылка добавляется через JS после загрузки страницы. Если tel: вставляется скриптом, Googlebot может не увидеть её при краулинге. Рендеринг проверяйте через GSC.

• Несколько форматов одного номера на странице. На странице +7 (900) 123-45-67 в шапке и 8-900-123-45-67 в футере с разными href — путаница для поисковика при сверке с Google Business Profile и Я.Справочником. Используйте единый формат.

• Отсутствие Schema.org разметки рядом с контактами. tel: и mailto: сами по себе не передают поисковику контекст — что это за организация. Дополняйте разметкой LocalBusiness:

{
  "@type": "LocalBusiness",
  "telephone": "+79001234567",
  "email": "info@example.ru"
}

Влияние на разные типы сайтов

Для интернет-магазинов и локального бизнеса tel: ссылки критичны: значительная часть конверсий происходит через звонок, особенно на этапе выбора товара или уточнения условий доставки. Отсутствие кликабельного номера в мобильной версии — прямые потери лидов. Яндекс при проверке коммерческих факторов обращает внимание на наличие контактов в шапке и на отдельной странице — некликабельный номер воспринимается как неполноценный контакт.

Для контентных сайтов, SaaS и лендингов mailto: важнее: именно email часто является основной точкой входа для B2B-запросов и партнёрских предложений. Лендинги с одним экраном особенно уязвимы — нередко телефон или email вставляют картинкой или просто текстом ради "красивого" оформления, теряя и SEO-сигнал, и конверсию одновременно. Проверяйте контакты на всех посадочных страницах, не только на странице /contacts.