最近琢磨着把网站的电话功能好好搞一下。不少找我做企业站的老板，整天抱怨手机上的咨询电话，客户要么懒得抄，要么抄错了，白白跑掉好多单子。我说这不行，手机用户现在占了八成，得让他们一眼看到，一键就拨出去，才是王道。

自己动手，从零开始的折腾过程

一开始我想得可简单了。不就是个电话号码吗？我直接把那串数字加粗，放大，像个按钮一样摆在页面上不就得了？

结果？我用自己那台旧手机打开，点了一下，没反应！还得我长按，选中，复制，再跑到电话应用里粘贴，然后拨打。这一套流程走下来，我这个做网站的都嫌烦，更别提那些急着找产品的客户了。

绝对不行！这根本没解决问题，反而让用户多了一步操作。

关键突破：那个“tel:”小把戏

我马上上网搜，翻了好几篇老博客，终于逮着了一个线索。以前我只知道网页里要跳转，得用那个带“h”开头的网址。但这回我瞄到了一个新东西，叫“tel:”。

我心想这玩意儿是不是跟邮箱的那个“mail to”差不多？立刻动手尝试！

我找到网站代码里那个电话号码的位置，我把原本那串光秃秃的数字，用那个可以点的标签套起来。然后在这个标签的跳转目标里，我没有填任何网址，我直接就写了“tel:电话号码”（当然得换成真实的）。

具体操作步骤，我总结了一下：

• 定位到企业站头部或者底部的电话号码位置。
• 使用那个可以点的标签包裹住电话号码。
• 设置标签的跳转目标：敲入“tel:”，后面紧接着写电话号码。
• 确保电话号码的格式是干净的，没有空格或者杠杠（横线）。
• 保存，然后上传到服务器，马上测试。

的验证与效果

代码改好后，我拿起我的手机，打开网站，找到那个电话号码按钮。

我深吸一口气，点下去！

“嘟……”

手机直接跳到了拨号界面，号码已经乖乖地躺在那里了，就差我再按一下绿色按钮了！成了！

不管是安卓机还是苹果机，点一下电话号码，立刻就能拨出去，手机用户开心极了！

我为什么要这么较真？

前阵子，有个客户的网站在手机上咨询量一直低迷。他每天晚上十点多打电话来质问我，说是不是我的网站有问题，是不是我收钱了没好好做。被烦得我晚上觉都睡不为了堵住他的嘴，也为了证明自己的能力，我那几天熬了好几个通宵。

直到我把这个“一键拨号”给搞定上线，第二天一大早，那个老板亲自发微信给我，说他接了好几个新客户电话。语气一下子软和了下来。我心想这不就对了吗？

这件事儿给我上了一课，那些看起来不起眼的小细节，才是用户体验里的大头。分享出来，希望大家以后做网站，能少走我走过的弯路。