百度移动流量已反超稳中有升的PC流量，移动之争才是营销新主题!而手机站作为承载转化的关键环节，更值得每一个百度推广客户的重视。今天小编就向您介绍史上最强的移动建站指南。五月不建站，六七八九十十一十二月徒悲伤呐!

　　(下面以教育行业举个例子，但客官别担心→→通用标准可是各行业都适用哟~~~)

　　1. 通用体验标准：

　　通用体验标准包含6方面的内容：网站基础体验、网站层级结构、页面排版、字体字号、导航便利性。

　　1.1 基础体验先做好

　　? 移动站可正常打开，各页面加载时间不超过5秒

　　? 移动站支持主流浏览器，如百度浏览器、UC、QQ浏览器、safari等

　　? 各页面内容显示完整，没有无法显示的图片或其他内容。图片无拉伸或模糊现象。

　　? 各页面中链接可正常打开，无死链或空白页情况。

　　1.2 层级结构事不过三

　　? 移动站层级控制在2-4层，只有首页或4层以上结构均不合理。推荐2-3层结构：首页+详情页，首页+列表页+详情页。

　　首页：

　　首页主要承担分类导航和重要信息提示功能。应采用简洁布局，清晰分类。主要模板可包含banner焦点信息、分类导航模块、产品列表模块、转化工具模块等。

　　? 模块排序：各模块居中对齐，分类导航模块、焦点信息应在第一屏显示。

　　? 顶部banner焦点图：单张图片大小不超过50K，不使用FLASH动画。建议图片高度不超过手机屏幕手机1/3，宽度同页面宽度要求。 多张banner图可采用轮播方式。

　　? 分类导航模块：排版整齐，推荐采用按钮或图块样式，大小应方便点击;分类图标横向排列不超过4个，纵向不超过3行。

　　? 产品列表模块：如有产品列表，其纵向条目一般不超过5条。建议采用缩略图+文字描述样式。

　　? 转化工具模块：采用底部工具栏样式或页面侧边栏样式。悬浮方式，大小方便点击。底部工具栏高度不低于48px。

　　? 顶部LOGO图：首页顶部应有明显品牌logo或公司名称。LOGO图片使用png格式，高度不可小于28px。

　　列表页

　　列表页用于分类展现商家产品或服务，主要包括分类列表模块，转化工具模块等。

　　? 分类列表模块：列表条目采用纵向排列，每页条数不超过10条;更多内容采用分页显示，列表下方使用“上一页”“下一页”提示。

　　? 列表条目一般分为纯文字和图文两种样式，推荐采用图文结合样式，图片内容与文字描绘相呼应。避免使用只有纯图片的页面。

　　? 转化工具模块、顶部LOGO：同首页要求

　　详情页

　　详情页用于让用户了解更详细产品信息，解答疑问促成转化。主要包括产品详情模块、转化工具模块等。

　　? 产品详情模块：内容应采用图文或列表样式;重要信息突出显示，可用大字体、加粗等方式。

　　? 转化工具模块、顶部LOGO：同首页要求。

　　1.3 页面排版有讲究

　　? 页面宽度：适配多种尺寸手机屏幕，无需横向滚动，不放大时能清晰浏览内容。宽度推荐640像素，居中对齐;并通过480*800像素和640*960像素显示测试。

　　? 页面长度：单页内容不宜过长。建议首页内容控制在2屏内，列表页、详情页控制在3屏内。内容较多时可以分页显示，在页面底部使用“上一页”“下一页”提示。如确需长页面显示，建议有悬浮的“返回顶部”按钮。

　　1.4 配色怎么养眼

　　? 网站配色使用WEB安全色(RGB256)，禁止使用CMYK模式。各页面与首页配色保持一致。

　　? 网站配色合理，与所属行业有相关性，如幼儿教育采用暖色、绿色调;IT、汽修培训采用蓝色调等。

　　1.5 字体字号有门道

　　? 所有网页字体默认微软雅黑或宋体，少量黑体，颜色要与背景对比明显

　　? 文字大小易于阅读，做到不同分辨率自适配：开发程序中建议首页、列表页使用14-16号字(sp);详情页标题使用18-22号字(sp)，内容使用12-16号字(sp)

　　1.6 导航便利性

　　? 导航按钮每页采用统一样式，位置固定。大小适合手指点击，建议不小于32px*32px，按钮应尽可能的使用CSS样式来实现。

　　网站层级内容较多，应在页面上方增加弹出式全站导航模块或内容搜索模块。

　　? 页面间跳转方便，推荐采用滑屏翻页方式。

　　? 网站二级、三级页面有“返回上一级”、“返回首页”等导航链接。

　　? 网页内容不满一页时无翻页提示，分多页显示时在页面下方使用“上一页”“下一页”等按钮链接。

　　2. 教育行业特色内容规范

　　基础要求

　　? 网站内容应尽量全面丰富，总页面数建议大于10个以上。

　　? 应包含公司名称，公司介绍、产品简介及详细的联系方式

　　? 内容应真实可靠，及时更新。不能有虚假或者过期内容：如13年课程表、报价单等。

　　方便浏览

　　? 课程按照不同的类别分类，学员年龄、专业分类等，方便阅读查找

　　? 明确说明学校位置和上课时间，方便学员安排时间

　　? 可显示课程截止报名时间。

　　3. 转化有技巧

　　? 网站应提供3种以上转化方式：如在线咨询、电话、离线宝、地图、以及在线报名、免费试听申请等。

　　? 各级页面使用统一转化工具图标样式。不干扰阅读体验。可采用底部工具栏、页面侧边栏样式，推荐悬浮方式，随页面滚动每屏显示。

　　? 电话：应采用点击直接拨号方式，不需再次输入号码;推荐使用企业400号码。

　　? 地图：标示位置应清晰明确，旁边辅助地址信息的文字描述。

　　? 转化工具如采用中间弹窗方式，建议弹窗不超过1个，大小不超过屏幕1/4，弹窗方便关闭，弹出频率间隔5秒以上。

　　听说站在移动的风口上，猪都会飞，客官还不飞么?想飞个二万五千里，请戳：http://www.wanhu.com.cn/

注：文章由万户广州网站建设 http://www.wanhu.com.cn 进行编辑，转载需注明来源。

返回