IDC报告显示,2015年第一季度中国手机市场出货量为1.1亿部左右,同比下滑3.7%。其中智能手机市场出货量为1亿部左右,同比下降2.5%。这是过去6年以来,中国智能手机市场第一次出现季度同比下滑的情况。
这意味这什么呢?简单说,我国智能机不但普及,且已趋饱和,移动红利即将消耗贻尽。那对于网站优化人员又意味着什么?结果上讲,重大网站没有完成移动化需亡羊补牢,中小网站去完成移动化迫在眉睫。
制作出用户体验良好的手机页面只是万事俱备,最为关键的临门一脚是获得搜索引擎的青睐,这样才能得到精准的用户,很多网站拥有PC和移动两套页面,从经验上看,精准、高效地被搜索引擎识别不但促进移动页面的排名和流量获取,对PC页面也有额外的效果加成。
1.URL设计
URL尽量含有通用已成趋势的移动命名,例如“m./wap./3g./mobi./mobile./mob/wml/”,可以在子域名等方面体现。
2.页面顶部的doctype标签
作为协议的重要部分,doctype中是否移动化也很重要,检查是否存在与移动相关的声明,如这些关键词,openmobilealliance, xhtml-mobile, xhtml-basic,wapforum,dtd compact html
例:“<!DOCTYPE html PUBLIC “-//WAPFORUM//DTD XHTML Mobile 1.0//EN””http://www.wapforum.org/DTD/xhtml-mobile10.dtd”>”
3.meta标签中的viewport属性和x-ua-compatible 属性
viewport,移动前端开发中最重要的标签,响应式设计的根基,如果你的页面是遵守响应式设计的,那么说明这些页面对移动设备有友好的输出。
典型的的viewport代码是这样的,<meta name=“viewport” content=“width=device-width, initial-scale=1.0″>,判断移动与否的关键属性值为width,如果width=device-width这是典型的移动友好的设计,增加判定为移动页面的砝码,如果width有具体值,且值大于典型的移动屏幕(应该小于600),那么该页面被判定为PC页面的几率大大增加。
这三种方式的可以一起使用,可以起到更好的效果,这里就重点讲一下,如何合理使用meta标签,让搜索引擎识别页面是PC还是移动页面类型。首页了解下百度如何识别跳转适配关系!在三种主流的移动化方式(跳转适配、代码适配、自适应)中,跳转适配是目前使用者最多的一种,那么百度是如何判断PC页与移动页之间的对应关系呢?
适配移动页并不直接参与结果排序,仅出现在用户点击了某PC结果后,PC结果跳转向移动页面的场景下。也就是说,在百度移动搜索的环境下,检索系统先将一个拥有适配移动页的PC结果排了上来,搜索用户点击后,由适配关系决定哪个无线页面对它进行替换。所以百度对PC移动页适配关系的识别程度,直接决定了站点移动优化的成绩!目前让百度发现跳转适配关系的方式主要有三种:平台提交;META标记;自主适配。
百度站长平台工具提交对应关系
只需登录百度站长平台进入“移动专区”选择“移动适配”即可找到提交入口,目前平台支持“url对应关系”和“pattern对应关系”两种形式,管理员可以通过制作xml文件向百度提供PC与移动页的对应关系。由于大家觉得“URL对应关系”这种提交方式更为直观,很多站点在提交时都采用了这种方式,但其实“pattern对应关系”更方便,只要几句话即可把整个站点对应关系描述清楚,最关系的是,方便百度工程师后续跟进处理,快速发现、解决问题,所以平台呼吁大家使用pattern方式进行提交。
META标记
Meta标记是百度推出的一套规范,站点可以在PC页面中做简单标注,百度识别后会实现适配效果。即:站长在站点PC页的源代码头部嵌入一行或多行Meta信息,由Meta信息来指明该PC页对应的手机页的URL,以及该URL对应页面的格式,百度将根据用户终端类型选择最适合展示的页面。
Meta标签中name="applicable-device"是用来表明告知浏览器本页面是类型的页面。百度可以通过基本html特征来判断是否适合无线端浏览:
PC站:<metaname="applicable-device"content="pc">告知浏览器本页面是pc端的页面。
手机站:<metaname="applicable-device"content="mobile"/>告知浏览器本页面是移动端的页面。
响应式页面可标识:<metaname="applicable-device"content="pc,mobile">告知浏览器本网页是自适应的页面。
如果是PC和移动是独立的站点可以在加上canonical和alternate标签,更有利于SEO优化。当你拥有独立的PC站和移动站点时,即需要使用该标签,每个PC页面只能有一个移动对应页面,反之亦然,PC站(rel="alternate")和移动站(rel="canonical")。
在PC站点当中,在</head>前加入<link rel="alternate" href="对应移动端的页面url">;在对应的移动站点中</head>前加入<link rel="canonical" href="对应PC端的页面URL">以上两者关系为互指关系,意思是告诉搜索引擎,我这两个页面是对应的关系,以帮助他们了解向其用户提供的网站以及防止出现重复内容问题。