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

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

 

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

 

1. 通用体验标准:

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

 

1.1 基础体验先做好

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

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

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

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

 

1.2 层级结构事不过三

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

首页:

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

Ø??榕判颍?/span>各??榫又卸云?,分类导航???、焦点信息应在第一屏显示。

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

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

Ø产品列表??椋?/span>如有产品列表,其纵向条目一般不超过5条。建议采用缩略图+文字描述样式。

Ø转化工具??椋?/span>采用底部工具栏样式或页面侧边栏样式。悬浮方式,大小方便点击。底部工具栏高度不低于48px。

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


 

列表页

列表页用于分类展现商家产品或服务,主要包括分类列表???,转化工具??榈?。

Ø分类列表??椋毫斜硖跄坎捎米菹蚺帕?,每页条数不超过10条;更多内容采用分页显示,列表下方使用“上一页”“下一页”提示。

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

Ø转化工具???、顶部LOGO:同首页要求

 

详情页

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

Ø产品详情??椋?/span>内容应采用图文或列表样式;重要信息突出显示,可用大字体、加粗等方式。

Ø转化工具???、顶部LOGO:同首页要求。

 

1.3 页面排版有讲究

Ø页面宽度:适配多种尺寸手机屏幕,无需横向滚动,不放大时能清晰浏览内容??矶韧萍?40像素,居中对齐;并通过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秒以上。

 

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

  • “一带一路”结硕果 以色列科技助力中国农业 2018-12-11
  • 国际货币基金组织称土库曼斯坦缩减开支或让货币贬值 2018-12-02
  • 中华龙舟大赛福州站收官 黑马异军突起摘大满贯 2018-12-02
  • 【十九大·理论新视野】动漫:“伟大工程”如何造就 2018-11-30
  • 中共武警西藏消防总队二届六次全体(扩大)会议召开 2018-11-27
  • 营销误导难绝? 保险销售实行可回溯管理 2018-11-25
  • 女性之声——全国妇联 2018-11-25
  • 2017环广西公路自行车世界巡回赛举行 南宁收获各方赞誉 2018-11-14
  • [雷人]你以为城市改造基础配套等用的钱是从哪里来的?不还是被你们享受了? 2018-11-14
  • “龙江二号”微卫星传回地月合影 2018-11-05
  • 揭幕战闪现大师级表现,俄罗斯22岁小将一战惊天下 2018-08-12
  • 高分六号卫星发射 系首颗精准农业观测高分卫星 2018-08-12
  • 宁波上周理财收益率有升有降 6月末回暖仍然可期 2018-08-04
  • 南通如皋为应对督察“回头看”违法掩埋危险废物 2018-08-04
  • 390| 925| 15| 559| 893| 300| 18| 213| 387| 342|