如何使您的网站更适合移动设备

善微科技 2017 02月08日 发布

不要为移动设备设计您的网站。相反,设计您的网站的所有设备,从小手机到巨大的客厅平面屏幕。



“几乎每个企业都需要适应任何屏幕上有效地到达消费者手中,说:” 珍妮华纳,全球公认的数字化设计和互联网发展趋势的顾问谁我对她的方式阿布扎比,在那里她拿了世界信息峰会大奖阶段,赶上了分享多屏战略,国际移动专家组成的庞大的观众面前。


“有两种基本的策略来构建在所有设备上显示良好的网站:响应和自适应,”她解释说。“响应式网站是大多数小型企业的最佳选择。以下是对含醉句句意味着什么的翻译,以及您的企业应该采取的关键步骤。


至少,调整您的现有网站为今天的Web用户。 没有一个企业不能忽视这样一个事实:超过十亿人主要从移动设备访问网络。即使您尚未准备好重新构建网站,以便在所有设备上实现最佳显示,也至少需要执行以下两个步骤之一:


简化您的网站设计。拉起你的网站在智能手机上(或查看它在谷歌的GoMoMeter),你可能会看到设计变更的需要。为了在移动设备上显示出色,华纳推荐更简单的页面设计,大字体大小,关键信息放在“折叠”,以及大,可触摸的按钮,防止手指。最低限度,她说:“只要把你的姓名,电话号码和一个地图的链接放在你的主页左上角就可以轻松找到。


创建您网站的移动版本。作为编辑网站的替代方法,您可以使用移动网站设计服务创建并行版本,其中许多是免费或低成本的。“但是有权衡,”华纳说。“如果您的移动网站有第二个网址,例如带有.m子域的网址,搜索引擎可能会找到它,也可能找不到它。Bing和Google都主张使用单一网址方法来实现可搜索性和搜索引擎优化。“但是,如果你喜欢你的网站或不能重建它,创建一个移动网站链接到你的主要网站不是最糟糕的策略,”华纳说。“最糟糕的策略是完全忽视你的移动用户。


更好的是,重建您的网站,以便在任何设备上显示。 这里是适应和响应网站设计的术语:


自适应设计是网站设计的高端。它由大型公司使用,大量投资,以获得最大的在线观众。“美国航空公司是一个很好的例子,”Warner说,自适应设计“检测和识别用户的设备,然后生成一个与设备能力匹配的页面。


响应式设计是使用CSS(层叠样式表)技术创建一个网站,自动调整以除最早的手机的所有设备正常显示的单一版本更实惠的解决方案。“一个敏感的网站允许你到达最活跃的Web受众,”华纳说。作为一个例子,她拉起来的网站波士顿环球报,点击浏览器窗口的右边缘拖动到左侧,从全屏页面缩小到一个地区智能手机的大小。无论她做多大的显示区域,地球仪的响应设计看起来不错,很容易阅读。


致力于面向未来您的网站

当您准备使您的业务拖延已久的投资,把网站重新设计的高名单上的,所以你就可以通过自己的手机,平板电脑,个人电脑,电视到达消费者手中,或者很快,冰箱门,浴室镜子等。


即使是DIY平台,从GoDaddy.com到WordPress和许多之间,开始提供工作在各种屏幕尺寸的设计。“只要确定你使用的主题标记为响应,”华纳说。


或者,她说,对于几千美元或更多,专业设计师可以创建一个良好的定制网站,“除非设计师不知道这个词是响应,在这种情况下,你需要一个不同的设计师。


最后,一旦您获得了技术正确,请注意创建伟大的网站内容。“记住,”华纳说,“特别是在移动设备上,人们访问您的网站有三个原因:节省时间,与他人联系,浪费时间。让他们快速,方便地访问,将您的联系信息放在前面和中心,给他们指向地图和路线的链接,然后添加视频或其他娱乐内容,让他们在您的网站上逗留只要他们想留下来。


这是如何面向未来的您的网站。


如没特殊注明,文章均为善微网络原创,转载请注明来自https://www.sanways.com/news/285.html