QQ登录

只需一步,快速开始

开启辅助访问 切换到宽版
搜索

[使用心得] 零碎的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>,但也会参与搜索的。

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

  1. <meta http-equiv="Cache-Control" content="no-transform" />
  2. <meta http-equiv="Cache-Control" content="no-siteapp" />
复制代码


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

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

  1. <meta name="robots" content="noarchive">
复制代码


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

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

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


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

而在移动端的页面,同样需要声明:

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

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

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

  1. <meta name="applicable-device" content="pc">
复制代码

表示只适合PC端浏览。

  1. <meta name="applicable-device" content="mobile">
复制代码

表示适合移动端浏览。

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

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

  1. <meta name="applicable-device"content="pc,mobile">
复制代码
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即註冊

本版积分规则

QQ|网站地图|小黑屋|Archiver|東里論壇 ( 粤ICP备14015598号 ) 公安备案图标粤公网安备 44512202000019号
GMT+8, 2024-3-28 21:14 , Processed in 0.088713 second(s), 53 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.