# 超链接的巧思
- Link: https://yjyj.net/learn/6272.html
- Published: 2022-04-22T10:26:38+08:00
- Author: 小 虾
⚡ 生猛大蝦编辑部 · 30 秒核心看点
* 用户不一定懂蓝色文字是链接，尤其是纯手机上网人群。
* 在超链接后补一个图标，能显著强化“可点击”暗示。
* 小改动换来点击率翻倍，说明交互提示比想象中更值钱。
80,90 后先用电脑后来才有手机，对网页里蓝色文字是超链接很熟悉。现在的老人和小孩都是
直接从手机开始上网，对蓝色文字没有概念。我曾经访谈过2位用户，他们以为蓝色文字是加粗
高亮的意思，没意识到可以点击。带着这个猜想，在超链接后面加了一个图标，现在点击率
翻了3倍，真是四两拨千斤。
@ftium4 龙爪槐守望者
📌 生猛大蝦编辑部 · 背景与实操延伸
从生猛大蝦编辑部的实战视角看，这篇文章的重点不是“加图标”本身，而是识别用户心智模型。
很多设计默认用户懂网页规则，但真实用户可能只认“像按钮的东西才可点”。实操上，链接
除了颜色区分，还可配合图标、下划线、悬停态或更明确的文案提示；但也要注意别把页面
做得像广告堆，关键是让“可点击”一眼可懂。
❓ 延伸问答与排错指南（FAQ）
为什么用户看不出蓝色文字是链接？
因为很多人没有经历过“网页蓝字=超链接”的早期桌面互联网教育，尤其是直接从手机上网的
用户，容易把蓝色文字理解成强调或高亮，而不是可点击元素。
给超链接加图标有什么实际作用？
图标能补足视觉提示，明确告诉用户这里可以点，降低理解成本。对新手、老人或低频上网
用户尤其有效，常用于提升链接识别率和点击率。
这种方法适合所有页面吗？
不一定。若页面本身链接很多，图标过多会显得杂乱。更适合关键入口、重要跳转或需要强化
转化的场景，建议先小范围测试点击率再推广。
📚 【[招数学习](https://yjyj.net/category/learn)】专栏延伸阅读与热门精选（[全站文章归档](https://yjyj.net/archive)）：
* [Better Search Replace – 简单强大易用的数据库替换工具](https://yjyj.net/learn/wordpress-learn/6269.html)
* [WordPress获取文章所有图片和图片数量](https://yjyj.net/learn/wordpress-learn/6268.html)
* [wordpress 博客使用 CloudFlare 的页面规则缓存设置教程](https://yjyj.net/learn/wordpress-learn/6274.html)
* [使用 PHP 禁止国内 ip 访问网站](https://yjyj.net/learn/6282.html)
* 热门必读[升级一下iptables](https://yjyj.net/learn/centos/3208.html)
* 热门必读[京东云路由器雅典娜 AX6600 折腾记](https://yjyj.net/learn/7810.html)