VibeHubVibe Coding 术语图鉴
术语练习路线防止 AI 味儿Skill
⌕
Oil
›页面元数据

页面元数据Page Metadata

你可能会说

请分别检查这个页面在标签页、搜索摘要、链接分享和安装入口里显示了什么。

描述网页但不直接显示在正文中的页面信息·页面元数据放在文档 head 中,供浏览器、搜索系统、分享平台或安装入口分别读取。它不是一个“完成”开关,必须按消费方检查对应字段和实际呈现。
先知道
HTML页面标题 Title Tag
也常被叫作网页元数据head 信息meta 信息
延伸阅读 · 权威出处
meta 元素WHATWG HTML Standard ↗<meta>:元数据元素MDN ↗控制搜索结果中的摘要Google Search Central ↗
oil
01oil 欧呦oiloil.org02GitHub@oil-oil03Xx.com/I_am_oil_oil04RED小红书oil 的小红书主页05Emailzhihuang.oiloil@gmail.com术语投稿提交建议
同一个 head 信息被谁读取
<head>
1&lt;title&gt;Refund guide&lt;/title&gt;
2&lt;meta name="description" content="…"&gt;
3&lt;meta property="og:image" content="…"&gt;
4&lt;link rel="manifest" href="/manifest.json"&gt;
→
浏览器标签:Refund guide

“元数据已完成”不是一个验收结果;要按消费方检查对应字段。

页面元数据怎样分工

字段放在 head,结果出现在不同地方:title 影响浏览器标签,description 可能帮助形成搜索摘要,Open Graph 字段服务链接预览,Manifest 描述安装入口。它们都与正文有关,但不是正文内容本身。

按消费方验收实际结果:先问“谁会读这项信息”,再检查字段、资源地址和最终显示。某一处正常,只能证明对应消费者读到了可用信息。

它不是一张万能配置表

页面元数据 Page Metadata 是总类,不会自动替代 页面标题 Title Tag、Open Graph 或 Web 应用清单 Web App Manifest。分享卡缺图时检查分享字段,安装后启动路径错误时检查 Manifest,不要笼统重写正文。

选择题选择一个你认为最合适的答案

页面在浏览器标签里标题正常,但分享卡没有图片,应该先修哪里?

你可以这样告诉 AI Agent

“

请按浏览器标签、搜索摘要、链接分享和安装入口分别列出当前页面的元数据,缺什么只补对应字段。用浏览器源码、搜索结果和真实分享预览分别验收,不要把“metadata 已完成”当作一个无需拆分的结果。

接下来学什么
1Open Graph→2Web 应用清单Web App Manifest→