零碎的SEO学习笔记（二）网页头部的优化

東里山人 · 发表于 2016-9-1 05:21:13

网页代码中，有一段<head></head>代码，虽然并不呈现在浏览者面前，但却是网页的重要组成部分。<head>可以告诉搜索引擎很多东西，如果做得好了，能够获得非常好的SEO效果。

首先是<title></title>标签，这是网页的标题，浏览器会将这里面的文字呈现在浏览器标题栏或状态栏上。同时，我们在网上搜索需要的内容时，这个标签中的内容是搜索引擎必定要搜索的地方。所以，里面一定要放上适量的关键词，注意是适量，不要去堆砌，更不能让标题内容与正文无关。尽管搜索引擎还没有智能化到能完全判定标题与内容是否无关，但这会影响用户的阅读体验。如果用户打开网页后，发现内容与标题无关，不是自己想要的，一般都会关闭走人，这样网站，用户体验都是非常差的，搜索引擎或许会有一定的算法（或者通过人工抽查的方法）来确定标题质量。另外，标题字符数量不要过多，最好控制在50字符内（是否指汉字，待学习）。过多的文字会被搜索引擎自行截断（移动端会截得比PC端更短），各个搜索引擎截断的字数规定不同。

其次是description和keywords。以前，keywords是非常重要的，但被滥用之后，现在已经基本没有用了，但写上几个相关的关键词放上，也不费多大的事，说不定哪天搜索引擎算法又变了，keywords又变得有用了呢？至于description，这是对网页的摘要描述，当我们搜索之后，这里面的内容是与<title>一同呈现给用户的。如果没有填写，搜索引擎会自行在网页上抓取一定数量文字做代替。description同样要注意字数，控制在75字符左右。这里面的内容，要注意是网页内容的摘要描述，同时要布置一定的关键词。虽然description里面的关键词作用不如<title>，但也会参与搜索的。

第三是禁止百度转码。移动网络的高速发展，让移动端页面越来越重要，百度对他认为不适合在移动端呈现的网页，会抓取你的内容，转码成适应移动端阅读的另一页面，并放在百度自己的服务器上面。所以，当用户在移动端打开这些转码页面时，流量并没有到达你的网站，而是被百度拿走了，而且百度自己在转码的网页上放广告！为了流量，我们必须坚决禁止百度转码！代码如下：

<meta http-equiv="Cache-Control" content="no-transform" />
<meta http-equiv="Cache-Control" content="no-siteapp" />

复制代码

百度自己推荐用no-transform，但网上有人说这样没用，百度根本无视，所以有人两条一块用。但也有人说两条一块上也没用，效果并不好，但聊胜于无吧，总是要加上的。

第四是禁止生成网页快照。搜索引擎抓取你的网页后，会在他的服务器上生成一个快照，当用户点击快照时，流量同样不会到达你的网站上，所以一样要禁止，代码如下：

<meta name="robots" content="noarchive">

复制代码

注意“robots”表示所有搜索引擎爬虫，如果单独禁止百度，要改成：Baiduspider。禁止快照之后，有可能将原来只看快照的流量引到你的网站上来，但对SEO效果是否有影响还不知道，所以这一条，如果不能确定看快照的人太多，则没必要。

第五，当你的PC页面和移动端页面链接地址不同时，要做一些声明。在PC端声明有对应的移动页面，代码如下：

<meta name="mobile-agent" content="format=html5;url=http://m.XXX.net/page-1">
<link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.XXX.net/page-1" />

复制代码

两个都用上，不同的标签对应不同的搜索引擎。

而在移动端的页面，同样需要声明：

<link rel="canonical" href="http://www.XXX.com/page-1" >

复制代码

表示对应的PC端权威页面。

第六，声明是PC页面还是移动页面。这个在你同时拥有PC端和移动端网页时用的。做这个声明之前，要修改HTTP标头，让PC端访问网站是地打开PC端地址，移动端打开移动网页。但我不会修改HTTP，所以我用另一种办法，通过修NGINX（或者apache、IIS），判定是否移动端访问，如果是，则301跳转到移动端链接。做完设置后，在网页头部声明如下：

<meta name="applicable-device" content="pc">

复制代码

表示只适合PC端浏览。

<meta name="applicable-device" content="mobile">

复制代码

表示适合移动端浏览。

要注意的是，一般情况下，不要使用Javascript重定向跳转，因为对搜索引擎不友好。而且用户在浏览时必须先加载一遍PC端页面，再跳转到移动端，会影响用户体验。

如果你的网页是响应页的，即不论PC端还是移动端访问，都是同一链接同一页面，但能呈现出不同的样式（这种设计方向应该是未来的主流），则声明如下：

<meta name="applicable-device"content="pc,mobile">

复制代码

[使用心得] 零碎的SEO学习笔记（二）网页头部的优化

相关帖子

楼主新帖

本版推荐主题

本版热帖