页面元数据

页面元数据是写在 HTML 文档里、用来向搜索引擎交代网页信息的那部分内容^[2]。

它管的是网页的身份，比如标题、字符编码、页面与语言的关系^[2]。因为这些信息要能读到才算数，所以承载它的标记必须合规^[2]。也就是说，写法上的一点瑕疵，就会让整段元数据失效。

承载位置

承载页面元数据的主要元素是文档的 <head>^[2][1]。

Google 会尽力理解无效的 HTML，但标记里的错误可能让它用错元数据^[2]。用有效的 HTML 写明元数据，才能保证 Google 按所写的方式使用它们^[2]。也就是说，合规不是形式要求，而是元数据生效的前提。

允许的元素与无效元素

按 HTML 标准，<head> 只允许放少数几个元素^[2]。

类别	元素
允许	title、meta、link、script、style、base、noscript、template[2]
常见越界	iframe、img[2][3]

其余元素都不该出现在这里^[2]。把不该放的放进去，这个 <head> 就失效了，因为它已经偏离了标准规定的结构^[2]。

合规的 <head> 只放允许的元素，一份完整写法是这样：

<head>
  <meta charset="utf-8">
  <title>数控机床选型指南</title>
  <meta name="description" content="数控机床厂家，支持按图定制，欢迎询价">
  <link rel="canonical" href="https://example.com/cnc-machine">
</head>

<meta charset> 排在最前，其余标记各负责一项信息。

无效元素造成的截断

一旦 Google 在 <head> 里检测到无效元素，就会认定这里已经结束^[2]。比如 <head> 里先写 <img>，再写一个 meta，这个 meta 就不会被读取。

从这个位置往后，Google 一律不再读取 <head> 中剩下的元素^[2]。所以一个越界元素的影响，不只是它自己无效，还会连累排在它后面的所有元数据^[2]。也就是说，越界元素的位置越在前面损失越大^[2]。实在需要用到这类元素时，就该把它们放到希望 Google 读到的元素之后^[2]。

附录

参见

• title 标签
• meta description
• meta 标记与属性

参考资料

官方（境外）

1. 《head：文档元数据（头部）元素》，MDN Web 文档。
2. 《使用有效的 HTML 指定网页元数据》，Google 搜索中心。

第三方

3. 《6 Reasons Why Google Says Valid HTML Matters》，Search Engine Journal。

外部链接

无。