在移动大潮如此汹涌猛烈的***况下，重视移动流量是必须的。而一个移动友好的站对用户是适合浏览，而对搜索引擎来说则是适当的标签使用，让他在***短时间内判别出它的移动友好***，从而脱颖而出。

首先是meta标签标示。以及将手机，移动端，wap版等代表移动的词汇插入到网页中顶部尾部以及页面中几次，强化移动页面的识别。博客园一篇文章以天猫****为例做了详解，我直接摘录过来。谢谢原作者。

一、天猫

<title>天猫触屏版</title> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <meta charset="utf-8"> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"> <meta content="yes" name="apple-mobile-web-app-capable"> <meta content="black" name="apple-mobile-web-app-status-bar-style"> <meta content="telephone=no" name="format-detection">

二、**

<title>**网触屏版</title> <meta charset="utf-8"> <meta content="yes" name="apple-mobile-web-app-capable"> <meta content="yes" name="apple-touch-fullscreen"> <meta content="telephone=no" name="format-detection"> <meta content="black" name="apple-mobile-web-app-status-bar-style"> <meta property="wb:webmaster" content="c51923015ca19eb1"> <meta name="author" content="m.taobao.com"> <meta name="copyright" content="Copyright ?m.taobao.com 版权所有"> <meta name="revisit-after" content="1 days"> <meta name="keywords" content=""> <meta name="description" content="">

三、**

1 <title> ** - 手机版 </title> 2 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;"> 3 <meta name="format-detection" content="telephone=no"> 4 <meta name="Keywords" content="手机购物,WAP商城,***用百货,3C家电,汽车用品">

四、网易

<title>手机网易网</title> <meta charset="UTF-8"> <meta content="width=device-width,user-scalable=no" name="viewport"> <meta name="apple-itunes-app" content="app-id=425349261"> <meta name="apple-mobile-web-app-capable" content="yes">

五、百度

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> <meta name="format-detection" content="telephone=no">

meta指元素可提供有关页面的元信息(meta-information)，比如针对搜索引擎和更新频度的描述和关键词。 标签位于文档的头部，不包含任何内容。 标签的属***定义了与文档相关联的名称/值对。

手机端特有的有哪些?

<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"> <meta content="yes" name="apple-mobile-web-app-capable"> <meta content="black" name="apple-mobile-web-app-status-bar-style"> <meta content="telephone=no" name="format-detection">

**个meta标签表示：强制让文档的宽度与设备的宽度保持1:1，并且文档**的宽度比例是1.0，且不允许用户点击屏幕放大浏览;

width - viewport的宽度 height - viewport的高度 initial-scale - 初始的缩放比例 minimum-scale - 允许用户缩放到的***小比例 maximum-scale - 允许用户缩放到的**比例 user-scalable - 用户是否可以手动缩放

第二个meta标签是iphone设备中的safari私有meta标签，它表示：允许全屏模式浏览;

第三个meta标签也是iphone的私有标签，它指定的iphone中safari顶端的状态条的样式;

在web app应用下状态条(屏幕顶部条)的颜***; 默认值为default(白***)，可以定为black(黑***)和black-translucent(灰***半透明)。 注意：若值为“black-translucent”将会占据页面px位置，浮在页面上方 (会覆盖页面20px高度–iphone4和itouch4的Retina屏幕为40px)。

第四个meta标签表示：告诉设备忽略将页面中的数字识别为电话号码。

其次是百度对字号间距的规定，需严格遵守。

百度用户体验部对移动页浏览体验的研究成果：

1、主体内容含文本段落时，正文字号推荐14px，行间距推荐(0.42~0.6)*字号，正文字号不小于10px，行间距不小于0.2*字号;

2、主体内容含多图时，除图片质量外，应设置图片宽度一致位置统一;

3、主体内容含多个文字链时，文字链字号推荐14px或16px：字号为14px时，纵向间距推荐13px;字号为16px时，纵向间距推荐14px;文字链整体可点区域不小于40px;

4、主体内容中的其他可点区域，宽度和高度应大于40px;

5、此外，需注意交互一致***，同一页面不应使用相同手势完成不同功能。

再次，降低js，大图片，flash等富媒体资源使用，甚至在非特别必要***况下，使用纯静态文本资源，访问速度快，主题集中，减少蜘蛛工作。用还是不用，可以细致的体现到每个页面策略上去，富媒体的东西无非是利用人右脑功能强化记忆，加强吸引力的。但在移动端，它会严重拖慢加载速度以及占用有限手机空间。并非很好选择，除非对图片要求及flash或交互要求高的站点，不过通常它们的加速方面有强大的技术支持。可有效抵减带来的不利影响。

第四，使用m.jiaodaseo.com，wap.jiaodaseo.com，类似这样的通用标示多次重复标示，并可采用技术手段拒绝pc用户访问。或者强制跳转到pc页面。如果是自适配的，这种办法就不适用了，可加强上面提到的关键词标示，增进识别度。

第五，百度的自定义标签，用以帮助识别pc移动站。

用来向百度蜘蛛说明此url页面适合在PC端还是M端展现。说白了，就是帮助百度提交校验识别结果的正确***，减少百度蜘蛛把PC站当成M站，或者把M站当成PC站进行抓取。

2.代码位置：

代码放在中间，规则和对应关系见下：　

如果是PC站，代码：<meta name="applicable-device"content="pc">

如果是M站，代码：<meta name="applicable-device"content="mobile">

如果是自适应或代码适配，代码：<meta name="applicable-device"content="pc,mobile">。

总的一句话，速度快稳定移动访问体验佳，搜索引擎高度识别，并能建立起移动站跟pc站的一一对应关系。