甚么是Meta标签
Meta标签给搜索引擎提供了许多关于网页的信息。这些信息都是隐含信息,意味着对网页本身的访问者是不可见的。
你可以在网页的<head>元素中发现<meta>标签。在过去,有人曾问我它会不会可以放在网页的<body>，好不要这样做。如果<meta>标签被放在<body>位置，某些浏览器可能没法辨认它们，也就相当于你创建了无效的标签。
通常情况下，<meta>标签会包括一个name属性，用来设置元数据。元数据的值放在content属性里面。你可以在<meta>标签中使用各种名称/值对，让我们来看看其中的一些。
你可以会遇到一些Meta标签
让我们运行一下在一个网页中发现的几个不同的<meta>标签。
Meta Description
Meta description标签多是有用的标签之一。顾名思义，它会给搜索引擎提供关于这个网页的简短的描写。代码以下:
<meta name=”description” content=”Everything you need to know about meta tags”/>
这个标签曾在搜索排名中占有很大的权重，但随着算法的不断的更新升级，它的地位也逐步下降。它虽然不会提高网站排名，但是，由于它会被用在搜索引擎的结果页，所以仍然有用。
这也就意味着它依然可以提高你的网页点击率。毕竟，当用户搜索的关键词与之相匹配时，会以粗体显示突出显示。这就是为何一个好的页面说明 (利用关键字的) 可以显示更多与用户相干的信息，进而提高了点击率。推荐的description长度为160个字符。
但是如果你没有使用description标签或description标签为空时，会产生甚么呢?搜索引擎仍会在搜索结果页显示出自己创键的一小段文字。大多数的结果都不是用户需要的，也就意味着你将失去用户点击网页的机会。
Meta Robots
Meta robots标签管理着搜索引擎会不会可以进入网页，你可以用它来允许或不允许搜索引擎来获得你的网页、进入你网页中的子链接或对你的网页存档。例如：
<meta name=”robots” content=”noindex, nofollow” />
这个meta标签告知搜索引擎不要获得网页，并且禁止其进入链接。如果你不谨慎使用了两个矛盾的术语 (例如noindex和index)，谷歌会选择具限制性的选项。
为何这个标签会对搜索引擎优化(SEO)起作用呢?首先，它可以避免对拷贝内容的冗余抓取，例如页面的打印版页面。它也可能会对那些内容不完全的页面或而存在私密信息的网页起作用。
Title
专业的讲，title标签不是meta标签，但他们都放在相同位置。我之所以把title标签放在这里是由于它对搜索引擎优化很重要。
在所有的HTML文档中，title标签都是不可缺少的。它定义了全部文档的标题，以下所示：
<title>Title of the page</title>
简单而实用。标题通常会显示在两个不同的地方;浏览器的头部标签和搜索结果页。这就意味着title标签在点击率(CTR)和排名上有很重要的影响。
一个好的标题应当包括关键字，而且好放在标题的开头部份。请记住，那些匹配到用户搜索的关键字会以粗体显示。
另外一件你应当牢记在心的事情就是标题的长度。谷歌会限制标题为70个字符，所以偶尔你可能需要书写一个适合的标题。
其它一些Meta标签
讲授了一些经常使用的meta标签，下面让我们来看一些不常常使用的。
Meta Content Type (charset)
meta content type标签被用来声明网页的字符编码，为了避免浏览器产生编码问题好加上这个属性。但是它不会影响搜索排名或点击率(CTR)。
你可能很熟习下面长长的Content-type代码:
<meta http-equiv='Content-Type' content='Type=text/html; charset=utf⑻'>
现在我们也能够使用更简短的、向后兼容的声明模式：
<meta charset=utf⑻ />
这个标签应当放在任何包括文本元素的标签之前，包括我们已讲授的title标签。
Meta Keywords
这个标签在过去很重要，但是现在却没甚么价值了。现在没有一个主流的搜索引擎使用meta keywords来判断网页的内容了。
在meta keywords标签里面，你可以存储几个关于网页内容的关键字。但是，它却不会提高你的排名。如果你想要实现它(虽然我不知道你为何这样做)你可以用以下代码：
<meta name=”keywords” content=”meta tags,search engine optimization” />
Meta Language
这个标签之前是用来声明网页的语言的。可以告知屏幕浏览器和其它文本处理器他们正在处理的语言以便更好的工作。这就是为何meta language的content声明为何可以为fr。
<meta http-equiv=content-language content=fr />
但这看起来是过剩的，W3C推荐使用标签的属性来声明语言：
<html lang=en>
如果这个元素所包括内容的语言和你在<html>元素设置的默许语言不一样时,这个属性也能利用到其他元素上：
<p lang=es>Me gusta..
Notranslate
有时，Google在结果页面会提供一个翻译链接，但有时候你不希望出现这个链接，你可以添加这样一个meta标签：
<meta name=”google” content=”notranslate” />
Refresh
使用这个meta标签你可以控制浏览器在一段时间以后自动刷新。举例说明，下面的代码表示每隔30秒网页自动更新：
<meta http-equiv=”refresh” content=”30”>
你也能够在刷新以后跳转到另外一个页面，看看下面这个例子：
<meta http-equiv=”refresh” content=”30;URL=’http://website.com’”>
W3C是不推荐使用这个标签的，由于它会令用户产生迷惑。另外，它对搜索排名没有任何影响。
总结
简单的说，有三个meta标签，你应当关注一下：description、robots、title(常常被视为是，但专业来说不是).
description标签被用来显示更多有关网页内容的信息，搜索引擎也会在搜索引擎结果页面(SERP)使用它。robots标签用来禁止搜索引擎获得拷贝页面、私密页面和未完成的页面。后，重要的title标签，控制它在70个字符以下，并在其中使用关键词。
keywords标签的时期已过去，好不在使用它。其他一些比较重要的标签(有关搜索引擎优化)：language、content、refresh、nontranslate。
声明：欢迎分享本文，转载请保留出处！
