响应式网站、移动网站搜索引擎优化 (SEO) 方法技巧
日期:2016/1/23 / 人气:
为了确保您的网站会出现在搜索结果中,请参阅下文,了解如何针对多种设备配置网站,以及如何帮助搜索引擎了解您的网站。
选择您的移动版网站配置
实现移动版网站的 3 种方法
下面介绍了三种主要方法,您可以使用这些方法实现移动版网站,让网站可以处理所有类型和尺寸的视图屏幕。以下是三种方法的对比表:
配置 我的网址是否会保持不变? 我的 HTML 是否会保持不变?
自适应设计 yes yes
动态提供内容 yes no
单独的网址 no no
自适应设计:该方法通过同一网址提供相同的 HTML 代码,而不考虑用户所使用的设备(桌面设备、平板电脑、移动设备、非视觉性浏览器),但可以根据屏幕尺寸以不同方式呈现(即“响应”)显示内容。自适应设计是 Google 推荐使用的设计样式。
动态提供内容:该方法使用相同的网址,而不考虑用户所使用的设备,但会根据服务器对用户所用浏览器的了解,针对不同设备类型生成不同版本的 HTML。
单独的网址:该方法会利用单独的网址向每种设备提供不同的代码。这种配置会尝试检测用户所使用的设备,然后使用 HTTP 重定向和 Vary HTTP 标头重定向到相应的页面。
Google 没有偏好的特定网址格式,只要相应网页和所有网页资源可供所有 Googlebot 用户代理访问即可。
如需详细了解如何选择移动版网站配置(以及权衡每种方法的利弊),请参阅为跨屏消费者构建网站一文。
构建移动版网站的要点
稍后,我们将讨论其他可供您选择用于构建适合移动设备的网站的配置。不过,无论选择哪种配置,您都应注意以下要点。
当网页采用适合移动设备的格式时,应向 Google 表明(当网页拥有所用格式适合移动设备的对等网页时也应如此)。这有助于 Google 在搜索结果中准确地向移动设备搜索用户提供内容。
确保资源可供抓取。请勿使用 robots.txt 阻止搜索引擎访问网站上有助于呈现网页(包括广告)的重要文件。如果Googlebot 无法访问网页的资源(如 CSS、JavaScript 或图片),我们可能就无法检测出这是专为移动浏览器构建的网页。也就是说,我们可能无法检测出这是适合在移动设备上浏览的网页,因而无法以适当的方式向移动设备搜索用户提供这个网页。
避免出现会对移动设备访问者造成困扰的常见错误,比如存在无法播放的视频(在将 Flash 视频作为网页的重要内容时就会出现这种情况)。如果移动版网页无法提供令人满意的搜索体验,那么在移动搜索结果中的排名便会下降,或是在移动搜索结果中显示时伴有警告。有关详情,请参阅“常见错误”一节。
了解设备之间的差异
移动设备:在本文档中,“移动”或“移动设备”指的是智能手机,例如运行 Android 系统的手机、iPhone 或 Windows Phone。虽然移动设备的屏幕尺寸较小,且在大多数情况下,其默认屏幕方向为纵向,但移动浏览器与桌面浏览器类似,都可以呈现各种 HTML5 规格的网页。
平板电脑:我们将平板电脑视为一个单独的设备类别,因此在提及移动设备时,通常不会将平板电脑纳入定义范围。相对而言,平板电脑的屏幕要大一些。这意味着,除非您提供针对平板电脑进行了优化的内容,否则用户通过平板电脑浏览网站时,还是希望看到桌面浏览器的显示方式,而非智能手机浏览器的显示方式。
多媒体手机:这类手机采用的浏览器可呈现符合 XHTML 编码标准的网页;支持 HTML5 标记、Javascript/ECMAscript,但可能不支持某些采用 HTML5 标准的扩展程序 API。这通常指的是大多数带有 3G 功能的手机(非智能手机)中的浏览器。
功能手机:这类手机采用的浏览器无法呈现使用标准 HTML 进行编码的标准桌面版网页,其中包括仅呈现使用 cHTML (iMode)、WML、XHTML-MPF 等语言进行编码的网页的浏览器。
注意:我们的建议主要是针对智能手机,但我们同样鼓励多媒体手机版和功能手机版网站的所有者适时地采纳这些建议。
作者:朋友圈科技
相关内容 Related
- 为什么响应式设计需要媒体查询2016/8/5
- 虚拟主机被搜索引擎爬虫访问耗费大量流量解决方法2016/8/3
- 网站建设中如何创建完美的颜色组合2016/8/1
- 什么是长尾关键词?2016/8/1
- 建设企业或个人网站的好处2016/7/8
- 前端开发者需要知道的常识2016/7/6
- 12种方法为您拓展业务通道2016/7/27
- SEO优化的三大技巧2016/7/24
- 10的方法来提高你的网站设计2016/7/24
- 网站统计用哪个比较好,百度?cnzz?2016/7/21