必须位于内且唯一,内容为纯文本,禁用HTML标签,长度宜50–60字符,静态页需硬编码不可依赖JS修改。

页面标题必须写在 里,且只能有一个有效
HTML5 规范明确要求 必须是 的直接子元素,且整个文档中仅允许存在一个(多个时,浏览器只取第一个,其余被忽略)。常见错误是把它误放在 中——这时虽然部分浏览器仍会显示标题,但属于非标准行为,SEO 会失效,无障碍访问工具也可能无法读取。
实操建议:
立即学习“前端免费学习笔记(深入)”;
- 检查源码:确保
出现在我的网站 和之间 - 避免动态插入:不要用 JavaScript 在
里通过document.write()或appendChild()注入,这无法被爬虫预渲染识别 - 服务端生成静态页时,确认模板中
不被重复 include 或条件渲染出多个
内容不能含 HTML 标签,也不支持实体以外的特殊字符
是纯文本上下文,所有标签(如 、)都会被原样显示为字符串,不会被解析。例如 在浏览器标签页上会显示成 “Hello World”,而不是加粗的 “World”。
实操建议:
立即学习“前端免费学习笔记(深入)”;
- 如需显示
&、、>等字符,必须使用对应 HTML 实体:&、zuojiankuohaophpcn、youjiankuohaophpcn - 中文、emoji 一般可直接写(UTF-8 编码前提下),但避免使用罕见 Unicode 字符或控制字符,某些旧版 Windows 浏览器可能渲染异常
- 长度控制在 50–60 字符内:过长会被浏览器截断(尤其移动端标签页),且搜索结果中通常只显示前 60 字符左右
静态页中修改 document.title 仅影响当前会话,不改变源码中的
JavaScript 可以随时执行 document.title = "新标题" 来更新标签页显示内容,这对单页应用(SPA)有用,但对纯 HTML5 静态页意义有限——它不改变原始 HTML 文件里的 ,因此刷新后恢复原值,搜索引擎抓取的仍是源码中的标题。
实操建议:
立即学习“前端免费学习笔记(深入)”;
- 若需多页不同标题,必须为每页单独写对应的
,不能靠 JS 统一改 - 不要在静态页里写
document.title = ...作为“默认标题兜底”,这反而增加 JS 执行负担,且无实际 SEO 价值 - 调试时可用浏览器控制台临时测试:
document.title = "测试中",但上线前应删掉这类代码
产品首页 - 示例科技 欢迎访问










