SEO 百科

head 元素

本页目录

head 元素

head 元素 装的是页面的元数据，标题、字符编码、规范网址、样式表都写在它里面[1]。做 SEO 的人要留意它，因为浏览器和爬虫按固定规则解析 head，一旦里面放了正文元素，head 会被提前关闭，写在后面的元数据全部失效。

head 里允许放什么

<head> 只装元数据内容，可选元素是固定的一批[1]：

  • <title>：文档标题，一个页面恰好一个；
  • <base>：文档里所有相对网址的基准；
  • <link>：外部资源链接，例如 rel="canonical"、rel="stylesheet"；
  • <meta>：元数据，例如字符编码、robots 指令、视口设置[3]；
  • <style>：内联样式表；
  • <script>：脚本；
  • <noscript> 与 <template>：备用内容与模板。

放错元素后的截断

解析器按规范处理 head。遇到只允许出现在 body 的元素，例如 <p> 或 <div>，它就结束 head、开始 body[2]。

从那一刻起，后面写的 <title>、<meta name="robots">、<link rel="canonical"> 都落进 body。落进 body 的元数据，爬虫不按 head 的规则解释，noindex、canonical 这类指令等于没写。

一份正常的写法如下。

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>页面标题</title>
  <link rel="canonical" href="https://www.example.com/page">
  <meta name="robots" content="index, follow">
</head>

与收录有关的几个元数据

  • <title> 决定结果的标题链接，移动版缺标题会被记为问题[4]。
  • <meta name="robots"> 控制是否索引、是否跟踪链接；移动版写错会让整站抓不到[4]。
  • <link rel="canonical"> 指明规范网址，重复内容由它合并。
  • 这类指令都要求写在 head 里才生效。

指令写对并不容易。Web Almanac 的统计显示，85% 的站点能让 robots.txt 返回 200，但返回 200 只说明文件存在，不代表里面的规则写对[6]。

与抓取和收录的关系

收录从抓取开始，百度把抓取概括为从互联网抓取网页、建立索引数据库、把索引库中的数据展现给用户[5]。head 写坏，控制收录的指令先失效，后面的抓取与收录就无从谈起。

常见误用

  • 在 head 里放 <div> 或一段裸文字，元数据整体失效。
  • 一个页面写多个 <title>。
  • canonical 写成相对网址，又没有配 <base>。
  • 把 <meta name="robots"> 写在 body 里。

附录

参见

参考资料

官方（境外）

  1. 《<head>：文档元数据（头部）元素》，MDN Web 文档，2025-08-06 更新。
  2. 《HTML Living Standard》，WHATWG，2026-10-06 更新。
  3. 《<meta>：元数据元素》，MDN Web 文档，2025-09-05 更新。
  4. 《Mobile site and mobile-first indexing best practices》，Google 搜索中心。

官方（国内）

  1. 《百度搜索的工作原理》，百度搜索资源平台，2023-12-21 更新。

第三方

  1. 《SEO》，HTTP Archive《Web Almanac》，2026-01-15。

外部链接

无。