Responsive响应式设计与搜索引擎优化那点事儿

Posted WordPress外贸SEO

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Responsive响应式设计与搜索引擎优化那点事儿相关的知识,希望对你有一定的参考价值。


随着智能手机和平板设备在互联网应用中的普及,网站设计中的跨平台自适应兼容响应设计显得越来越重要。自2012年初的惊艳登场亮相之后,响应式网页设计已经迅速奠定了其作为打通移动端设备浏览体验最佳途径的基础。通俗点讲,所谓响应式设计值得就是网站的内容元素排版布局,会针对不同类型的屏幕设备作结构上的自适应兼容,让用户不管是在手机、平板还是电脑 上都能达到良好的阅读体验。


为何响应式设计能在业界掀起一股浪潮?最显著的的原因就是,我们不需要为移动端的用户体验而去单独再去制作一个网站,站长不需要去耗费时间和精力维护多个网站,而用户也不再需要在网站之间来回跳转。那么站在SEO的角度来看,响应式设计又带来了什么影响呢?其实从上面的阐述中可以很直观的体会到,自适应的网站无疑是对网站优化有着莫大好处的,Google近期的态势也表现出对移动端体验的重视。下面我们就从几个重要的方面来谈谈响应式设计对SEO的正面影响:


1. Google对响应式设计的青睐


对SEO优化而言Google可以说是神一般的存在,如果你希望网站能获得神的眷顾,最明智的办法就是时不时地去关注并揣摩它的喜好,当然这个喜好也不是一成不变的。近年来Google不仅建议把响应式设计作为移动端用户引流的最佳途径,也非常偏爱那些针对移动端搜索结果深度优化的网站,这一点尤其是在用户搜索本地服务的时候表现最为显著。



Google也特别在2015年4月声明调整搜索引擎的算法,其中主要涉及的内容包括针对智能手机、平板等移动设备的友好性标准衡量,并且特意制作了手机兼容性的检测网站,让站长可以更便捷地自查网站在手机上的加载表现。之后在短时间内Bing和Yahoo的搜索算法也迅速跟进这一技术趋势,所以RWD设计对于网站SEO是具有深远影响的。


虽然现在在很多网站上,还是可以很显眼的看到“访问手机版”之类的链接,业界内对于是否有必要把针对移动端的网站独立出来重新设计存在一些争议,但是归根究底来讲,响应式设计对于用户、搜索引擎和站长三方立场都大有裨益,也充分体现着搜索引擎优化理念中的“归一”思想


2. 独一无二的网站和天下无双的URL


单独再建立一个手机版网站的确有它的好处,而且在某些情况下效果还不错。如果一个网站有海量级的内容,比如门户类的新闻站,那么响应式机制可以将网站无缝切换至自适应版,用户可以毫无障碍的在移动端设备上浏览网站,手指腾挪间便可以灵活的遨游海量内容资讯。


从SEO的角度来看,独立手机版网站面临的最大挑战就是如何提升收录内容的权重,大多数的手机网站在这方面表现并不是很理想,主要原因是它上面的内容跟主站的重复性很高。而相对来说响应式的自适应网站,则可以让你把更多的时间和精力放在单一网站的维护上,省却很多重复性劳动的同时,也为网站的深度品质挖掘留下了更多的发挥空间,同时URL网址的唯一性也更好的保障了网站在SERPs方面的品质。


更长远一点来说,一个响应式网站也意味这今后在社交媒体等平台上构建外链体系时,你也只需要针对某个特性的网址就可以了,不论用户是使用台式机、平板电脑还是智能手机,这个链接网址都可以有很好的兼容性表现。


3. 响应式对跳出率的抗击与改善


即便一个网站在搜索引擎上有着不错的表现,但是如果它在手机或平板设备上的体验不理想,那么高企的跳出率将会是一个最大的隐患。西米CC觉得引发高跳出率的主要原因,一是手机版网站相对于原 版网站内容的大幅缩水,二是内容的整体表现形式与桌面版有很大差异,从而使得用户大大降低了点击行为的积极性。Google会将这种高跳出率的结果,理解为网站给用户提供的信息关联度 不高的信号,进而对页面的权重产生了负面的影响。



响应式网站可以从根本上解决上述的几个问题,所有的网站页面可以在内容和结构上都保留很高的还原性,在我们花了足够的心思为用户设计好内容呈现效果之后,响应式设计可以在很大程 度上保障用户的界面和阅读体验,高度关联的内容能很好的保证页面黏度,有效提升用户的停留时间和链接深度等指标。


其实经常浏览ThemeForest官网的朋友会发现,不论是WordPress还是Joomla等主流程序的商业模板,作者都很喜欢在名称中标注上Responsive的字样,足见响应式设计已经在业界蔚然成风。当然我们也不能排除有些网站不需要这种自适应的效果,可能是由于一些功能模块的原因,很多贴心的模板作者也会在后台预留响应式机制的启用/禁用选项。


最后,我们在调试响应式网站效果的时候,并不是一定要真去在手机、平板等设备上逐个打开浏览效果,类似谷歌Chrome和火狐FireFox之类的桌面浏览器,可以直接让你通过调整浏览器窗口的宽度,直观地模拟观察网站的自适应效果表现。


以上是关于Responsive响应式设计与搜索引擎优化那点事儿的主要内容,如果未能解决你的问题,请参考以下文章

学习响应式设计(Learning Responsive Web Design)完整版PDF

iOS_UITableView性能优化那点事

C#编译器优化那点事

响应式网页设计-Responsive Web Design

响应式设计-Responsive web design

javascript 为响应式设计设置断点#js #responsive