rel="tag" 已被 HTML Living Standard 标记为过时,因HTML5未收录、浏览器不处理、搜索引擎不识别,实际无效;推荐改用结构化数据(如ld+json keywords)、data-*属性或rel="category"等现代方案。

rel="tag" 已被 HTML Living Standard 明确标记为“过时”,不建议在新项目中使用。
为什么 rel="tag" 不再推荐
这个值最初被部分博客系统(如早期的 Technorati)用来标识文章的关键词或标签,语义上表示“当前文档属于该主题”。但现代标准已放弃它:
- HTML5 规范未将其列为有效值,浏览器不作任何特殊处理
- 搜索引擎(如 Google)不解析或利用
rel="tag"做索引或分类 - 实际效果等同于没写 —— 既不触发 UI 变化,也不影响 SEO、预加载或安全策略
- 若你看到某处还在用,大概率是遗留代码或误读旧资料
替代方案:用更可靠的方式标注关键词
想让页面与关键词产生可被机器理解的关联,应转向标准化、有工具链支持的方法:
- 用
meta标签配合name="keywords"(注意:Google 等主流引擎已忽略此字段,仅作内部参考) - 在
article或section内部用data-tag存业务关键词,比如<article data-tag="react javascript"></article> - 用
link+rel="category"(需搭配href指向真实分类页,如<link rel="category" href="/tags/react">),这是当前仍被部分 CMS 和聚合器识别的语义方式 - 结构化数据优先:通过
script type="application/ld+json"声明"@type": "Article"并填入"keywords"字段,这是 Google 实际消费的关键词来源
如果你非要保留 rel="tag",至少别这么写
常见错误写法会直接失效:
立即学习“前端免费学习笔记(深入)”;
-
<a href="/tag/react" rel="tag">React</a>—— 语法合法,但无意义;浏览器和爬虫都无视 -
<a href="/tag/react" rel="tag nofollow">React</a>——nofollow仍生效,但tag部分白加 -
<link rel="tag" href="/tag/react">——rel="tag"不被link元素支持,验证器会报错
真正容易被忽略的是:即使你写了 rel="tag",也**不会**触发任何预加载、样式变化或 referer 控制 —— 它纯粹是历史遗迹,连 fallback 行为都没有。



















