第一个是元标签标签。以及在网页的顶部和底部插入手机、移动终端和wap版本等移动文字，并多次插入网页，以加强对移动网页的识别。博客花园里的一篇文章以天猫Taobao.com为例进行了详细解释，我直接摘录了它。感谢原作者。

我是猫

Title cat触摸屏版本/title元内容=' text/html；charset=utf-8 ' http-equiv=' Content-Type ' meta charset=' utf-8 ' meta Content=' width=设备宽度，initial-scale=1.0，maximum-scale=1.0，user-scale=0 ' name=' viewport ' meta Content=' yes ' name=' apple-mobile-web-app-capable ' meta Content=' black ' name=' apple-mobile-web-app-status-bar-sty le ' meta Content=' phone=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-full Screen ' meta content=' teleph one=no ' name=' format-detection ' meta content=' black ' name=' apple-mobile-web-app-status bar-style ' meta property=' WB :站长' content=' c 51923015 ca 19 EB 1 ' meta name=' author版权所有'元名称='重访后'内容=' 1天'元名称='密钥'内容='元名称='描述'内容='在m.taobao.com

3.京东

1 title jingdong-mobile phone version/title 2 meta name=' viewport ' content=' width=device-width，initial-scale=1.0，maximum-scale=1.0，user-scale=0；'3 meta name=' format-detection ' content=' telephone=no ' 4 meta name=' keywords ' content='手机购物，WAP商城，日用百货，3C电器，汽车用品'

4.网易

移动netease.com/title元数据集=' utf-8 '元内容=' width=设备宽度。user-scalable=no ' name=' viewport ' meta name=' apple-itunes-app ' content=' app-id=425349261 ' meta name=' apple-mobile-web-app-capable ' content=' yes '

五、百度

元http-equiv='内容-类型'内容='文本/html；charset=utf-8 ' meta name=' viewport ' content=' width=设备宽度，minimum-scale=1.0，maximum-scale=1.0，user-scale=no ' meta name=' format-detection ' content=' telephone=no '

元意味着元素可以提供关于页面的元信息，比如搜索引擎的描述和关键词以及更新频率。标签位于文档的开头，不包含任何内容。标签的属性定义了与文档相关联的名称/值对。

手机端特有的有哪些？

meta content=' width=设备宽度，initial-scale=1.0，maximum-scale=1.0，user-scale=0 ' name=' viewport ' meta content=' yes ' name=' apple-mobile-web-app-capable ' meta content=' black ' name=' apple-mobile-web-app-status-bar-sty le ' meta content=' telephone=no ' name=' format-detection '

第一个元标签表示：强制文档宽度和设备宽度保持1:1，文档最大宽度比为1.0，不允许用户点击屏幕放大浏览；

宽度-视口宽度高度-视口高度初始-比例-初始最小-比例-最小-允许用户缩放的比例-最大-允许用户缩放的比例-用户-可缩放-用户是否可以手动缩放

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

第三个meta标签也是iphone的私有标签，它指定了iphone中safari顶部状态栏的样式。

web应用程序下的状态栏(屏幕的顶部栏)的颜色；默认值为default，可以设置为黑色和半透明。注意：如果该值为“黑色-半透明”，它将占据页面px的位置并浮在页面上方(它将覆盖页面20px的高度iphone 4的视网膜屏幕，itouch4为40px)。

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

其次，百度对字体大小间距的规定应该严格遵守。

百度用户体验部关于手机页面浏览体验的研究成果；

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站当成M站或者把M站当成PC站来抓取。

2.代码位置：

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

如果是个人电脑工作站，代码：元名称='适用设备'内容='个人电脑'

对于电台m，代码：元名称='适用设备'内容='移动'

如果是自适应的或代码自适应的，则代码：元名称='适用设备'内容='个人电脑，移动设备'。

总之，快速稳定的移动接入体验是好的，搜索引擎得到高度认可，移动站和pc站之间可以建立一对一的通信。