页面元数据
Page Metadata
中级网页页面元数据（Page Metadata）是描述网页身份、内容和索引意图的信息，通常不直接显示在页面正文里。它帮助浏览器、搜索引擎和分享平台识别页面，例如区分文章标题与分享时展示的标题。
你可能会说：「我想让每篇文章在搜索结果和聊天软件分享卡片里，显示各自合适的标题和简介。」
动手看看文章发布前的元数据预览
正文标题：让远程会议有结论正文保持不变；下面是搜索与分享的示意预览。
搜索结果示意 · mindset.example
远程会议指南｜MindSet
从会前议程到会后记录，用五个方法减少无效讨论。
分享卡片示意
会议指南
别再开一场没有结论的会
从会前议程到会后记录，用五个方法减少无效讨论。
MindSet · mindset.example
页面标题
页面描述
切换标题、描述和图片，比较三个预览；也可悬停或 Tab 聚焦搜索标题。正文没变，变化的是帮助外部识别页面的元数据。
要点页面元数据由哪些信息组成？
- 1
先分清页面内容和页面描述
你在页面上看到的文章标题、价格和按钮属于页面内容；页面元数据则提供标题、简介等供外部读取的信息。两边可以措辞不同，但要描述同一页，否则用户点进来会觉得不对题。
- 2
不同读取方关注的信息不同
浏览器标签页会用到页面标题；搜索引擎可能参考标题、描述和索引指令；分享平台可能读取 Open Graph 信息来生成卡片。因为读取方不同，所以只改一处文字，不一定能改变所有展示位置。
- 3
让元数据跟着具体页面变化
如果你做的是文章站，每篇文章都用同一组标题和简介，外部就很难看出页面区别。让元数据由当前文章的数据生成，再检查页面源码和实际分享效果，比只看页面正文可靠。
容易混淆的地方
页面标题是页面元数据的一部分，不等于整套元数据；Open Graph 也是其中面向分享展示的一组信息。它们又不同于页面里看得见的标题和正文。元数据能帮助外部理解页面，但不能保证搜索结果或分享卡片一定照原样展示。
什么时候用
适合用
- 做多篇文章的知识库时，让每篇文章有对应的标题、简介和分享信息，方便从外部辨认。
- 发布产品功能页时，分别检查浏览器标签页、搜索结果和分享卡片可能读取的信息。
- 给公开页面设置索引意图或规范网址时，把相关信息随页面一起生成和检查。
不适合用
- 想修改用户进入页面后看到的价格、按钮或正文时，改页面内容或组件；元数据不会替你更新可见界面。
- 想阻止未登录用户查看后台页面时，用身份认证和权限控制；元数据不是访问限制。
- 想让旧地址自动跳到新地址时，用重定向；只改页面元数据不会让浏览器自动跳转。
练一练选一个答案，看看解释
你做了一个文章站。文章正文和页面上的标题都正确，但不同文章在浏览器标签页里显示同一个站名，分享到聊天软件时也难以区分。最合适的下一步是什么？
让 AI 帮你做复制给 AI Agent 直接用
请检查文章详情页的页面元数据：让页面标题、描述和 Open Graph 信息随当前文章变化，并核对它们与可见内容一致。说明这些信息在项目中从哪里生成，以及我该怎样检查最终页面的输出。