前言

编写过HTML文档的朋友对meta元素一定不陌生，meta元素有一项非常重要的作用就是声明当前网页（即，HTML 文档）的基础信息。这些基础信息有个专业术语，叫“元数据（Metadata）”。元数据是 SEO 一个非常重要的工具。搜索引擎就是通过这些元数据来认识网页的。

认识元数据(meta)

meta元素用于设置当前网页的元数据。例如：网页描述、作者、针对搜素引擎的关键字等等。

meta 元素有如下特性：

是一个空元素（void element）
一般情况下，meta元素都存放在<head>元素中。
必须存在开始标记（<meta）且不能存在结束标记（/或</meta>）。例如：<meta charset="utf-8">
meta元素主要服务于机器。尽管meta元素不会显示在页面上，但是浏览器、搜索引擎抓取工具¹、服务器等等都能使用这些信息。

上面关于<meta>的描述有些拗口，可以不用深入了解。只需要知道，<meta>和SEO有关即可；一般情况下，存放在<head>中。

与SEO相关的meta元素

meta元素的用途有很多。有控制页面刷新的；有设置移动端显示效果的；也有和SEO相关的。

接下来，简单讲讲那些和SEO相关的meta元素。

页面标题

<title>标签是用于设置网页标题。尽管它并不是通过<meta>设置，但它是SEO中非常重要的元数据。

google 对网页标题做如下描述：

写法如下：

<title>页面标题</title>

设置标题时，需要注意一下几点：

确保 <title>内容和网页内容有较强的关联性。避免题不对文。
确保为每个网页分别指定一个标题。
为 <title>元素编写简练的描述性文字。
避免关键字堆砌。在 <title> 元素中包含几个描述性词汇有时会有帮助，但请勿多次重复使用相同的字词或短语。
避免 <title>元素中出现重复或样板化的文字。

网页摘要

网页摘要是对网页内容的精炼提取。摘要会显示在搜索结果页上，有助于用户对网页有初步的了解。

写法如下：

<meta name="description" content="这里是网页摘要！" >

编写摘要有如下要点：

尽量与页面内容有强关联性。
尽量能够准确概括特定网页。避免网站中所有网页的摘要都一样。

关键字

关键字即搜索关键字，是网页内容高度凝练的词组列表。关键字有助于搜索引擎索引查找网页。

写法如下：

<meta name="keywords" content="关键字1,关键字2,关键字3“ >

编写关键字时有如下要点：

关键字之间要用英文逗号,分隔。
关键字要和网页内容有关联性。避免不相关的关键字。
设置适量的关键字。关键字太少没法完全体现网页内容，但一味的追求大量的关键字就会照成关键字堆砌。能充分体现网页内容即可。
避免关键字堆砌。

网页作者

网页开发者也是网页信息的一部分。可以如下设置：

<meta name="author" content="作者1,作者2，作者3" >

抓取工具行为的控制

借助<meta name="robots">可以控制抓取工具的行为。

写法如下：

<meta name="robots" content="index,follow" />

上面这些 meta 元素都是通用性的。除此之外，不同的搜索引擎会为自己的爬虫机器人制定专门的 meta 元素。

例如 Google 专用的:

<!-- 作用等同于 name="robots",但只对谷歌搜索引擎的爬虫机器人有效 -->
<meta name="googlebot" content="index,follow" />

<!-- 用于告知 Google 不要显示站点链接搜索框 -->
<meta name="google" content="nositelinkssearchbox" />

<!-- 用于告知 Google 您不希望提供该网页的翻译 -->
<meta name="googlebot" content="notranslate" />