发布时间：2021-1-24 分类： 电商动态
在如此汹涌的移动潮流的情况下，有必要关注移动交通。一个适合移动设备的站点适合用户浏览，并且搜索引擎是适当的标签使用，这样他就可以在最短的时间内区分其移动友好性，从而脱颖而出。
第一个是元标记。并且将移动电话，移动，wap版本和其他代表性的移动单词插入到网页的顶端和页面多次以增强对移动页面的识别。博客园中的一篇文章详细解释了天猫淘宝京东。我直接提取它。感谢原作者。
首先，天猫
< title>天猫触屏</title> < meta content='text/html; charset=utf-8'htt-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 Copyright'> < 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家电，汽车用品'>
4.网易
< title> Mobile NetEase</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'>
5.百度
< meta http-equiv='Content-Type'content='text/html;字符集=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 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'>
第一个元标记表示：强制文档的宽度为1: 1和设备的宽度，文档的最大宽度比为1.0，并且不允许用户单击屏幕进行放大;
宽度 - 视口高度的宽度 - 视口初始比例的高度 - 初始缩放最小比例 - 允许用户缩放到最大比例的最小比例 - 允许用户扩展到的最大比例用户可扩展 - 用户是否可以手动缩放
第二个元标记是iPhone设备中的safari私有元标记，表示：允许全屏模式浏览;
第三个元标记也是iphone的私有标记，它指定iPhone中Safari的顶部状态栏的样式;
Web应用程序应用程序中状态栏（屏幕顶部栏）的颜色;默认值为默认值（白色），可设置为黑色（黑色）和黑色半透明（灰色半透明）。注意：如果值为“黑色半透明”字样。将占据页面px位置，浮在页面上方（将覆盖页面20px高度– iphone4和itouch4 Retina屏幕为40px）。
第四个元标记表示设备被告知忽略页面中的号码作为电话号码。
其次，必须严格遵守百度对字体间距的规定。
百度用户体验部关于移动页面浏览体验的研究成果：
1.当主要内容包含文本段落时，建议正文号为14px，建议行间距（0.42~0.6）*字体大小，正文号不小于10px，行间距不是小于0.2 *字体大小;
2.当主要内容包含多个图像时，除图像质量外，图像宽度应一致且均匀;
3.当主要内容包含多个文本链时，建议字体链大小为14px或16px：当字体大小为14px时，建议垂直间距为13px;当字体大小为16px时，建议垂直间距为14px;文本链的整体链条不小于40px;/P>
4.主要内容中的其他可指定区域，宽度和高度应大于40px;
5.另外，你需要注意交互的一致性，同一页面不应该使用相同的手势来完成不同的功能。
同样，减少使用富媒体资源，如js，大图像，flash等。即使在非常规情况下，使用纯静态文本资源，快速访问，专注于主题，并减少蜘蛛工作。无论是否使用，它都可以反映在每个页面策略中。富媒体只不过是利用右脑功能来增强记忆力和增强吸引力。但在移动端，它将严重降低加载速度并占用手机上有限的空间。不是一个好的选择，除非对图像和具有高闪存或交互要求的站点有要求，但通常他们对加速有强大的技术支持。能有效抵消不良影响。
第四，使用m.jiaodaseo.com，wap.jiaodaseo.com，这样的通用标签多次重复标签，并可以使用技术手段拒绝访问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台之间的一对一对应关系。
