在工作中,我们经常坐在笔记本电脑或台式机上,在大屏幕上查看我们的公司网站……但如果您查看对您网站的移动访问,您可能会惊讶于大多数访问者是通过移动访问设备。 如果您开始按推荐来源划分流量,您可能会更惊讶于搜索引擎用户主要是移动用户。
美国 63% 的搜索引擎搜索是通过移动技术进行的。 全球 48% 的网站访问来自移动设备。
Zippia 移动与桌面统计
随着企业现在看到很大一部分访问者通过移动设备到达,拥有移动就绪的网站不再是一种选择,而是一种必要。
在构建移动体验时经常被忽视的一个元素是 超链接您的电话号码 in HTML 这样移动用户就可以简单地点击它们并拨打电话。 锚标签是浏览器解释并使用户能够点击的可操作标签。 一个典型的网站锚标签是:
<a href="https://martech.zone">Martech Zone</a>
打开电子邮件的锚标记是:
<a href="mailto:info@martech.zone">Click here to email us!</a>
使用 mailto,您可以选择在链接中包含电子邮件的主题和正文。 不过,我会确保您对文本进行 URL 编码。 一些浏览器会在空格处中断:
<a href="mailto:info@martech.zone?subject=Hi%20Doug&body=This%20is%20a%20test!">Click here to email us!</a>
电话号码:点击呼叫超链接
在 HTML 中超链接到电话号码的语法类似于 mailto 语法,只是使用 手机: 代替:
<a href="tel:+13172039800">Click here to call us!</a>
您的电话号码的语法并不重要。 我测试了有无加号、括号、句号和破折号的值,一切似乎都适用于 iPhone 和 Android。
我确实尝试通过删除除数字之外的所有内容来保持清洁。 我还建议在带有加号的电话号码中包含国家/地区代码——特别是如果您正在吸引国际业务。
当我们优化客户的网站时,我们会确保所有电话号码实例都是超链接的。 如果是号召性用语,我们通常会将链接格式化为按钮,以使其非常明显可以点击。
电话号码:点击文本超链接
您还可以拥有一个自动生成的超链接 短信 信息:
<a href="sms:+13172039800">Click here to text us!</a>
您也可以选择包含一条消息:
<a href="sms:+13172039800?&body=Hello">Click here to text us!</a>
如何在分析中捕获电话号码点击
我们还确保在 Google Analytics 中捕获这些事件! 如果您想衡量有多少人点击了这些链接,您可以阅读我们的文章,了解如何 使用谷歌标签管理器添加谷歌分析事件.