如何优化好移动端手机站?
03.04 21:56:29发布
木兮
若你的业务、品牌或组织依托于网络,那么移动SEO对你整体SEO战略的成功起着绝对关键的作用。但是,在充分了解移动SEO之前,在移动设备作为媒介的背景下,需要先了解——移动搜索这种搜索方式正快速占取桌面搜索的市场份额和广告费用。
eMarketer发表的一项研究预测提到,到2019年,移动广告支出将占美国数字广告总支出的72.2%
iPhone手机凭借其直观的用户界面和较大的屏幕(与其他功能手机相比)推动了这一市场的发展,安卓系统在智能手机市场的主导地位不断提升,促进了移动市场的发展。
智能手机的移动网络用户界面得到改进,屏幕变得更大,这是移动搜索增长的重要因素。用户有特殊的移动端上网感受很重要,因为移动搜索用户缺乏耐心,与典型的桌面搜索用户的意图不同。若你向移动设备用户提供桌面搜索,竞争对手又为其提供定制移动搜索,那么你可能就失去了一个潜在客户——搜索引擎能够告知你这些。
预计未来移动搜索将继续快速增长。2014年6月13日,Matt Cutt在西雅图的SMXAdvanced会上对观众说,到2014年年底之前,谷歌每天从移动设备收到的搜索请求就要超过桌面设备。之后不到一年,谷歌便改变了移动友好性算法。今天,移动设备上的谷歌搜索表明,移动领域已发展成为非常独特、移动第一的搜索环境。
移动设备SEO
自然搜索已达到引爆点。2015年4月,谷歌推出了移动友好性算法。该算法使用明确的“是或否”响应排名要素,确定是否站点(或网站的特定页面)移动友好,之后将此信息合并至移动查询排名决定因素中(注意到本文写作日期为止,移动友好算法并未应用于谷歌新闻内容以使移动查询反馈新闻结果,或进行谷歌新闻特定搜索)。
随着此算法的更新,谷歌警告说:与Panda或Penguin相比,这对其搜索结果影响更大(可在第9章了解更多关于Panda和Penguin的内容),很明显:如果你希望你的网站内容显示为移动查询,你需要为移动用户体验打造你的网站。首先,你的移动网站必须做到如下几点。
快速
理想情况下,网页的加载时间应该不到1秒钟。
功能齐全
页面内容应在移动浏览器(没有CSS、JavaScript、图片或其他资源阻塞)中正常显示、运行。
手指友好型
点击目标(例如按钮、链接、表单域)应该足够大,有适当间隔,以适应小的触摸屏。
避免重定向和错误
所有移动版本URL要求应全部回到200(OK)状态代码——如果可能的话,就没有301/302重定向和错误。
若你的网站提供用户友好功能,有很多方法使你网站的移动版本进入移动浏览器,现有三种方法已为谷歌所接受。请注意,出于搜索引擎优化的目的,这些方法主要分为如下两种——相同的URL和不同的URL。
响应的网络设计或RWD(相同的URL)
对于桌面设备和移动设备,网站使用相同的URL。网站服务器总是将相同的HTML发送到所有设备上,层叠样式表(CSS)用来改变页面在设备上的呈现。只要网站的资产(包括CSS)可进行抓取,谷歌通常可以检测RWD。
动态服务,也称为自适应设计(相同的URL)
对于桌面设备和移动设备,网站使用相同的URL,但网站服务器通过不同的HTML和CSS,并根据用户代理的页面请求进行回应。
不同的URL
对于桌面设备和网站内容(利用一个子域,如m.site.com)的移动(甚至还有平板)版本,网站使用不同的URL,每个URL版本都有设备优化内容。
相同的URL方法:响应式网络设计和动态服务
正如你所看到的,前两个选项(响应式网络设计和动态服务)在各个设备保留相同的URL,而第三个选项(不同的URL)创建两个完全独立的网站,使搜索引擎得以抓取、索引、排名。在开发移动网站之前,这是你需要考虑的主要因素。
使用相同的URL,一个重要的优点是移动网站可更有效地继承桌面站点SEO的特点。换句话说,链接配置文件和社交信号与网站的移动版本是自动联系的(这不适用于有移动子域的案例)。如果你打算仅支持智能手机类型的设备,不打算支持功能手机(例如,传统的手机),这些“相同的URL”方法被视为最佳的选择。
若只创建和维护一个站点“版本”,这两种方法中最具成本效益的通常是RWD。为此,RWD在移动领域已迅速得到应用。
与RWD相比,动态服务——通过这种服务,完全不同的网站版本根据设备特定优化与用户体验进行设计、编码——基于用户代理发出的请求,为相同的URL请求呈现不同的HTML。虽然这种方法在预算、发展和维护上具有密集性,但它加载更快,尤其能为量身定制的设备类型提供更优化的用户体验。
不同的URL方法
出于营销和推广的目的,你可能希望提供移动特定URL,或不管用户代理的请求,允许访问你的移动版本网站。尤其是你打算支持智能手机和功能手机,移动子域可使你在处理屏幕尺寸或者你的网站因过大而无法为每个网站提供不同的移动体验时,拥有更多灵活性。
这种URL提供不同的移动版本,而非用移动友好CSS服务于你的标准版本,这样的益处是你可以改变发送到移动设备的HTML尺寸,消除使该设备无法运行的代码,从而减少页面加载时间,使移动机器人程序更好地识别页面。
移动用户代理
谷歌在移动网络上使用不同的蜘蛛程序:功能手机使用的Googlebot-Mobile、有iPhone用户代理的标准Googlebot,应用于智能手机。另一方面,Bing在移动内容和桌面内容中使用相同的爬虫程序,该程序被称为Bingbot,并采用以下格式的爬虫程序变种:
这两个搜索引擎使用用户代理检测,以确定用户是在移动浏览器上搜索还是在传统的桌面浏览器上搜索,并且向功能手机用户展示移动体验。在每个浏览器会话的开始,用户的硬件和浏览器组合会将一个独特的标识符传到网站的服务器中,这个标识符叫做用户代理。此字符串对发出请求的硬件和软件的本质进行识别。
对于SEO来说,最好的移动网站用户体验是检测到传入的用户代理,并向用户展示网站上特定用户设备的版本。如果你在桌面和移动网站(如响应网络设计和动态服务)使用相同的URL,你只需向用户显示内容的替代版本。如果使用不同的URL,你会希望将移动用户重定向到该移动URL上。
检测服务器端用户代理的一个十分有用的工具是MobileDetect.net,这个工具为用户代理检测提供开放的来源PHP类(Mobile_Detect),由第三方插件WordPress、Drupal、Joomla、Magento、Concrete5和其他内容管理系统支持,并列入“第三方模块”。
移动设备总体SEO指南
为你的SEO移动策略提供以下建议:
·为移动SEO,审查搜索引擎推荐的内容(并定期检查更新!):
—来自网站管理员移动指南的谷歌移动SEO页面;
—Bing的“了解移动机器人程序”页面。
注意Bing的网站管理员/SEO支持不如谷歌的多。
·确保关键站点文件(CSS、JavaScript、图片)都可以访问搜索引擎;这些文件向搜索引擎发信号,表明页面已建立,可以在移动浏览器上显示内容、运行良好(即告诉搜索引擎该页面“移动友好”)。请检查以确保你的网站不会阻止这些文件通过robots.txt进行访问。
·若你的网站基于用户代理对网页的要求,动态地服务于桌面和移动内容,则根据用户代理使用不同的HTTP标头来标记变化。
·若你的网站在不同的(独特的)URL上托管桌面和移动内容,通过添加rel="alternate"标记,对桌面页面HTML作注解,指向移动URL;通过添加rel="canonical",对桌面页面HTML作注解,指向桌面URL(http://bit.ly/separate_urls)。这也可以消除两个网站版本之间所有潜在的重复内容。
·只发布移动友好的内容(比如,Flash电影或基于Flash的网站,都是与移动设备不兼容的!)。
·根据更新的搜索引擎指南,这也包括移动网站地图。到本书写作日期为止,谷歌使用的最新移动网站地图格式要求你包含一个特定的标记(<mobile:mobile</),使移动URL可以进行抓取。更多的信息请参阅移动网站地图的谷歌文档。
·常在谷歌的移动友好测试工具中测试你的页面。你将看到,谷歌是否在其搜索结果中视你的页面为移动友好。
移动网站的速度
网站的速度是移动SEO成功的关键因素,是谷歌很多年来一直坚持的重点。通过使用以下工具(无论你选择相同还是不同的URL方法,建议是真实有效的),你可以找到为你特定的网站提出的以下建议
·谷歌网页速度见解;
·Akamai的移动测试;
·网页测试;
·W3C的移动确定检查器。
其他移动SEO资源
你可能会发现有助于移动SEO的其他资源:
·50+基本移动SEO资源;
“手机网站审核检查表”;
·“SEO:移动搜索”;
·“移动SEO”。
注意特别感谢Michael Martin对这一部分的贡献。
最多设置5个标签!
若你的业务、品牌或组织依托于网络,那么移动SEO对你整体SEO战略的成功起着绝对关键的作用。但是,在充分了解移动SEO之前,在移动设备作为媒介的背景下,需要先了解——移动搜索这种搜索方式正快速占取桌面搜索的市场份额和广告费用。
eMarketer发表的一项研究预测提到,到2019年,移动广告支出将占美国数字广告总支出的72.2%
iPhone手机凭借其直观的用户界面和较大的屏幕(与其他功能手机相比)推动了这一市场的发展,安卓系统在智能手机市场的主导地位不断提升,促进了移动市场的发展。
智能手机的移动网络用户界面得到改进,屏幕变得更大,这是移动搜索增长的重要因素。用户有特殊的移动端上网感受很重要,因为移动搜索用户缺乏耐心,与典型的桌面搜索用户的意图不同。若你向移动设备用户提供桌面搜索,竞争对手又为其提供定制移动搜索,那么你可能就失去了一个潜在客户——搜索引擎能够告知你这些。
预计未来移动搜索将继续快速增长。2014年6月13日,Matt Cutt在西雅图的SMXAdvanced会上对观众说,到2014年年底之前,谷歌每天从移动设备收到的搜索请求就要超过桌面设备。之后不到一年,谷歌便改变了移动友好性算法。今天,移动设备上的谷歌搜索表明,移动领域已发展成为非常独特、移动第一的搜索环境。
移动设备SEO
自然搜索已达到引爆点。2015年4月,谷歌推出了移动友好性算法。该算法使用明确的“是或否”响应排名要素,确定是否站点(或网站的特定页面)移动友好,之后将此信息合并至移动查询排名决定因素中(注意到本文写作日期为止,移动友好算法并未应用于谷歌新闻内容以使移动查询反馈新闻结果,或进行谷歌新闻特定搜索)。
随着此算法的更新,谷歌警告说:与Panda或Penguin相比,这对其搜索结果影响更大(可在第9章了解更多关于Panda和Penguin的内容),很明显:如果你希望你的网站内容显示为移动查询,你需要为移动用户体验打造你的网站。首先,你的移动网站必须做到如下几点。
快速
理想情况下,网页的加载时间应该不到1秒钟。
功能齐全
页面内容应在移动浏览器(没有CSS、JavaScript、图片或其他资源阻塞)中正常显示、运行。
手指友好型
点击目标(例如按钮、链接、表单域)应该足够大,有适当间隔,以适应小的触摸屏。
避免重定向和错误
所有移动版本URL要求应全部回到200(OK)状态代码——如果可能的话,就没有301/302重定向和错误。
若你的网站提供用户友好功能,有很多方法使你网站的移动版本进入移动浏览器,现有三种方法已为谷歌所接受。请注意,出于搜索引擎优化的目的,这些方法主要分为如下两种——相同的URL和不同的URL。
响应的网络设计或RWD(相同的URL)
对于桌面设备和移动设备,网站使用相同的URL。网站服务器总是将相同的HTML发送到所有设备上,层叠样式表(CSS)用来改变页面在设备上的呈现。只要网站的资产(包括CSS)可进行抓取,谷歌通常可以检测RWD。
动态服务,也称为自适应设计(相同的URL)
对于桌面设备和移动设备,网站使用相同的URL,但网站服务器通过不同的HTML和CSS,并根据用户代理的页面请求进行回应。
不同的URL
对于桌面设备和网站内容(利用一个子域,如m.site.com)的移动(甚至还有平板)版本,网站使用不同的URL,每个URL版本都有设备优化内容。
相同的URL方法:响应式网络设计和动态服务
正如你所看到的,前两个选项(响应式网络设计和动态服务)在各个设备保留相同的URL,而第三个选项(不同的URL)创建两个完全独立的网站,使搜索引擎得以抓取、索引、排名。在开发移动网站之前,这是你需要考虑的主要因素。
使用相同的URL,一个重要的优点是移动网站可更有效地继承桌面站点SEO的特点。换句话说,链接配置文件和社交信号与网站的移动版本是自动联系的(这不适用于有移动子域的案例)。如果你打算仅支持智能手机类型的设备,不打算支持功能手机(例如,传统的手机),这些“相同的URL”方法被视为最佳的选择。
若只创建和维护一个站点“版本”,这两种方法中最具成本效益的通常是RWD。为此,RWD在移动领域已迅速得到应用。
与RWD相比,动态服务——通过这种服务,完全不同的网站版本根据设备特定优化与用户体验进行设计、编码——基于用户代理发出的请求,为相同的URL请求呈现不同的HTML。虽然这种方法在预算、发展和维护上具有密集性,但它加载更快,尤其能为量身定制的设备类型提供更优化的用户体验。
不同的URL方法
出于营销和推广的目的,你可能希望提供移动特定URL,或不管用户代理的请求,允许访问你的移动版本网站。尤其是你打算支持智能手机和功能手机,移动子域可使你在处理屏幕尺寸或者你的网站因过大而无法为每个网站提供不同的移动体验时,拥有更多灵活性。
这种URL提供不同的移动版本,而非用移动友好CSS服务于你的标准版本,这样的益处是你可以改变发送到移动设备的HTML尺寸,消除使该设备无法运行的代码,从而减少页面加载时间,使移动机器人程序更好地识别页面。
移动用户代理
谷歌在移动网络上使用不同的蜘蛛程序:功能手机使用的Googlebot-Mobile、有iPhone用户代理的标准Googlebot,应用于智能手机。另一方面,Bing在移动内容和桌面内容中使用相同的爬虫程序,该程序被称为Bingbot,并采用以下格式的爬虫程序变种:
这两个搜索引擎使用用户代理检测,以确定用户是在移动浏览器上搜索还是在传统的桌面浏览器上搜索,并且向功能手机用户展示移动体验。在每个浏览器会话的开始,用户的硬件和浏览器组合会将一个独特的标识符传到网站的服务器中,这个标识符叫做用户代理。此字符串对发出请求的硬件和软件的本质进行识别。
对于SEO来说,最好的移动网站用户体验是检测到传入的用户代理,并向用户展示网站上特定用户设备的版本。如果你在桌面和移动网站(如响应网络设计和动态服务)使用相同的URL,你只需向用户显示内容的替代版本。如果使用不同的URL,你会希望将移动用户重定向到该移动URL上。
检测服务器端用户代理的一个十分有用的工具是MobileDetect.net,这个工具为用户代理检测提供开放的来源PHP类(Mobile_Detect),由第三方插件WordPress、Drupal、Joomla、Magento、Concrete5和其他内容管理系统支持,并列入“第三方模块”。
移动设备总体SEO指南
为你的SEO移动策略提供以下建议:
·为移动SEO,审查搜索引擎推荐的内容(并定期检查更新!):
—来自网站管理员移动指南的谷歌移动SEO页面;
—Bing的“了解移动机器人程序”页面。
注意Bing的网站管理员/SEO支持不如谷歌的多。
·确保关键站点文件(CSS、JavaScript、图片)都可以访问搜索引擎;这些文件向搜索引擎发信号,表明页面已建立,可以在移动浏览器上显示内容、运行良好(即告诉搜索引擎该页面“移动友好”)。请检查以确保你的网站不会阻止这些文件通过robots.txt进行访问。
·若你的网站基于用户代理对网页的要求,动态地服务于桌面和移动内容,则根据用户代理使用不同的HTTP标头来标记变化。
·若你的网站在不同的(独特的)URL上托管桌面和移动内容,通过添加rel="alternate"标记,对桌面页面HTML作注解,指向移动URL;通过添加rel="canonical",对桌面页面HTML作注解,指向桌面URL(http://bit.ly/separate_urls)。这也可以消除两个网站版本之间所有潜在的重复内容。
·只发布移动友好的内容(比如,Flash电影或基于Flash的网站,都是与移动设备不兼容的!)。
·根据更新的搜索引擎指南,这也包括移动网站地图。到本书写作日期为止,谷歌使用的最新移动网站地图格式要求你包含一个特定的标记(<mobile:mobile</),使移动URL可以进行抓取。更多的信息请参阅移动网站地图的谷歌文档。
·常在谷歌的移动友好测试工具中测试你的页面。你将看到,谷歌是否在其搜索结果中视你的页面为移动友好。
移动网站的速度
网站的速度是移动SEO成功的关键因素,是谷歌很多年来一直坚持的重点。通过使用以下工具(无论你选择相同还是不同的URL方法,建议是真实有效的),你可以找到为你特定的网站提出的以下建议
·谷歌网页速度见解;
·Akamai的移动测试;
·网页测试;
·W3C的移动确定检查器。
其他移动SEO资源
你可能会发现有助于移动SEO的其他资源:
·50+基本移动SEO资源;
“手机网站审核检查表”;
·“SEO:移动搜索”;
·“移动SEO”。
注意特别感谢Michael Martin对这一部分的贡献。
一周热门 更多>