响应式网页设计与特定于移动的网页设计

网页设计

2014年初,当在移动设备上的互联网使用超过PC使用时,企业运营的景观将永远变化。 [Rebecca Murtagh;搜索引擎手表,2014]

在上周博客帖子中提出了优化移动设备商业网站的重要性,标题为: “随着移动营销接管;你的网站准备好了吗?“ 在这篇文章中,我们期待企业的需求调整他们的网页设计方法,以便与用户和搜索引擎保持相关

在确保其网站时,企业面临的两个主要选择是移动准备的:实现响应网站设计或创建特定于移动的网站。但是企业应该采取哪种设计方法?让我们查看这些方法中的每一种,以确定相关的利弊,并帮助您确定下一步。

 

什么是敏感的网页设计?

响应式网站设计将通过单个URL向浏览器提供相同的内容,无论在查看页面上的设备如何。为了适应各种屏幕尺寸,内容,设计和导航在依赖于设备的不同比例中保持一致。相反,站点的结构改变以适应屏幕的尺寸 - 桌面景观,手机肖像。此外,某些内容和交互性是“隐藏的”或最小化以利用屏幕房地产。 (一个很好的例子,使用“汉堡包”菜单图标,可打开可点击的菜单选项。)

响应式网页设计示例:

桌面设计:

桌面mashable.

移动设计:

移动捣碎网站

响应式网页设计的优缺点:

易于管理内容& SEO:

一个网站意味着在所有设备上都可以看到更改的任何更改,更新或添加。

便宜的:

运行单个网站比运行两个更便宜。此外,一个网站意味着没有额外的营销成本来推广移动网站。

单个URL:

使用单个URL,网站后端不需要复杂注释,以启用设备检测和重定向。

响应网页设计的缺点:

加载速度:

对于桌面显示器的大页面可能会在移动设备上加载缓慢。

用户体验& Conversions:

在拥有一个网站的同时,为企业和营销人员提供简化的工作,这不一定是用户的情况。最大化转换,强调必须根据平台放置在页面的不同部分上。桌面上有效呼叫动作(CTA)的位置与移动设备上的位置不同。在桌面上,屏幕的右上角是一个受欢迎的CTA位置,而在移动页面上的移动中心通常最有效,或者靠近页面顶部的其他位置。

技术进步:

响应式网页设计是一种相对较新的技术,编码语言和实践意味着具有不同浏览器的设备以相同的方式加载网站 - 在某些情况下使用户更糟糕。

 

什么是特定于移动的网站?

特定于移动的Web设计是一个用于移动设备使用的网站。这些网站考虑了移动平台的所有限制和机遇,以创建一个了解较小的屏幕大小,交互式使用方法(触摸屏)和有限连接速度(2G&3G)。例如,通过创建桌面URL的子域,最容易实现特定于移动的网站设计; m.example.com。

特定于移动的网站示例:

桌面设计:

移动设计:

 移动时代网站

特定于移动专业场所:

加载速度:

如果正确编码,则特定于移动设备的站点不会包含慢慢移动加载时间的许多桌面元素。智能设备将自动将移动用户重定向到其设备的正确站点。

用户体验:

拥有一个专门的移动网站使企业能够为最佳移动用户体验塑造其网站。

SEO福利:

特定于移动的网站对移动搜索排名更好,因为Google将它们视为比简单的响应站点更好的用户体验。

特定于移动特定网站的缺点:

维护要求:

特定于移动的网站要求企业维护两个单独的网站。

复杂的SEO:

单独的移动网站要求企业进行额外的SEO工作。企业必须谨慎在管理两个站点时创建重复内容,并且还必须了解搜索习惯在移动和桌面上变化,因此对于桌面优化的内容可能不会对移动性执行,反之亦然。

成本:

有额外的成本与设计和建立新网站 - 建立移动网站不是便宜的选择。

  

哪种方法适合您?

最佳的移动网站设计方法将取决于业务的具体情况和要求。

作为一般规则,小型企业赞成响应式网络设计方法来移动Web优化。这是由于其较少的员工和资本,用于创建和维护第二个网站。但是,如果您的业务具有大而复杂的网站,则通常建议移动特定的方法。

无论您的方法如何,很明显,您的网站需要移动友好,以便在越来越多的移动世界中保持相关性。

 

有了不再有问题 商业营销业务?如果是这样,请联系我们 B2B营销机构 今天:1300 146 375

和唐’忘记了查看我们在以下操作的其他行业: 教育营销 | 金融服务营销 | 工业营销 | 保险营销 | 它营销 | 律师事务所营销 | 制造营销 | 技术营销