页面元信息
Page Metadata也常被叫作：页面元数据meta 标签网页头部信息那个页签上显示的标题
「浏览器上面那个页签文字、搜出来那段小字、分享出去的标题卡片，都是从哪来的？」
页面元信息 Page Metadata
写在页面头部、浏览器不直接显示正文里却能读到的那几行信息，决定标题栏和分享卡长什么样。
打开一个网页，浏览器页签上那行字、收藏时的名字、分享到微信/QQ 时弹出的那张卡片，都不是写在哪块正文里的——它们来自页面头部的一段代码，叫元信息。普通用户看不见这段代码，但它决定了用户在世界各处看到你页面时的第一眼。
最要紧的是 title：它是浏览器页签文字，也是搜索结果最粗的那一行。每页只能有一个，而且要像一句话而不是关键词堆砌——「红烧肉的家常做法｜张三厨房」比「红烧肉 做法 家常 菜谱 大全」好太多。其次是 description：给点击的人看的理由，搜出来显示在标题下面。
这些信息的写法有固定位置（<head> 里）和固定格式（meta 标签）。AI 很可能把 title 和 description 写进正文里、或者一整个站共用同一个 title——那等于每个页面都叫同一个名字，谁也分不清你是谁。能不能验，关键就是看你眼睛看到的那个标题，跟源码里那一行对不对得上。
长什么样 真实可交互，不是截图
页面头部（用户看不见，机器读得到）
<head> <title>红烧肉的家常做法｜张三厨房</title> <meta name="description" content="带步骤图的红烧肉做法，新手也能一次成功"> <meta name="viewport" content="width=device-width, initial-scale=1"> </head>
注意 viewport 这一行：它管的是手机宽度适配，和 title 是两码事，别混。
拆开看，里面有这几块
-
1
title Title
页签文字 + 搜索标题。一句话说清这一页是什么，每页唯一。
-
2
description Meta description
给点击者看的介绍，搜索时显示在标题下。写理由，不写关键词堆。
-
3
viewport Viewport
告诉手机浏览器按设备宽度来渲染，管移动端适配，不归 title 管。
-
4
lang 属性 Lang attribute
声明页面语言，影响读屏怎么念、浏览器翻译提示。
常见的有哪几种
title + description + charset，所有页面都该有的底线。
用在：任何网页
viewport 设定，让手机按自己的宽度渲染。
用在：有手机访问的页面
Open Graph 那套，决定分享到社交平台时标题配图长什么样。
用在：会被转发的内容页
容易搞混？这样区分
两者都在 <head> 里，但元信息管浏览器和搜索引擎看到的；Open Graph 管社交平台分享卡片。改 title 不影响分享卡，改 og:title 才影响。
什么时候用得上
想让浏览器页签显示一行像样的话，改的是 head 里的 title。
想让链接发到群里带标题和配图，改的是 Open Graph 那组标签。
想让搜索标题下那段小字更像人话，改的是 description。
你可以这样跟 AI 说
直接复制下面这段，把【】里的换成你的情况。它比一句「帮我加个 X」多说清楚了：改哪里、不许动啥、做完交什么。
【范围】只改 [这个页面] 的 `<head>` 部分 【目标】做两件事： 1. 一个唯一的 title，格式「页面名｜站点名」，说清这页是什么，别用「首页」 2. 一段 100 到 150 字的 description，写用户点进来的理由，不许堆关键词 【边界】不要动正文和样式；不要加脚本；不要把整站所有页面改成同一个 title 【交付】列出改了哪个文件、改前改后的 title 和 description 全文，并告诉我怎么验证
这条把「改 head」和「不许全站共用 title」写死，AI 最容易在这两处偷懒：写错地方，或让所有页面共享同一个名。
它说「做好了」，你怎么自己验
这是本站的重头戏。AI 最会的不是写代码，是说「已完成」。这一条，它通常最多做到「运行时」这层：真的跑起来了，能在本机看到结果。
要亲眼看到这些，才算数
- 打开页面，看浏览器页签上那行字，是不是你要求的 title。
- 右键「查看源代码」，找到
<title>，跟页签文字比对一致。 - 在源码里找到
meta name="description"，念出内容，确认是你要的那段。 - 整站抽查两三页，确认每页 title 都不一样。
它常这么糊弄你
- 「元信息已改好」——但页签还是旧的，或源码里 title 空着。直接用眼睛对一下。
- 把 title 写进正文里（页面正中放一行大字），页签和搜索根本没读到。
- 所有页面用同一个 title，说「这样统一」。这是偷懒，不是统一。
- 拿 meta 插件装了就当改完。装没装不是重点，标签页上的字变了才是。
这一条能验到「运行时」层：打开页面看页签、查看源码对一遍就验完了。全程不用看代码逻辑，只靠眼睛对照。
考考你 选一个你觉得对的
你改完标题后，怎么确认 AI 真的改了、而不是只在嘴里说了？
A 直接看最终用户眼里的效果，最实。B 只是要一个口头保证。C 装的插件和标题变没变是两件事。D 的标签数量跟「这页叫什么」毫无关系。