Почему мой номер телефона на сайте не кликабельный на мобильном (и как сделать так, чтобы он звонил в одно касание)

Клиент едет в автобусе, открывает ваш сайт на телефоне, видит номер, касается его пальцем... и ничего не происходит. Приложение для звонков не открывается. Ничего. Что он делает? В лучшем случае переписывает номер вручную. В худшем — закрывает ваш сайт и звонит конкуренту, у которого кнопка действительно работает.

Если номер красиво показан, но при касании не «набирается», дело не в телефоне и не в операторе. Почти всегда это проблема кода: номер написан как обычный текст, а не как ссылка для звонка. Хорошая новость в том, что это одна из самых простых правок на сайте — и одна из самых выгодных, потому что пропущенный звонок — это потерянный клиент.

Почему номер «не звонит»: обычный текст против ссылки для звонка

Чтобы касание запускало звонок, номер на телефоне должен быть особой ссылкой — а не просто цифрами на странице. Технически это ссылка `tel:`. В коде это выглядит так:

`<a href="tel:+40712345678">0712 345 678</a>`

Часть внутри `href` (`tel:+40...`) говорит телефону «набрать этот номер». Видимая часть (`0712 345 678`) — это то, что видит клиент. Если в коде только `<span>0712 345 678</span>` или номер вписан прямо в текст, телефону не с чем работать при касании — это просто цифры.

Многие конструкторы сайтов (темы WordPress, page builder-ы) вставляют номер обычным текстом в шапку или подвал, и никто этого не замечает, ведь на компьютере на номер всё равно никто не «нажимает».

Как проверить самому за 30 секунд

Чтобы понять, есть ли у вас эта проблема, разработчик не нужен:

• Откройте сайт на своём телефоне, ровно как клиент.
• Коротко коснитесь номера один раз.
• Если открылось приложение звонков с уже введённым номером — всё в порядке.
• Если ничего не происходит или приходится удерживать палец, чтобы появилось меню «Копировать / Добавить контакт», — номер это обычный текст, а не ссылка.

Вторая полезная проверка: попробуйте выделить номер пальцем. Если он выделяется как обычный текст (появляются маркеры выделения), почти наверняка это не ссылка для звонка. Правильная ссылка `tel:` реагирует на касание, а не на выделение.

Частые ловушки, ломающие набор

Даже сайты, где «пытались» сделать клик-звонок, могут иметь проблемы:

• Номер — это картинка. Иногда номер вставляют как изображение (ради красивого вида). Картинка никогда не звонит, и Google её тоже не читает.
• Неверный формат в `href`. Пробелы, дефисы или скобки в части `tel:` могут мешать. Внутри `href` используйте чистый международный формат: `tel:+40712345678`. Видимый текст может оставаться красивым, с пробелами.
• Мета-тег, отключающий автоопределение. На iPhone есть тег `<meta name="format-detection" content="telephone=no">`, который отключает автоматическое превращение номеров в ссылки. Если он есть в вашей теме, даже «обычные» номера перестают быть кликабельными.
• Кнопка перекрыта. Баннер cookie или плавающий чат поверх кнопки делают касание невозможным, хотя ссылка правильная.

Код страны: почему +40 (или ваш) важен

В части `tel:` всегда стоит указывать код страны — `+40` для Румынии или ваш. Зачем, если большинство клиентов местные?

• Тот, кто звонит из-за границы (родные, туристы, партнёры), наберёт правильно, ничего не добавляя.
• Приложения и голосовые помощники надёжнее распознают полный номер в международном формате.
• Это чистый стандарт, который убирает неоднозначность.

На практике: в `href` пишите `tel:+40712345678` (без пробелов, без ведущего 0 после кода), а текст для клиента оставьте читаемым: `0712 345 678` или `+40 712 345 678`. Они не обязаны выглядеть одинаково — одно для телефона, другое для глаз.

Идём дальше: фиксированная кнопка и WhatsApp

Когда номер набирается, из этого можно сделать настоящий сборщик клиентов на мобильном:

• Фиксированная кнопка звонка внизу экрана (sticky), только на мобильном. Она всегда на виду, пока человек листает. Большое «Позвонить сейчас», до которого легко дотянуться пальцем.
• Кнопка WhatsApp рядом. Многие предпочитают сообщение звонку. Ссылка вида `https://wa.me/40712345678` открывает переписку напрямую.
• Текст важен. «Позвонить сейчас» конвертирует лучше голого номера, потому что говорит человеку, что делать.

Именно такие детали мы исправляем с первого раза в MPO Web Studio. Когда мы делаем сайт, клик-звонок, фиксированная мобильная кнопка и WhatsApp настроены правильно и проверены на реальном телефоне, а не только на офисном экране. Мы работаем удалённо по всей стране и можем сначала показать бесплатное, уже работающее демо, прежде чем вы что-то решите. Если хотите, чтобы мы быстро проверили ваш сайт, напишите нам в WhatsApp — за несколько минут скажем, что не так и как это чинится.