SEO 百科

meta 标记与属性

本页目录

meta 标记与属性指的是网页 head 元素中，用来向搜索引擎说明页面设置的那部分内容[3]。

head 元素的合法内容

按 HTML 标准，head 里能出现的元素是有限的[3][2]。

合法的有下列几种[3]：

  • title
  • meta
  • link
  • script
  • style
  • base
  • noscript
  • template

页面元数据主要就写在这些元素里[3][1]。除了这些元素，别的元素都不该出现在 head 里[3]。

把这些合法元素放在一起，一个规范的 head 大致如下：

<head>
  <meta charset="utf-8">
  <title>数控机床 · Example 机械</title>
  <meta name="description" content="Example 机械的数控机床产品目录。">
  <link rel="canonical" href="https://www.example.com/products/cnc-lathe">
</head>

meta、title、link 都在合法清单里，按这个顺序写不会打断后面的标记。

无效元素的后果

如果 head 里出现了不合法的元素，后果比想象中严重[3]。

Google 一旦检测到这样的元素，会认为 head 已经结束，从而不再读取这个元素后面的任何元素[3]。也就是说，排在它后面的元数据等于没有写。比如 <head> 里先写一个 <img src="/cnc.jpg">，再写一条 <meta name="robots" content="noindex">，后面这条标记就不会被读取。

官方也说明，即使 HTML 不完全符合标准，Google 仍会尽力理解；但标记出错时，元数据的使用方式就可能出问题[3]。

常见的位置错误

有两类元素经常被放错位置[3]。

iframe 和 img 都不属于 head 的合法内容[3]。如果确实要放在这里，应当排在希望被读取的元素之后[3]。

与索引控制的关系

位置错误看似琐碎，却和收录控制直接相关[3]。

因为控制索引的 robots meta 标记，正是写在 head 里的那类元素[3]。robots meta 标记一旦排在无效元素后面，就可能被整段跳过，限制也就跟着失效了。

附录

参见

参考资料

官方（境外）

  1. 《Meta tags》，Yandex 网站管理员。
  2. 《The head element》，WHATWG。
  3. 《使用有效的 HTML 指定网页元数据》，Google 搜索中心。

外部链接

无。