你可能会说：
- “为什么链接发出去，标题和图片都不对？”
- “网站每一页的标题都一样，有关系吗？”
它是什么
<title> 决定浏览器标签页和搜索结果的标题；<meta name="description"> 常被用作搜索结果里的摘要；以 og: 开头的 Open Graph 标签决定分享卡片的标题、描述和图片。
它们必须每一页各不相同，而且要在第一次返回的 HTML 里就写好——生成分享卡片的程序通常不会运行你的 JavaScript。
单页应用常见的问题是全站只有一套元信息：无论分享哪篇文章，卡片显示的都是首页。
打个比方
像书的封面和封底简介：书店（搜索引擎）和朋友转发（社交平台）都先看它们，再决定要不要翻开。
在这个网站里
右键查看本页的网页源代码，<head> 里能看到这一页自己的 title、description 和 og 标签；迁移前，本站每一页的标题都是同一个 Felix Xiao。
容易搞混的地方
常见误解
页面加载后用 JavaScript 改一下 document.title 就行
正确理解
浏览器标签会变，但分享卡片和很多爬虫只读第一次返回的 HTML，看不到后来改的标题。
常见误解
多写一些 keywords 标签能提升排名
正确理解
主流搜索引擎早就不看 keywords 标签了；真正起作用的是正文、标题和描述。
你可以这样告诉 AI
复制下面这段，贴给你的 AI
接下来去哪
先知道
- 爬虫——自动访问网页、读取内容的程序；搜索引擎、社交平台的链接预览、AI 模型都靠它了解你的网站。
在这些课里出现
相关的真实事故