响应式建站,看上去很美
响应式网站,通俗的说,就是一个网站可以兼容不同的终端,用户在访问网站时,网页可以根据屏幕的大小,自动适应,不用为每个分辨率设备做一个特定版本的网站。
因此有建站公司宣传时打出了 “响应式网站=PC网站+PAD网站+手机网站”,力证响应式网站是更好、更快、更省的建站方案。
然而不要开心得太早,数据表明响应式设计会令你的用户和经济效益流失30-50%。
响应式网站看上去很美,但是有以下几个致命缺点:
1.响应式设计的核心仍是电脑网站,不能自由布局,做不到移动端的优化体验,
H5自助建站平台微企点最早也是进军响应式建站,在开发了半年之后,发现了一个致命的问题,就是响应式网页不能自由布局,文字或图片元素只能删减,不能增加,图文只能更新,无法拖动位置,图片无法放大或者缩小,也就是说所有的元素都是被锁死的。前端程序员花了很长时间优化,最后悲伤地发现,一旦PC端允许用户可以增加或者拖动编辑图文,在手机端就的展示就会混乱,顾此失彼。
现在还在坚持响应式建站的工具,比如H5建站云、领动建站、微加建站,都是锁定元素,不能自由布局。就算是国外建站的领头羊WIX、WEEBLY,有十多年的经验,也无法解决响应式建站的自由布局难题。
另外,PC端展示和移动端展示存在很多不一致,例如在手机端就没有办法呈现鼠标滑过悬停的效果。国内在响应式建站工具领域比较领先的突唯啊,其实采用的主要是CSS技术,建站操作非常复杂,并且牺牲了H5动效交互,小白用户很难上手,易用性就成为一个大问题。
响应式网站并不能取代移动网页,其价值是作为PC端网站一个移动端小补充,聊胜于无。如果要做移动端商业推广,还是单独开发移动端网站为佳。响应式之父Ethan Marcotte也说过,“最重要的是,响应式网页设计的初衷不是要取代移动网页”。
2.响应式设计对搜索关键词优化和排名不友好
搜索引擎对于PC网站和移动网站的收录和关键处排名的策略不一致。一套代码的响应式网站就增添了搜索引擎的处理障碍。独立的移动端网站和PC网站还是单独开发为宜,这样能更好地SEO优化工作。
微企点自己的官网也是PC网站和手机网站分开设计的,共享数据库和域名,这是一种更加高明的适应方式,对于SEO,后面的优化措施也更多。
3.响应式网站存在大量冗余代码,页面体积大,浪费流量,访问慢。
响应式网站一般是基于PC端来设计的,一般会使用高质量的图片和视频,在移动端要访问同样大小的图片或视频,会浪费很多流量。
如果一个PC页面的达到4M,在手机端打开就会慢,加载不充分。响应式(自适应)设计存在大量的冗余代码,会消耗大量的流量。在国内高流量费面前,用户是想都不用想就会放弃使用你的网站的。
微企点(wqdian.com)在响应式建站阶段,就发现无论是通过图片压缩、CDN等手段都解决不了网页打开慢的问题,而且还经常出现浏览器闪退情况,移动网页不具备在移动端推广的基础。这也成为微企点果断转型到H5建站的一大理由。
微企点的转型与新出路
不管是淘宝、天猫、京东、唯品会,还是腾讯、百度、新浪、360都不用响应式。响应式自适应就是一个死胡同,走不下去。
正确的做法是分开建设PC端和移动端网站。专门建设一个移动版的网站才是可行的法则,这样才能更灵活,提供更专业、更优的移动体验和个性化、多样化的设计。这也是微企点在2015年11月底果断转型,推出PC端和手机端分别建站的新版本。
微企点放弃响应式设计,将PC端和手机拆分分别设计,实现了自由布局和动态交互,在PC和手机展示都可以做到最优化,有利于搜索引擎和网页加载,之前的问题都不存在。
同时微企点还是为用户提供网址共享,后台自动响应,随机应变,访问同一个域名,PC访问推送PC网页,手机访问推送手机网页,给终端访问更好的体验。
微企点2.0推出后,新产品迅速得到了用户的认可,用户口碑非常好,用户保持每月50%的增速。