卢松松博客

谷歌:移动网站建站十大原则

 人参与 | 时间:2013年08月07日 11:04

近日,谷歌官方在Google AdSense十周年讲座上发布了移动建站十大原则,由于是PPT形式,所以小生把它整理成文字版的移动网站建站原则(也可以看做是谷歌手机站优化指南),供广大站长参考。

有兴趣的站长也可以对比下 百度发布的手机站优化指南 ,看一看立足于中文本地搜索引擎的百度与有国际视野的谷歌在 移动网站优化 上有哪些共同点和区别,在此仅总结谷歌发布的移动网站建站原则,当然这份移动建站原则也是偏向于中文站长的。

谷歌:移动网站建站十大原则 建站教程 第1张

1、简单快捷

所谓简单快捷,就是要在手机有限的屏幕上以最简单最实用最快捷的形式展示给用户最需要的东西,让用户方便。谷歌的建议是:

优先提供用户最需要的内容和功能

减法,减法,减法(解释一下,这一点其实就是在强调手机网站要去掉一切可以去掉的内容、功能、板块、按钮等,只留下最精华的部分,记住是最精华的部分。谷歌举例了淘宝的移动网站)

精简文字

压缩图片以提升网站加载速度

谷歌:移动网站建站十大原则 建站教程 第2张

2、简化导航

明确的目录结构,避免用户横向滚动页面

提供醒目的“后退”和“首页”按钮

谷歌:移动网站建站十大原则 建站教程 第3张

对于导航的目录结构,谷歌列出了四种常见的手机网站的导航形式,分别是:

横条式(谷歌指出,根据手机屏幕尺寸以及统计数据显示,横条最好不要超过7个)

大按钮式(这种形式是手机站最常见且应用最多的导航形式)

列表式

选项式

3、拇指操作

较大的按钮,降低操作难度

适当的空间,避免意外点击(与加宽间距目的一样,都是为了扩大点击范围,防止用户因为按钮较小而误点其它选项或内容而造成的不便。也就是在有限的手机屏幕上再适当给按钮做些留白)

间距加宽,扩大点击范围

使用颜色和阴影凸显按钮

这一点不仅仅是针对搜索引擎的优化设计,更是手机站针对用户体验的人性化设计,在这一点上,谷歌考虑的更周全些。

4、一目了然

确保内容与屏幕大小一致

背景和文字颜色的鲜明反差

使用留白空间

整齐的排版

舒服的字型大小

这一点同样是考虑用户体验的问题,如果是第三点是考虑用户手感或者说触感的话,第四点就是考虑用户的观感。

5、广泛适应

网站能在不同的移动设备上运行

移除flash,使用HTML5来实现互动内容和动画

根据屏幕方向调整显示

很多站长可能不太懂HTML5相关技术以及自适应网页技术,没关系,百度的手机站优化指南有相关知识,还是不明白的话,百度一下,你就知道。

6、轻松转化

简化注册登录流程

减少使用者输入:使用表单、菜单、选择框

着重提供有助于转化/注册的信息

还是尽可能的给用户提供方便,减少给用户带来的麻烦,节约用户的时间和浏览成本,要知道,时间就是金钱。

7、立足本地

与用户位置相结合的个人化信息

地图、路线、电话、本地信息等

在所有提供内容当中,除非用户是找寻通用信息,所以本地化信息是最对用户有帮助的。

8、流畅体验

允许用户保存搜索、书签、购买等信息

尽可能在所有平台提供相同信息和功能(即无论是PC端、平板端还是手机端都保持网站信息的一致性)

谷歌:移动网站建站十大原则 建站教程 第4张

9、重新定向

自动判断移动设备,重新定向相应适合的网站内容(自适应网页技术,根据不同的移动设备和屏幕尺寸,来显示相应的网站内容)

让用户可以切换电脑版与移动版网站

让用户选择下次访问的版本

10、持续改进

使用分析工具,了解用户如何使用网站

收集用户意见并反复测试,追踪表现

移动网站不是移动应用,所以可以持续的改进并调整。

配图来源于谷歌在线PPT讲座截图,文章来自于 北漂书生博客

相关阅读:百度发布了移动建站指南,图文并茂的描述了如何提高移动站在百度质量度的等级

顶: 0踩: 0

来源:,欢迎分享,(QQ/微信:13340454)

原文地址:http://lusongsong.com/reed/754.html

必填

选填

选填

◎已有 61 人评论,微信搜:QQ13340454

1楼妹子最多的大学排行  2015-06-29 21:43:13
内事问百度,所以google跟我无关。
顶: 1踩: 0 回复
2楼全方位站长网  2014-09-18 22:13:11
移动用户不可小觑。
顶: 0踩: 0 回复
3楼养生网  2014-07-02 12:19:43
我也准备做移动站。
顶: 0踩: 0 回复
4楼九块九包邮  2014-05-21 10:19:50
移动网站是新东西啊,要抓住这个机会了。
顶: 0踩: 0 回复
5楼妹妹高清网  2014-01-09 13:17:28
移动手机网站与二维码绑定的平台已经慢慢映入人们的眼帘,不久将来必将成为移动互联网时代的新宠儿。呵呵,学习了
顶: 0踩: 0 回复
6楼情人节礼物  2013-08-13 11:58:15
移动手机站将会成为主流
顶: 0踩: 0 回复
7楼石家庄信息港  2013-08-11 16:37:51
随着智能手机拥有量不断增多,移动网建站会有一个爆炸式发展。
感谢分享。
顶: 0踩: 0 回复
8楼佰莉丽服饰旗舰店  2013-08-10 09:22:45
如果使用者没有启用wap站的话,百度会根据协议自行抓取。
顶: 0踩: 0 回复
9楼地漏  2013-08-09 10:43:28
又学习到新东西了,每次来都有惊喜,写得太好了
顶: 0踩: 0 回复
10楼二维码生成器  2013-08-09 09:09:10
移动手机网站与二维码绑定的平台已经慢慢映入人们的眼帘,不久将来必将成为移动互联网时代的新宠儿。
顶: 0踩: 0 回复
11楼二维码名片  2013-08-09 09:07:52
移动互联网时代,移动手机站将会成为主流,移动网站生成平台将会层出不穷!
顶: 0踩: 0 回复
12楼批量生成二维码  2013-08-09 09:06:46
目前移动站与二维码绑定的平台越来越多!
顶: 0踩: 0 回复
13楼骚动吧妹子  2013-08-08 23:05:22
PC站还搞不定,移动站又来了
顶: 0踩: 0 回复
14楼小猫猫  2013-08-08 17:17:44
移动网站用户体验的第一印象非常重要
顶: 0踩: 0 回复
15楼千度博客  2013-08-08 15:14:35
让人看的很明白啊,感谢啊
顶: 0踩: 0 回复
16楼  2013-08-08 10:59:36
因为人家是老大啊,每个行业的标准制定都是由老大制定出来的。
顶: 0踩: 0 回复
17楼站长百科  2013-08-08 10:16:45
很多东西,谷歌提出的就是标准,也很有国际视野
顶: 0踩: 0 回复
17楼  2013-08-08 10:59:36
因为人家是老大啊,每个行业的标准制定都是由老大制定出来的。
顶: 0踩: 0 回复
18楼LED护栏管  2013-08-08 10:09:19
很多的东西就是这样的
顶: 0踩: 0 回复
19楼网吧桌椅  2013-08-08 09:48:20
移动网站建站,越来越受关注。
顶: 0踩: 0 回复
20楼最旅集  2013-08-07 22:41:32
在外出差刚回津,有段时间没来了,松哥又添加新版块了【读书】,不错,好东西是需要分享的嘛!独乐了不如众乐乐。

顶: 0踩: 0 回复
21楼小鬼哥  2013-08-07 22:15:19
其实松松现在的主题不适合平板操作(手指触摸,用户体验),手机部分我也注意到提供了百度的移动2.0协议。
不过似乎在ZB2.2上有点小问题,回复评论居然成为新评论,或许是我哪里出错了
顶: 0踩: 0 回复
22楼大主宰无弹窗  2013-08-07 21:34:46
不知道网站什么时候收录
顶: 0踩: 0 回复
23楼智享互联  2013-08-07 21:24:17
同意此观点!
顶: 0踩: 0 回复
24楼玉皇报  2013-08-07 20:55:26
呵呵,这个是真的要好好学学了
顶: 0踩: 0 回复
25楼洒洒水  2013-08-07 20:33:22
常见的100个创意

顶: 0踩: 0 回复
26楼wordpress主题教程网  2013-08-07 20:26:56
这个有点难了。
顶: 0踩: 0 回复
27楼夕阳红老花镜  2013-08-07 20:26:13
这个要支持下 话说移动互联发展迅猛啊
顶: 0踩: 0 回复
28楼白马寺痛消贴  2013-08-07 19:11:26
其实就是怎么简单怎么来了啊!
顶: 0踩: 0 回复
29楼爱特abcdea  2013-08-07 18:58:30
貌似主题支持自适应很好吧。
顶: 0踩: 0 回复
30楼张力  2013-08-07 18:28:53
好久没去谷歌管理员工具里面看看了!
顶: 0踩: 0 回复
31楼呲啦呲啦  2013-08-07 18:10:04
我前段时间就是做wap站的,但是竞争对手攻击我,下决心就不做wap站了,改做cilacila.com (欢迎来看看)
看了这个文章后,我觉得我的确犯了一下错误!wap站应该简洁,而我做的。。。还是有点复杂!!等以后情况好了我就再把wap站的数据拿出来,重新做wap站!!!!!!!!!!!!努力努力!!!!!!!!!!!!
顶: 0踩: 0 回复
32楼北漂书生  2013-08-07 18:00:20
理性这东西在做互联网的人已被遗忘了,大家都在抢占先机,甭管赚钱不赚钱先以资本来说话,耗也得先把对手耗死,这就是国内互联网
顶: 0踩: 0 回复
33楼王牌网赚论坛  2013-08-07 17:54:52
谷歌虽然很苛刻很严格,但如果我们把谷歌搞定了,那基本上是不缺钱花的
顶: 0踩: 0 回复
34楼单身遗弃小屋  2013-08-07 17:49:15
你的这几篇关于APP的我都看过,只是考虑制作好应用后,没有版权没法提交应用,个人没有开发版权,又不是公司形式,没有提交app到各大安卓软件平台,那这一最大的推广方式算被截断了。
顶: 0踩: 0 回复
35楼怀化网站建设  2013-08-07 17:49:04
移动端阅读越来越方便,确实需要给博客加一个移动版
顶: 0踩: 0 回复
36楼卢松松  2013-08-07 17:20:51
我还专门写过文章http://lusongsong.com/reed/715.html
版权,你连想别都想哈。你用的是人家的平台,东西都在别人那里
顶: 0踩: 0 回复
36楼单身遗弃小屋  2013-08-07 17:49:15
你的这几篇关于APP的我都看过,只是考虑制作好应用后,没有版权没法提交应用,个人没有开发版权,又不是公司形式,没有提交app到各大安卓软件平台,那这一最大的推广方式算被截断了。
顶: 0踩: 0 回复
37楼电信通  2013-08-07 17:03:32
博主解析的非常独到。文采很好。
顶: 0踩: 0 回复
38楼单身遗弃小屋  2013-08-07 17:02:45
松哥,咨询个问题,若用百度site app和appcan这样的第三方平台制作的APP,自己没有版权对吧?因为提交应用都需要开发者身份或公司身份,那么这样借助第三方平台的APP也就不能以个人的身份去各大安卓平台上传应用了?有的第三方平台生成的APP是平台的版权,可以一键提交。松哥有空关注下这个问题呗
顶: 0踩: 0 回复
38楼卢松松  2013-08-07 17:20:51
我还专门写过文章http://lusongsong.com/reed/715.html
版权,你连想别都想哈。你用的是人家的平台,东西都在别人那里
顶: 0踩: 0 回复
38楼单身遗弃小屋  2013-08-07 17:49:15
你的这几篇关于APP的我都看过,只是考虑制作好应用后,没有版权没法提交应用,个人没有开发版权,又不是公司形式,没有提交app到各大安卓软件平台,那这一最大的推广方式算被截断了。
顶: 0踩: 0 回复
39楼电信通  2013-08-07 17:01:47
博主支持一下 写的真不错。
顶: 0踩: 0 回复
40楼刘孟浩  2013-08-07 16:46:24
很实用的教程,作者费心了。作为站长们应该尝试这项技术,即使自己不去做手机站点,也应该了解,不要一窝蜂的扎进去,理性至上,不要花没必要的精力。
顶: 0踩: 0 回复
40楼北漂书生  2013-08-07 18:00:20
理性这东西在做互联网的人已被遗忘了,大家都在抢占先机,甭管赚钱不赚钱先以资本来说话,耗也得先把对手耗死,这就是国内互联网
顶: 0踩: 0 回复
41楼chuanyi  2013-08-07 16:32:20
移动网站是新东西啊,要抓住这个机会了。
顶: 0踩: 0 回复
42楼物流设备  2013-08-07 16:18:14
用户体验是第一位
顶: 0踩: 0 回复
43楼恋爱宝典秘籍  2013-08-07 16:06:05
谷哥真的给力呀,我一直说我老哥很棒吧,怎么没有人信,现在知道我老哥的厉害了吧。
看你们还小瞧我不。

顶: 0踩: 0 回复
44楼鲁西南小帅  2013-08-07 15:59:20
移动互联网如何做精准营销是一门学位。大神指教喀喀喀
顶: 0踩: 0 回复
45楼国画大师  2013-08-07 15:49:46
还是以用户体验为准啊?
顶: 0踩: 0 回复
46楼小叶紫檀  2013-08-07 15:42:02
现在关于移动互联网的新闻越来越多了。移动时代真要来了!那互联网怎么办?
顶: 0踩: 0 回复
47楼激光设备  2013-08-07 15:40:23
移动建站,最近不感兴趣了。
顶: 0踩: 0 回复
48楼好运鞋  2013-08-07 15:22:32
移动是一块大蛋糕啊,越是年轻人用的越多。有未来啊。
顶: 0踩: 0 回复
49楼课件下载  2013-08-07 15:07:48
呵呵,学习了
顶: 0踩: 0 回复
50楼宿迁波仔博客  2013-08-07 14:49:58
什么情况?赶紧搞搞吧,我们晚点再过来...
顶: 0踩: 0 回复
51楼卢松松  2013-08-07 14:45:00
何止留言本,整个网站都出问题了
顶: 0踩: 0 回复
51楼宿迁波仔博客  2013-08-07 14:49:58
什么情况?赶紧搞搞吧,我们晚点再过来...
顶: 0踩: 0 回复
52楼常州货运公司  2013-08-07 14:43:07
互联网就是不断发展进步,针对新的想法的出现,实践也就是必不可少的了
顶: 0踩: 0 回复
53楼陈念  2013-08-07 14:34:39
现实中做的时候要考虑到的细节有很多。。。大的方向把握好,在注意细节···相信会有不错的表现!
顶: 0踩: 0 回复
54楼广州市悦诚安  2013-08-07 14:28:34
这个还需要多学习学习
顶: 0踩: 0 回复
55楼宿迁波仔博客  2013-08-07 14:25:34
松哥,今天的留言本 为什么进不去?
顶: 0踩: 0 回复
55楼卢松松  2013-08-07 14:45:00
何止留言本,整个网站都出问题了
顶: 0踩: 0 回复
55楼宿迁波仔博客  2013-08-07 14:49:58
什么情况?赶紧搞搞吧,我们晚点再过来...
顶: 0踩: 0 回复
56楼宿迁波仔博客  2013-08-07 14:24:32
慢慢的都转向移动端了,又是一块肥沃的土地。俺们屌丝很难涉猎啊。
顶: 0踩: 0 回复
57楼别墅装修公司  2013-08-07 14:21:23
互联网充满了机会,,,,,,,,,,,,
顶: 0踩: 0 回复
58楼站长百科  2013-08-07 13:54:14
移动领域,Google在国内的情况如何 大家了解吗?
顶: 0踩: 0 回复
59楼卢松松  2013-08-07 13:37:05
平板不需要优化,
手机部分我已经在模板里提供了百度的移动2.0协议。。如果使用者没有启用wap站的话,百度会根据协议自行抓取。
Google暂时没考虑
顶: 0踩: 0 回复
59楼小鬼哥  2013-08-07 22:15:19
其实松松现在的主题不适合平板操作(手指触摸,用户体验),手机部分我也注意到提供了百度的移动2.0协议。
不过似乎在ZB2.2上有点小问题,回复评论居然成为新评论,或许是我哪里出错了
顶: 0踩: 0 回复
60楼礼品  2013-08-07 13:35:30
学习了很实用
顶: 0踩: 0 回复
61楼小鬼哥  2013-08-07 13:04:13
期待松松主题针对移动网站(包括平板)作出适当调整
顶: 0踩: 0 回复
61楼卢松松  2013-08-07 13:37:05
平板不需要优化,
手机部分我已经在模板里提供了百度的移动2.0协议。。如果使用者没有启用wap站的话,百度会根据协议自行抓取。
Google暂时没考虑
顶: 0踩: 0 回复
61楼小鬼哥  2013-08-07 22:15:19
其实松松现在的主题不适合平板操作(手指触摸,用户体验),手机部分我也注意到提供了百度的移动2.0协议。
不过似乎在ZB2.2上有点小问题,回复评论居然成为新评论,或许是我哪里出错了
顶: 0踩: 0 回复
62楼上海PHP  2013-08-07 12:53:34
移动站说的简单,做的时候还是有很多细节的
顶: 0踩: 0 回复
63楼上海PHP培训  2013-08-07 12:53:06
移动站说的简单,做的时候还是有很多细节的。而且html5满蛋疼的。
顶: 0踩: 0 回复
64楼上海PHP培训团购  2013-08-07 12:52:17
移动站说的简单,做的时候还是有很多细节的。
顶: 0踩: 0 回复
65楼OA论坛  2013-08-07 12:48:40
又学习到新东西了,每次来都有惊喜
顶: 0踩: 0 回复
65楼智享互联  2013-08-07 21:24:17
同意此观点!
顶: 0踩: 0 回复
66楼下一站  2013-08-07 11:57:37
移动网站用户体验的第一印象很重要啊,一不小心流失了那么多用户
顶: 0踩: 0 回复
67楼淋巴水肿  2013-08-07 11:41:57
建站过程,无非就这样几样,但是如果真要做起来,还真不简单,还得从脚踏实地做起
顶: 0踩: 0 回复
68楼印度易瑞沙  2013-08-07 11:40:57
学习了
顶: 0踩: 0 回复
69楼PHP二次开发  2013-08-07 11:31:01
这个需要仔细看看,这两天正忙着做这个呢。
顶: 0踩: 0 回复
70楼刘兆华  2013-08-07 11:29:45
这是一定要来看看的!不知道网站什么时候收录!
顶: 0踩: 0 回复