手机网站建设怎样才合格，千万不要碰到这些雷！

  互联网时代来了，人人都想从移动端挖掘更多流量。于是又开始砸钱投广告到各大搜索引擎的移动端、APP、自媒体等。但是打开他们的手机网站一看，一水儿“不达标”网站完全没有看下去的欲望。为了不让更多的企业掉入移动流量大坑，今天老牛以多年游荡网络的经历，从百度最新发布的《移动友好度标准V1.0》出发，整理出手机网站“红黑榜”，对照榜单看看什么样的手机网站搜索引擎喜欢，也客户的口味！

  “一、网站可读性：单纯的给我一个能看见、看清、看懂的网站，好吗？
  在移动端就放过flash、弹窗广告、大量文字吧！样式过多简直是花样作死。好好做一个可读性的网站就可以了！网站可读性要注意以下三个方面：网站加载速度体验、网站结构、网站浏览体验。
  【网站加载速度体验】
  大家都很忙的好么？我只有3秒的耐心去加载打开一个网站。要是超过5秒，相信我，78%的人会选择离开。度娘也信，所以网站加载速度被列为百度搜索中一个重要的排序因素。
  【网站内容结构】
  1、想要抓住移动端流量，内容结构设置就得一目了然，不用通过左右滚动，缩放操作，网站的内容也可以完全显示。就像牛商网的网站一样：
  红榜：牛商网的手机网站能智能识别客户的设备，电脑网站、手机网站自动跳转根据不同屏幕，自动调节页面大小，打开速度快，省流量。
  牛商网PC网站首页首屏：

  牛商网手机网站首页首屏

  2、其次，移动端最忌讳莫名其妙的广告干扰！所以让网站上的恶意弹窗啊、小广告浮层，有多远藏多远！你的小广告伤害了客户的眼睛，度娘会在排序上伤害你，特别是这三种：小广告遮盖主体、小广告动态抢夺用户视线、小广告穿插主体。

  黑榜：1.页面结构差--需要横向滚动

  黑榜：2.页面结构差--需要缩放

  黑榜：3.页面结构差--广告挤压主要内容至第二屏

  黑榜：4.页面结构差--广告穿插到主要内容里

  【页面浏览体验】
  好了，以上两点做到了，你的手机网站已经是个“第一眼美人了”。要经得起“细看”，就得注意网站的图文排版：
  A、页面主体中的文本内容和背景色应有明显的区分度；
  B、页面主体中的文本内容应段落分明，排版精良：
  1、正文字号推荐14px，行间距推荐（0.42~0.6）*字号；正文字号不小于10px，行间距不小于0.2*字号；
  2、上传多图时，除图片质量外，应设置图片宽度一致位置统一；
  3、设置多个文字链时，文字链字号推荐14px或16px。字号为14px时，纵向间距推荐13px；字号为16px时，纵向间距推荐14px；文字链整体可点区域不小于40px；
  4、其他可点区域，宽度和高度应大于40px；
  此外，还要需注意交互一致性，同一页面的不同功能用不同手势完成，这样客户才不会蒙圈嘛。

黑榜：1.页面浏览体验差--字体和背景颜色区分困难

  黑榜：2.页面浏览体验差--字号行间距过小

  “网站易用性：网站只要做到简单、好用，有那么难吗？网站主要内容的展现形式不一样，有视频、超链接、flash等；根据不同的展现形式有不同的要求：
  【资源易用性】
  1、首页或索引页：页面提供的导航链接应清晰可点，页面推荐的内容应清晰有效；
  2、文本页面：页面提供的内容应清晰完整，有精良的排版。文本页面包括文章页、问答页、论坛页等。
  3、Flash：Flash 是移动设备上不常用的资源形式，应避免使用；
  4、音/视频页：音/视频应能够直接播放，且资源清晰优质。
  【功能易用性】
  1、商品页：页面应提供完整的商品信息和有效地购买路径。
  2、搜索结果页：页面罗列出的搜索结果应与搜索词密切相关。
  3、表单页：页面应提供完整有效的功能。表单页主要指注册页、登陆页、信息提交页等。

  黑榜：1.资源易用性--flash不可用

  【体验增益性】
  这个维度属于增益项，只有当页面在可读性和资源及功能易用性上表现较好时，1、提供访问路径上的增益，例如页面提供有效的导航或面包屑（My post），能够去往上一级或下一级页面；

  红榜：有效的面包屑和导航

  红榜：有效的交互效率--电话可拨打

  温馨提示:用手机打开你的网站。上黑榜的网站就不要花钱推广了，没用！赶紧做一个客户和度娘都喜欢的网站吧！最后，老牛还要说：都说移动时代，全网营销，手机网站都不达标就省省力气吧！另外，告诉你一个大秘密：为庆祝牛商网股票正式交易，暨成立8周年，截至31日，在牛商网建设网站，有机会获得全网营销套餐优惠，可获价值6500元的微信管家+价值20000元的10个分站系统。

  关注牛商网官微（nsw88com）或扫描下方二维码，回复“感恩”填写表格获得资格！仅限88名！