Categories


Tags


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

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

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

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

1、简单快捷

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

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

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

精简文字

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

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

2、简化导航

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

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

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

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

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

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

列表式

选项式

3、拇指操作

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

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

间距加宽,扩大点击范围

使用颜色和阴影凸显按钮

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

4、一目了然

确保内容与屏幕大小一致

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

使用留白空间

整齐的排版

舒服的字型大小

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

5、广泛适应

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

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

根据屏幕方向调整显示

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

6、轻松转化

简化注册登录流程

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

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

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

7、立足本地

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

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

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

8、流畅体验

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

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

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

9、重新定向

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

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

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

10、持续改进

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

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

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

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

来源:卢松松博客


Public @ 2022-12-31 16:20:31

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

以下是提高移动端网站资源易用性的一些建议: 1. 移动优化 确保您的移动端网站能够良好地适应不同设备的屏幕大小和分辨率。提供一个移动友好的界面,使用户可以方便地浏览和访问资源。 2. 简化导航 在移动端网站中,导航很重要,但您需要注意的是,在小屏幕上,过多的导航选项很容易让用户感到困惑。因此,您需要尽可能简化导航,将其限制在最少的选项上。 3. 快速加载资源 在移动端网站中,快速加载资

Public @ 2023-05-26 06:00:16

移动端减少访问请求数的方法

访问请求数直接影响用户的浏览体验,请求次数过多会延长网站的打开速度,网站的打开速度直接影响了用户的跳出率。因此整理了减少访问请求数的方法,供大家参考。(1)、资源合并及压缩:比如将背景图片,导航图片等作为一张图片,这样只要一次请求,而不是多次。(2)、静态资源(CSS,JS,Image)懒加速。(3)、异步执行inline脚本。(4)、避免重复的资源请求。(5)、缩小Cookie。(6)、设置连接

Public @ 2019-11-22 16:20:33

什么是百度搜索移动友好度

百度搜索移动友好度:当用户在手机上点按百度搜索结果时,除了搜索结果对需求的满足程度外,搜索结果的加载时间、页面浏览体验、资源或功能的易用性、页面是否符合移动端适配等,都影响移动用户体验的满意度。百度致力于帮助移动用户获得更好的移动页浏览体验,移动友好度是一个重要的评价因子。这份标准旨在告诉广大站长,怎样的移动页是受用户欢迎的,不仅针对搜索引擎,百度更鼓励站长从用户角度来建设网页。来源:搜外网

Public @ 2012-08-22 16:20:13

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

1. 提供可靠的、快速的加载时间。移动设备的用户体验和加载速度相关,因此建议移动站点快速加载,减少过度加载、动画或复杂的CSS设计。 2. 确保您的网站易于使用。手机的屏幕较小,因此按钮和菜单等元素需要合理分布,简洁明了易于使用。 3. 重量轻巧,适应不同的屏幕大小。谷歌建议使用自适应布局或响应式设计使您的站点能够适应各种屏幕尺寸,而不仅是传统的计算机屏幕。 4. 减少需要手动输入的内容。移

Public @ 2023-06-11 07:50:21

更多您感兴趣的搜索

0.483268s