手机网站建站指南
发布日期:2017/2/5 16:00:46

百度移动流量已反超稳中有升的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秒以上。

 

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