Есть ли лучший вариант чем использование href="tel:…"?

Question

[Александр Янк]

Оптимизирую HTML код, номер телефона обернут в ссылку:
<a href="tel:[phone]">[phone]</a>

Вот что хочу видеть вместо ссылки, кликабельно:

<span data-tel="790077733322">[phone]</span>

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

Answer 1

[Павел]

Если вы напишете просто телефон текстом, и поставите

<meta name="format-detection" content="telephone=yes"/>

, то iOs автоматически обернет его в тег <a>, тем самым модифицировав ваш код.
Правильно и семантично будет понять, чем же не устраивает ссылка для телефона. И разобраться в той причине, по которой вы хотите избавиться от нее.

Если же ваша задача - оптимизировать, то убирая ссылку, вы делаете только хуже. Есть определенные стандарты и поведения браузеров, следуйте им.

P.S.: Чтобы сделать кликабельным элемент не-ссылку и не-кнопку на iOs, нужно добавить к нему curpor: pointer;

Comments

[Александр Янк]

Избавляемся от лишней ссылки на страницы (требование доморощенного SEOшника).
ваш ответ по поводу мета в хедере хорош, но тогда оно будет кликабельно для всех номеров телефонов на странице, что не всегда есть гуд.

[Павел]

Александр Янк: я бы с доморощенным SEO-шником поговорил бы насчет его профпригодности. Рано или поздно подобный финт может выйти боком. Что мешает поисковикам задетектить отсутствие семантических ссылок на телефоны (при наличии их на сайте), да еще и с каким-то js-обработчиком на этих телефонах?
С точки зрения поисковика вы вместо инициации обычного звонка простым и рекомендуемым методом вешаете какой-то js-обработчик. Странно, не так ли?

[AlikDex]

Александр Янк: скажите доморощеному сеошнику, что ссылка на телефон очень может пригодится, т.к. правильное ее оформление способствует появлению ее в снипетах поисковиков. И вообще гоните в шею этого ... ну вы поняли =)

Answer 2

[Максим Тимофеев]

Можно сделать и span и ссылку рядом, а через медиа запросы в css скрывать не нужный при том или ином разрешении.

Answer 3

[Владимир Грабко]

js