我们都知道,要去识别一个网页,到底是属于PC端还是移动端,其实挺困难的事情。除非我们用手机去打开这个网页,看看是否适应移动端。
那么搜索引擎是怎么来识别你这个页面是移动端还是PC端的呢?上周参加了百度VIP俱乐部杭州站的活动,所以了解到他们是通过以下这几个方面来怎么识别的:
一、通过Metaviewport标签来识别
Metaviewport是WAP网页中用的比较多,我们用手机或其它移动设备打开网页时,总是会缩小为50%再显示,不能像iPhone那样支持viewport设置。所以通常做了自适应分辨率或设备时,通常会加这这么一句:
其中代码参数解释如下:
所以很多自适应网页,会主动加了这种代码,而加了这种代码的页面对用户而言就会有一个非常良好的用户体验,就会被百度搜索引擎进行识别,从而认为这个页面是适应移动端的,从而在移动搜索结果中得到一个良好展现。
第二、通过Doctype:Xhtml-mobile来进行识别
我们打开一个网页的源代码,通常可以看到这种头部信息,通过头部,我们可以得知这个页面是采用哪种标准来建设这个页面的。比如这个截图,就可以看到他的Doctype采用的是XHTML1.0。而在HTML5当中,通常头部标明的如下:
而以前比较老的建设的WAP网站,头部一般是用这种方式的:
我们可以看到这个WAP网站是采用Mobile1.0的。
第三、通过网页Title中带“手机版;触屏版”等字样来进行识别
很多网站会在网页的Title中,标上手机版或触屏版的字样,这样百度搜索引擎也能够进行识别这个页面,从而认为这个页面是移动端的网页。
所以在此对如果想要做自适应或没有用HTML5、Doctype等标明的朋友,可以在Title中加上手机版或触屏版的字样即可。
这里是通过两种方式进行识别:
(1)页面中如果有包含Media="sceen"代码的,一般也是会被搜索引擎识别为移动端页面;
(2)通过超链接Href的URL地址来识别,如果Url中含有/wap/字样的,那么百度搜索引擎会识别为移动端页面;
第五、通过metalink:mobileoptimized;app-mobile-web-app-capable来进行识别
通过识别网页源代码中的metalink以及app-mobile-web-app-capable,也可以识别成为移动端网页;
第六、明显的PC端特征
我们上面讲的是一些移动端的特征,但是如果该页面存在很多PC端特征,会对你的移动识别进行误识别,所以为了尽量符合搜索引擎,请不要误导。那么哪些方面会误导呢?
(1)Marquee滚动标签
(2)Div标签个数
(3)Flash动画、Js
(4)Iframe或frame框架
applicable-device标注