Categories


Tags


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

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

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

1、简单快捷

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

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

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

· 精简文字

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

2、简化导航

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

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

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

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

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

· 列表式

· 选项式

3、拇指操作

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

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

· 间距加宽,扩大点击范围

· 使用颜色和阴影凸显按钮

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

4、一目了然

· 确保内容与屏幕大小一致

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

· 使用留白空间

· 整齐的排版

· 舒服的字型大小

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

5、广泛适应

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

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

· 根据屏幕方向调整显示

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

6、轻松转化

· 简化注册登录流程

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

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

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

7、立足本地

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

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

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

8、流畅体验

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

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

9、重新定向

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

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

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

10、持续改进

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

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

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

来源:北漂书生投稿

来源:月光博客


Public @ 2019-10-04 16:20:27

谈谈响应式网站前端设计

响应式网页设计是根据访问者的使用设备不同,调整网页展示的宽度和高度,以合适的比例分辨率自适应平台屏幕宽度,使界面更美观,从而更好地了解用户要求,提高用户体验。 响应式网页设计主要是从CSS3层面进行实现,通过媒体查询功能和流功能,可以有效地根据屏幕宽度改变网页布局,自动适应不同机型显示,从而实现页面的自适应效果。另外,还可以通过在不改变设计思路的情况下,使用mixin技术或者百分比布局,实现

Public @ 2023-03-04 22:48:23

移动端网站建设如何提高资源的易用性

1. 简化页面设计:移动屏幕空间有限,页面设计应当精简,避免出现冗余、复杂的元素,让用户能够迅速找到需要的资源,并方便其查看与操作。 2. 提高页面响应速度:移动设备性能相对较弱,页面加载速度应当越快越好。通过技术手段,优化代码、压缩图片等方式来提高网站运行速度。 3. 优化导航设计:移动设备屏幕小,导航设计需要考虑如何使得不同资源内容能够简单明晰地展现出来,为用户提供快速导航的功能。 4.

Public @ 2023-06-02 23:50:19

移动端网站SEO优化该怎样做?

过去几个月在问答社区回答了一些关于移动端网站优化的问题,发现很多移动SEO的问题涉及到用哪种架构做移动站。不少SEO貌似对独立移动站,也就是单独的m.domain站有不小的执念,认为独立移动站才是效果最好的。问答后台看到另一位读者“一条爱做梦的咸鱼”,也是问“新网站做移动SEO,使用m站还是响应式?”:您好,我在某个回答中看到了你的回答,有一些疑惑,您建议:“新网站,或者刚刚要做移动SEO的,最好

Public @ 2013-04-16 16:20:25

如何提高网站在百度移动搜索排名?

百度移动搜索目前是全球最大的中文移动搜索引擎,越来越多的用户使用移动设备访问网站,想必移动搜索的需求量是很大,怎么提高网站在百度移动搜索排名呢,让用户更快的发现我们的网站。如何提高网站在百度移动搜索排名?1、明确的标题用户通过搜索关键词访问网页,标题既要简单明了的让用户清楚网页的主题是什么,同时也要激起用户的点击欲望。网页的标题也是搜索引擎判断一个页面内容权重之一。移动站的标题注意事项:① 字数:

Public @ 2015-07-17 16:20:12

更多您感兴趣的搜索