百度移动流量已反超稳中有升的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年课程表、报价单等。

 

方便浏览

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

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

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

 

下面列出教育行业之二级行业建站要素。页面如何讨人喜欢？如何证明你的权威性？如何吸引网民报名？客官往下看：

 

A 教育培训-语言培训

 

举个栗子：

 

B 教育培训-职业教育

 

 

C 教育培训- 休闲培训

 

此处还有栗子

 

D 教育培训- 高教自考

 

看，栗子：

 

3. 转化有技巧

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

 

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

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

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

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

 

听说，站在移动的风口上，猪都会飞，客官还不飞么？

信息网址：http://www.khcha.com/ziyuan/view15965.htm