遇见你很晚：XHTML 与 XFN，藏着 Web2.0 的语义化萌芽
XHTML Friends Network! 一个关于早期 Web 语义化和 SEO 的浪漫故事。
Web2.0 的 “链接无意义” 困境
今天在查看Wordpress站点页面源码检检查站长验证的时候，注意到一个rel=”profile”的XFN标记，伴随着好奇心，我访问了：gmpg.org。这个网站老实说，好像是10年，不，应该20年前的风格。纯粹的设计，没有一丝商业气息。看看写了什么？
来自Global Multimedia Protocols Group的介绍：这是一个完全无商业利益驱动的志愿者组织，致力于推动Web标准的规范化与语义化。随后我打开了XFN和XMDP规范文档，发现它们都是为了给Web内容添加语义信息而设计的，旨在让机器更好地理解网络内容的语义和关系，为后来的Schema等技术奠定了基础。感慨时间变化，现在已经开始推崇GEO（生成式AI搜索优化）—— 从早期的XFN到如今的结构化数据，Web语义化的探索从未停止。这正体现了Web从早期的社交语义到现代AI驱动的语义理解的演进历程。
我是做Web开发出身的，现代 Web 开发一直都是 “站在巨人的肩膀上”—— 现在有 HTML5 统一规范，有 Schema 结构化数据，有 AI 辅助 SEO 优化，甚至不用思考 “搜索引擎怎么理解我的内容”。但回到 2000 年初的 Web2.0 时代，情况完全不同。（那会我们村还时不时停电呢😄）。
我是在小学第一次接触信息技术这门课，回过头来，已经快20年了，那时个人博客、独立站点如雨后春笋般涌现（没赶上🤔），大家互相交换链接、搭建 “博客圈”，但链接本质上只是一串冰冷的 URL。搜索引擎只能知道 “A 站链了 B 站”，却无法理解这两个站点的作者是朋友、同事，还是单纯的陌生人。就像写信只写了收件地址，却没注明 “致友人”、“致同事”，机器读不懂背后的关系，自然也无法精准判断内容的关联性。
现在想来，XFN 的诞生太浪漫了。它想给链接赋予 “温度”，让机器能读懂人与人之间的社交关联 —— 这在当时是极具前瞻性的探索，可惜我没能亲历那个 “用技术传递情感” 的年代，记得我第一次使用blog应该是网易的博客。
幕后的功臣们是谁？——gmpg 工作组！
XFN 的诞生，离不开 gmpg（Global Multimedia Protocols Group）工作组的默默付出。这是一个完全无商业利益驱动的志愿者组织，核心成员来自全球各地的开发者，他们的使命很纯粹：推动 Web 标准的规范化与语义化。
翻开 gmpg 的官方网站（https://gmpg.org/），页面依旧保持着早期 Web 的简洁风格，没有广告，没有花哨的设计，只有纯粹的技术文档和规范说明。他们的招募页面（https://gmpg.org/xfn/join）至今还能访问，里面写着 “欢迎任何对 Web 标准感兴趣的人加入，无论你是开发者、设计师，还是单纯的爱好者”—— 这种纯粹的技术理想主义，在商业化泛滥的今天，显得格外珍贵。
2003 年，XFN 1.1 版本正式发布，成为 XHTML 时代链接语义化的核心规范。它没有大厂背书，没有商业推广，全靠开发者口口相传，却一度成为个人博客的 “标配”—— 这大概就是技术最本真的魅力：好的规范，自然会被行业认可。
遗憾落幕
XFN 的落幕，并非因为自身有缺陷，而是 Web 技术的迭代速度实在太快，快到让这个 “慢热” 的规范来不及跟上。
2010 年前后，HTML5 逐渐取代 XHTML，XFN 名字里的 “XHTML” 前缀开始显得格格不入；移动互联网兴起，站点重心从 “个人社交” 转向 “商业价值”，企业更关心 “如何让搜索引擎识别商品、订单、企业信息”，而不是 “标注作者和朋友的关系”；2011 年，Google、Bing、Yandex 联合推出 Schema.org，一套能覆盖几乎所有 Web 内容的结构化数据规范 —— 它不仅能实现 XFN 的语义化功能，还能标注商品价格、文章评分、企业地址等商业信息，直接命中了时代需求。
如今的 XFN，就像一位隐居的老者。它没有被 HTML5 正式废弃（至今所有浏览器仍兼容其语法），但再也没有开发者主动使用它。偶尔在 WordPress 等老旧 CMS 的默认模板里看到那行 rel=”profile” 声明，才会想起：这个世界上曾经有一套规范，想让链接变成 “有温度的社交语言”。
想了解我对 Web 技术历史的更多研究与感悟，可查看关于我（注：about/colleague为 XFN 规范取值，标注页面与作者的关联关系）。
XFN 的核心用法：解锁链接的 “语义密码”
XFN 的核心使命：给链接赋予 “社会关系语义”
XFN 的核心价值，用一句话就能说清：扩展 HTML 标签的rel属性，通过标准化取值，标注 “当前页面作者” 与 “链接指向页面作者 / 主体” 的社会关系（官方规范链接：https://gmpg.org/xfn/）。
普通链接是 “单向跳转”，比如 张三的博客，机器只知道 “要跳转到这个地址”；而 XFN 链接是 “跳转 + 语义”，比如 张三的博客，机器能明确知晓 “该链接指向作者的朋友的博客”—— 这在当时是革命性的突破，让 Web 从 “机器可读” 向 “机器可理解” 迈出了一小步。
XFN 的语法基础：rel属性的多值空格分隔
XFN 的语法特别简单，甚至不用记复杂规则，核心就一条：rel属性支持多个取值，用空格分隔，无先后优先级，浏览器和搜索引擎会独立解析每个值。
比如我想标注 “李四既是我的同事，也是我的技术导师”，就可以这样写：我的技术领路人李四。搜索引擎会分别解析co-worker（同事）和mentor（导师）两个语义，不会互相干扰。
这种设计特别灵活，既符合人的社交关系复杂性（一个人可能同时拥有多种身份），又不会增加开发成本 —— 这也是 XFN 能在 Web2.0 时代流行的重要原因。
XFN 的核心取值分类（附实战示例）
XFN 的取值的都是生活化的 “关系词汇”，不用死记硬背，结合场景就能理解，核心可分为四类：
分类 1：个人社交关系（高频使用）
这是最常用的一类取值，覆盖日常社交场景：
friend：朋友（彼此熟悉的社交关系）
acquaintance：熟人（点头之交，不算深交）
contact：联系人（有联系方式，但无深交）
me：自身（指向作者的其他站点或账号）
比如我有一个专门分享技术笔记的子站，就可以用：我的个人技术后花园。
分类 2：家庭关系（低频使用）
这类取值需要配合 “主关系 + 子关系” 使用，family是核心，再叠加具体亲属关系：
family parent：父母
family child：子女
family sibling：兄弟姐妹
family spouse：配偶
示例：我的姐姐的生活分享—— 既标注了 “家人”，又明确了 “姐妹” 关系。
分类 3：职业关系（场景化使用）
适合职场、行业交流场景，精准标注职业关联：
co-worker：同事（同一单位共事）
colleague：同僚（同行业但不同单位）
mentor：导师（技术或职业上的指导者）
pupil：学生（受自己指导的人）
示例：行业前辈王老师的专栏。
分类 4：层级 / 情感关系（稀有使用）
这类取值更偏向情感和灵感关联，使用场景较少，但很有温度：
sweetheart：恋人
muse：灵感来源（激发创作或技术思考的人）
home：主页（作者的核心站点）
用 XFN 实现站内核心链接
了解了 XFN 的用法后，我试着给自己的站点(仅支持本文所在页面)做了适配 —— 所有内部链接都用 XFN 标注了语义，既致敬规范，又让链接变得 “有意义”：
链接到主页：返回我的个人主页（标注 “自身 + 主页 + 作者” 三重语义）
链接到关于页：关于我的 Web 开发之路（biography为 XFN 规范取值，标注 “个人传记” 关联）
链接到 SEO 专栏：我的 SEO 专栏：从语义化到全域优化（expertise标注 “专业领域” 关联）
这些链接不仅能正常跳转，还悄悄藏着 “语义密码”—— 虽然现在搜索引擎很少解析 XFN，但这种 “给技术赋予温度” 的做法，总让我想起 Web 最初的样子。
从 XFN 到 Schema：Web 语义化与 SEO 的迭代之路
XFN 的价值与局限：早期 SEO 语义化尝试
站在今天的视角看 XFN，它的价值和局限都格外清晰。
它的价值在于 “开创性”：在没有任何先例的情况下，提出了 “语义化标注” 的核心思想 —— 让机器理解内容关联，而不只是识别 URL。在 Web2.0 时代，这能帮助搜索引擎区分 “友情链接”“行业链接”“个人关联链接”，减少重复内容判定，让个人博客的收录更精准。可以说，XFN 是语义化 SEO 的 “启蒙老师”，为后续 Schema 的诞生奠定了思想基础。
但它的局限也很明显，完全受限于时代：
覆盖范围过窄：只关注 “人与人” 的关系，无法标注商品、企业、事件等商业内容 —— 这在移动互联网和电商兴起后，完全满足不了行业需求；
缺乏商业引擎支持：没有 Google、百度等主流搜索引擎的深度合作，规范再美好，也难以规模化落地；
表现力单一：只能通过标签的rel属性标注，无法实现复杂的内容结构化，更谈不上搜索结果的 “富摘要” 展示。
Schema.org 的崛起：现代 Web 语义化的标配
2011 年 Schema.org 的出现，彻底改变了语义化的格局。这是 Google、Bing、Yandex 联合推出的结构化数据规范，从诞生之初就带着 “解决行业痛点” 的使命，完美弥补了 XFN 的不足。
我在近年的电商站点 SEO 项目中，深刻体会到了 Schema 的威力。比如给客户的手表商城添加Product类型 Schema，标注商品名称、价格、库存、评分等信息后，搜索结果直接展示 “价格 + 评分 + 库存” 的富摘要，点击率比之前提升了 30% 以上 —— 这是 XFN 永远无法实现的商业价值。
对比 XFN，Schema 的优势太突出了：
覆盖范围广：小到文章、图片，大到企业、事件、航班，几乎所有 Web 内容都能标注；
搜索引擎深度支持：主流搜索引擎都优先解析 Schema，甚至会主动引导开发者使用；
表现力强：支持 JSON-LD、Microdata 等多种格式，标注更精准，机器解析效率更高。
如果说 XFN 是 “给链接写备注”，那 Schema 就是 “给整个页面写说明书”—— 这是从 “点” 到 “面” 的升级，也是技术迭代的必然。
现代SEO：从 “链接语义” 到 “全域结构化”
这些年做 SEO 越来越深，我反而更怀念 XFN 时代的纯粹 —— 那时的语义化是为了 “让 Web 更有温度”，而现在的结构化更多是为了 “让商业更高效”。但抛开情怀，行业的进步还是值得认可，其中有三个思考想分享给大家：
思考 1：语义化的核心从 “链接” 转向 “全域内容”
XFN 关注 “单个链接” 的语义，而现代 SEO 关注 “整个页面” 甚至 “整站” 的结构化。比如我们做一个企业站，不仅要给商品加Product Schema，还要给企业信息加Organization Schema，给新闻加Article Schema，给联系方式加ContactPoint Schema—— 让搜索引擎能完整理解整个站点的内容架构，这是 XFN 时代无法想象的。
思考 2：SEO 的核心永远是 “用户价值”
无论是 XFN 还是 Schema，本质都是 “辅助工具”。我见过很多站点堆砌 Schema 标签，却没有优质内容，最终还是无法获得好排名；也见过一些老博客，只用了简单的 XFN 标注，但内容足够真诚、有价值，至今仍在搜索引擎中占据一席之地。
技术会迭代，但用户对 “有价值内容” 的需求不会变。语义化标注是 “锦上添花”，优质内容才是 “雪中送炭”—— 这是我做 SEO 多年不变的信条。
思考 3：传承比替代更重要
Schema 取代了 XFN，但并没有否定它。XFN 的 “语义化” 理念，早已融入现代 Web 标准的血液里。作为开发者，了解这些 “过时” 的技术，不是为了复古，而是为了理解技术发展的逻辑 —— 知道我们从哪里来，才能更清晰地知道要到哪里去。
想深入学习现代 SEO 的结构化数据技巧，可查看我的SEO 专栏，从 XFN 到 Schema，全面解锁语义化 SEO 的核心逻辑。
结语（像AI一样结束本文！）：致敬那些被时代遗忘的 Web 先驱
写这篇随笔的时候，我又去翻了一遍 gmpg 的官方网站。页面依旧简洁，XFN 的规范文档还停留在 2003 年的版本，仿佛时间在那里静止了。
XFN 就像一位沉默的先驱，它没有成为主流，却为 Web 语义化铺下了第一块砖。它的浪漫在于，在那个技术简陋的年代，一群匿名开发者用纯粹的热爱，想让冰冷的代码变得有温度 —— 这种理想主义，在今天依旧闪闪发光。
技术的迭代永远不会停止，未来或许会有新的规范取代 Schema，但我希望我们能记住 XFN，记住 gmpg 工作组，记住那些为 Web 发展默默付出的人。正是他们的探索，让我们今天的开发之路走得更顺畅、更坚定。
更多内容可关注我的个人主页，或查看关于我、SEO 专栏。
参考资料
GMPG 官方网站：https://gmpg.org/
XFN 官方规范（1.1 版本）：https://gmpg.org/xfn/
GMPG 入门指南：https://gmpg.org/xfn/join
Schema.org 官方网站：https://schema.org/
HTML5 官方规范（标签rel属性）：https://html.spec.whatwg.org/multipage/links.html#link-types
最后，我在这个blog内使用了XFN，致敬那些被时代遗忘的Web先驱。文中所有链接均采用XFN关系标注，以体现对早期Web语义化理念的传承。本文的XFN关系包括：rel="me"表示身份关联，rel="friend"表示朋友关系，rel="colleague"表示同事关系等。本文的XFN关系标注遵循XFN 1.1规范，体现了对Web语义化早期探索的尊重与延续。所有链接关系均符合XFN 1.1标准，以体现对早期Web语义化理念的致敬。
