马海祥博客是一个专注于分享SEO优化、网站制作、网络营销和运营思维的自媒体博客!
马海祥博客 > SEO优化 > 移动端SEO > 谷歌(Google)手机站优化指南及建站原则

谷歌(Google)手机站优化指南及建站原则

时间:2014-08-22   文章来源:马海祥博客   访问次数:

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

谷歌(Google)手机站优化指南及建站原则-马海祥博客

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

1、简单快捷

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

谷歌(Google)手机站优化指南及建站原则-马海祥博客

谷歌的建议是:

(1)、优先提供用户最需要的内容和功能;

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

(3)、精简文字;

(4)、压缩图片以提升网站加载速度。

2、简化导航

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

提供醒目的“后退”和“首页”按钮(这点我也曾在马海祥博客的《如何通过修改CSS样式来增强平板电脑的用户体验》一文中跟大家做过详细的介绍)。

谷歌(Google)手机站优化指南及建站原则-马海祥博客

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

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

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

(3)、列表式;

(4)、选项式。

3、拇指操作

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

(1)、较大的按钮,降低操作难度;

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

(3)、间距加宽,扩大点击范围;

(4)、使用颜色和阴影凸显按钮。

4、一目了然

(1)、确保内容与屏幕大小一致;

(2)、背景和文字颜色的鲜明反差;

(3)、使用留白空间;

(4)、整齐的排版;

(5)、舒服的字型大小。

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

5、广泛适应

(1)、网站能在不同的移动设备上运行;

(2)、移除flash,使用HTML5来实现互动内容和动画;

(3)、根据屏幕方向调整显示。

很多站长可能不太懂HTML5相关技术以及自适应网页技术,没关系,马海祥博客的移动端SEO优化专栏有相关知识,在此也推荐大家看下马海祥博客的《以SEO的角度来分析HTML5与搜索引擎优化的联系》和《深入解析HTML5的8大性能》相关介绍。

6、轻松转化

(1)、简化注册登录流程;

(2)、减少使用者输入:使用表单、菜单、选择框;

(3)、着重提供有助于转化/注册的信息;

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

7、立足本地

(1)、与用户位置相结合的个人化信息;

(2)、地图、路线、电话、本地信息等。

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

8、流畅体验

谷歌(Google)手机站优化指南及建站原则-马海祥博客

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

尽可能在所有平台提供相同信息和功能,即无论是PC端、平板端还是手机端都保持网站信息的一致性(具体可查看马海祥博客的《如何利用“自适应网页设计”实现不同的设备上呈现同样的网页》相关介绍)。

9、重新定向

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

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

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

10、持续改进

(1)、使用分析工具,了解用户如何使用网站;

(2)、收集用户意见并反复测试,追踪表现。

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

马海祥博客点评:

为了迎合手机终端的发展方向,马海祥建议大家在建设移动站的时候最好使用html5和xhtml建站,站点进行不同版式的自动适配,同时,要使用符合标准的xhtml/html5/wml协议和javascript设计网页,避免网页错乱的现象。

本文发布于马海祥博客文章,如想转载,请注明原文网址摘自于http://www.mahaixiang.cn/ydseo/760.html,注明出处;否则,禁止转载;谢谢配合!

相关标签搜索: 谷歌   Google   手机站   优化指南   手机站优化   建站原则  

上一篇:优化手机网站的三大SEO策略
下一篇:关于移动端手机站的12个SEO优化方法

您可能还会对以下这些文章感兴趣!

  • 移动设备前端开发中viewport的理论及使用技巧

    在移动设备上进行网页的重构或开发,首先得搞明白的就是移动设备上的viewport了,只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用,才能更好地让我们的网页适配或响应各种不同分辨率的移动设备,viewport并非只是ios上的独有属性,在android、winp……【查看全文

    阅读:219关键词: 移动设备   前端开发   日期:2016-04-03
  • 移动端手机站做站内优化的要点

    随着移动流量的与日俱增,移动搜索引擎的功能越来越丰富,意味着更多移动特性可以施展,同时也意味着对HTML5网站的要求更趋规范和严格,这对于负责移动站点优化的负责人来说是个极大的挑战,我一般将站内优化的生命周期概括为三个词,实验、评估、调整,因此我的站内优……【查看全文

    阅读:1849关键词: 移动端   手机站   站内优化   日期:2015-11-10
  • 移动端网站SEO优化排名的一些注意细节

    俗话说,有搜索的地方就有SEO优化,移动端的SEO优化也逐渐的进入火热化,对于移动端的SEO优化,大家都是处于同一个阶段,就看谁花在这上面的心思更多一些了,在优化移动端网页的时候,越来越多的问题开始出现,在暴露移动端薄弱的同时,也让刚刚进入SEO行业的新人们跟前……【查看全文

    阅读:1980关键词: 移动端   seo优化   seo排名   日期:2015-11-17
  • 移动端SEO优化与PC端SEO优化的不同点

    随着移动互联网的快速发展,用户从PC端向移动端迁移的大趋势更加明显,但这也使得移动手机网站的SEO优化工作还处于探索阶段,很多SEO和站长也都有了一些疑问,移动端需要做SEO优化吗?移动端该怎么做SEO优化?我们都知道,移动端与PC端搜索引擎排名算法是不一样,但是优……【查看全文

    阅读:931关键词: 移动端seo   seo优化   seo   日期:2015-09-10
  • 如何优化移动页面中的head标签代码更利于搜索引擎识别

    对于手机网站的首页或者频道首页的网页代码中的keywords、description最好加上与PC端有所区别的meta标签和关键词,在每个页面的关键字及描述像做传统PC端网站一样,做好针对性的填写工作,对搜索结果的展现(摘要)以及优化工作大有帮助,另外确保在手机网站或者PC端网站……【查看全文

    阅读:1326关键词: 页面优化   搜索引擎   日期:2015-08-08
  • 百度移动搜索优化:手机站优化指南

    本文旨在为手机站站长提供官方、明确的搜索引擎优化标准,使站长合理、可持续的提升手机站流量,获得长久、稳定的发展,同时促进整个移动互联网的良性发展。其中移动搜索会优先收录的手机站点为:A、拥有手机用户迫切需要内容资源的手机站点。B、符合手机建站规范的站点……【查看全文

    阅读:2206关键词: 移动搜索优化   移动搜索   手机站优化   优化指南   日期:2014-08-18
  • 提高网站在移动端打开速度的方法技巧

    最近一项研究表明:80%的网民对移动端的浏览体验感到失望,同时,当体验提升时,他们会在智能手机上花费更多的时间,由于64%的智能手机用户希望网站可以在4秒内加载完毕,但一半的网站花费了二倍以上的时间,达到了9秒,为了满足移动用户的高期望,你需要对网站针对移动……【查看全文

    阅读:7817关键词: 网站   移动端   网站速度   日期:2015-03-12
  • PC网站自动适配手机网页的方法技巧

    随着智能手机的不断发展,移动搜索的比例也在不断增加,而传统的PC站点在手机端的用户体验度较差,这就容易流失大量的用户,所以做一个对应的手机站就理所当然,如今手机站已经逐渐成为一种潮流,基本上有点规模的PC站点都会制作相应的手机站,可是在很多方面依然存在一……【查看全文

    阅读:23001关键词: 网站   手机网页   pc站   日期:2015-12-03
  • 手机网站制作的常用方法及优化技巧

    手机网站是指用WML(无线标记语言)编写的专门用于手机浏览的网站,通常以文字信息和简单的图片信息为主。实际上,随着向手机智能化方向发展,安装了操作系统和浏览器的手机的功能和电脑是很相似,使用这种手机可以通过GPRS上网可浏览几乎所有的www网站,无论网站是不是专……【查看全文

    阅读:4273关键词: 手机网站   网站制作   优化方法   优化技巧   日期:2014-10-04
  • PC站建立移动端网站的三大方法模式

    移动端网站作为移动互联网最主要的入口,能随时展现自身、与目标用户便捷沟通,同时方便手机用户随时随地查询和浏览,有效占领客户“空闲时间”。移动端网站确实是最便捷的宣传册,无论何时何地,遇见何人,你只要打开手机即可以让对方浏览到产品和服务信息,不会错过任……【查看全文

    阅读:3004关键词: 移动端网站   移动端   pc站   日期:2016-12-07
↓ 点击查看更多 ↓

互联网更多>>

  • 互联网思维究竟是一种什么样的思维? 互联网思维究竟是一种什么样的思维? 但凡做企业的,不管是创业的还是在互联网冲击下转型升级的传统行业企业家,“互联网思维”已经成为了大家共同……
  • 计算机的开机启动原理 计算机的开机启动原理 计算机从打开电源到开始操作,整个启动可以说是一个非常复杂的过程。总体来说,计算机的整个启动过程分成四个……
  • 移动互联网是什么意思? 移动互联网是什么意思? 移动互联网就是将移动通信和互联网二者结合起来成为一体,是指互联网的技术、平台、商业模式和应用与移动通信……

SEO优化 更多>>

如何以一个用户的角度来做企业门户网站 医疗行业开展品牌推广急需解决的10大问题