自适应网站

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

忘掉你的网站设计的移动设备。相反,设计你的网站的所有设备,从微小的电话到大客厅平板电视。





“有建立网站,所有设备上的显示效果也很好两种基本策略:响应和适应,”长沙网站建设认为。“而且响应网站对于大多数小企业的最佳选择。” 下面是什么行话载货句话的意思翻译,与您的企业应该采取的关键步骤一起。


至少,调整当今的Web用户现有的网站。 任何企业都不能忽视的事实是超过十亿人,主要从移动设备访问网络。即使你还没有准备好重新构建网站上的所有设备达到最佳的显示,至少采取以下两个步骤之一:


简化您的网站设计。拉起你的网站在智能手机上(或查看它在谷歌的GoMoMeter),你可能会看到设计变更的需要。要在移动设备上显示效果不佳,华纳建议简单的页面设计,大字体大小,放在关键信息“倍以上”,并大,可触摸按钮,是胖手指证明。至少,她说,“你会去朝只需将您的姓名,电话号码和一个链接到一个地图在首页的左上角在这里很容易找到提供任何设备上的关键信息很长的路要走。”


创建您的网站的移动版本。作为替代编辑你的网站,你可以创建一个并行版本,使用移动网站设计服务,其中有许多是免费或低费用。“但也有权衡,”华纳说。“如果你的移动网站有第二个URL,比如一个具有.M子域名,搜索引擎可能会或可能不会发现它。” 这两种Bing和谷歌倡导可检索性和搜索引擎优化一URL的方式。“不过,如果你爱你的网站或不能重建它,创建一个链接到你的主站移动网站还不是最糟糕的策略,”华纳说。“最坏的战略是完全忽略你的手机的观众。”


更妙的是,重建你的网站在任何设备上显示。 在此处,术语适应和响应网站设计开始发挥作用:


自适应设计是网站设计的高端。它的使用由投资大公司-重-达到最大可能的在线观众。“美国航空公司是一个很好的例子,”华纳说,解释,适应性设计“检测并识别用户的设备,然后生成匹配的设备功能的页面。”


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


致力于面向未来您的网站

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


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


此外,她说,几千元以上,有专业的设计人员可以创建定制好的网站,“除非设计者不知道这个词响应,在这种情况下,你需要一个不同的设计师。”


最后,一旦你得到了正确的技术,将注意力转移到创造伟大的网站内容。“记住,”华纳说,“这尤其是在移动设备上,人们访问你的网站,原因有三:节省时间,与他人连接和浪费时间,所以给他们快速方便地访问,把你的联系信息的前沿和中心。 ,给它们链接到地图和方向,然后添加视频或其他的娱乐活动,让他们在你的网站,只要他们想留下来。“


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