将网站转换为响应式需要多少费用?

2021-07-21

将网站转换为响应式需要多少费用?当前指标表明,多达 52% 的全球网络流量是通过移动设备处理的。这意味着您可能有一半的流量(如果不是更多,如果您处于专注于移动的利基市场)来自移动设备。

最重要的是,截至 2015 年年中,谷歌已将移动兼容性视为搜索排名因素。移动已经成为日常网络使用的重要组成部分,没有移动网站会对网站造成积极损害,从而对企业造成不利影响。

在这一点上,没有理由忽视它。如果您没有一个支持移动设备的网站,您就会将大量潜在流量和潜在业务留在桌面上。其他人肯定会捡起来,而且这个人几乎肯定是你的竞争对手。

移动网站类型

从技术上讲,您可以通过五种不同的方式制作移动网站。有些比其他的更好,你可以从这篇文章的标题看出我会推荐一个而不是其他的,但在那之前,你最好了解所有的选择。

首先是一个适合移动设备但不是移动设计的网站。这是任何考虑移动但不适合移动设备的网站。一个适合移动设备的网站只是一个桌面设计,它把元素间隔得足够远,以至于很难把它们弄胖。它很简单,也很容易做到,但从技术上讲,它也不是一个移动网站。用户仍然需要放大和缩小才能阅读内容,在页面上滑动才能查看所有元素,而且导航很麻烦。出于显而易见的原因,这是最糟糕的选择。

移动友好网站

二是自适应网站。一种自适应的设计基本上等于五个左右,在不同的常用分辨率网站的分层版本。不同的移动设备将根据其屏幕分辨率的大小加载不同版本的设计。它比移动友好的设计更难制作,但比响应式设计更容易。但是,对于拥有奇怪设备的人来说,可能没有完美契合的设计,您必须密切关注进入市场的移动设备。如果推出的新设备与您的设计不符,您需要添加新设备或调整现有设备。

三是专门的手机网站。如果您访问CNN 之类的页面,然后查看他们的专用移动网站m.CNN.com,您可以很容易地看到这一点。移动网站大幅缩减。它加载速度很快,但缺乏网站的许多特色,可以帮助留住用户。它是有用的,但维护起来很痛苦,而且现在有这么多更好的选择,它感觉已经过时了。

第四是AMP设计。AMP 是 Accelerated Mobile Pages 代码标准,少数主要网站已将其投入使用。如果您单击某个网站的链接(通常是通过 Google 的搜索结果),并且它不会在新标签页中打开,而是在一个新的子应用程序中打开,则它通常是一个 AMP 页面。您可以在此处阅读有关此版本的所有信息。

AMP 设计对于移动设备而言非常快速且功能强大。问题是,它们要求您按照某些代码标准编写新版本的页面,这通常会排除许多高级 Web 构建功能。

响应式站点

五是响应式设计。Responsive 类似于 Adaptive,除了整个页面都是流畅的。它会动态调整以适应任何尺寸的设备,充分利用给它的空间并根据分配的空间大小动态加载或卸载某些元素。您可以在The Boston Globe等网站上看到此类示例。只需拖动浏览器窗口来调整大小,您就会看到页面调整以适应给定的空间,避免任何水平滚动和卸载在较小设备上无用的元素,如侧边栏。

响应式设计是我对所有网站的首选推荐。它使您可以尽可能地保持站点的最佳元素处于活动状态,同时最大限度地减少必要的维护量。您不必维护网站的第二个移动版本。现在创建响应式设计也没有以前那么困难,因此开发成本已显着降低。

响应式设计的成本

不幸的是,简单地将响应式设计分层放置在现有网站之上是非常困难的。由于响应式设计的工作方式,任何“添加响应式设计”应用程序都会在不同的 URL 上制作您网站的专用移动版本,并将移动用户重定向到它。这首先违背了响应式设计的目的。

真正强大的响应式设计通常需要从头开始对您的网站进行大修。不幸的是,这通常非常昂贵。也就是说,有几种方法可以降低成本。

首先,让我们考虑一下,很大一部分网络是由 WordPress 提供支持的。WordPress 本身并不具有响应性,并且不保证主题具有响应性。然而,越来越多的主题变得具有响应性,包括一些设计时几乎没有考虑其他因素

响应式 WordPress 主题

如果您不介意潜在地更改您网站的布局,或者从响应式基础和一些自定义 CSS 和 HTML 中将主题组合在一起以使其看起来更像您的初始设计,那么您可以相当轻松地切换主题。或者,您可以使用一些相当基本的代码将任何现有主题转换为响应式主题。

这实际上非常便宜,因为它是您当前使用的任何主题和框架的 DIY 选项。另一方面,它需要有足够的代码知识来自己做,或者花钱请开发人员为您进行更改。它相对容易的唯一原因是因为 WordPress 依赖于许多非常标准的框架,因此各种主题将相互配合。由于一切都是标准化的,因此很容易进行调整。

如果您不使用 WordPress,您仍然可以添加代码以使现有站点具有响应性。但是,请注意,您的代码定制得越多,做出响应的难度就越大。在某些情况下,它就像为各种元素添加动态调整并在分辨率变小时标记一些要卸载一样简单。在其他情况下,您可能需要将一个完全独特的 kludge 组合在一起。

如果您要将现有设计转换为响应式设计,那么您有一些好消息。由于您有一个现有的设计,您不需要在新的网页设计上花费太多,只需在现有网站的编程和转换上。

根据各种 报价,网页设计的成本可能会有很大差异。一家拥有相对小而简单的网站的小型企业,转换为响应式设计,可能需要100 到 2,000 美元的成本。更大、更旧或更复杂或定制的设计可以让您花费 5,000 到 30,000 美元不等。企业级站点显然能够支付更多,因此企业级服务提供商收费更高。相同的基本服务将根据业务规模和他们必须支付的预算而有所不同。

示例响应式设计公司

将电子商务功能添加到现有站点并使其具有响应性是大量成本的来源。商业站点更复杂,需要按照更高的标准构建,并增加安全性。您可以为电子商务平台支付额外费用,尽管您可以运行多少费用本身会有所不同。我见过从1,000 美元到 20,000 美元不等的任何东西

有一个好消息,它适用于希望建立全新网站的任何人。如今,响应式设计被认为是新网站的标准。你当然可以找到不会做的网页设计师,但大多数优秀的网页设计公司都会将响应式设计作为标准。您无需为响应式设计支付额外费用,您只是将其作为一揽子交易的一部分。

响应式设计就够了吗?

我经常遇到的一个常见误解是,仅仅拥有响应式设计就足以满足典型用户的需求。

对于信息查询,这可能是正确的。如果你所做的只是提供一个包含一些教程和一些社论的博客,当然,响应式设计可能就是你所需要的。用户有一个意图,即了解您所写的内容。他们所需要的只是易于阅读访问您的文本。响应式设计满足了这种需求。

响应式设计示例 2

但是,对于其他查询,用户可能会想到一个任务。也许他们想购买一件物品。也许他们想查找有关产品或公司的特定信息。移动用户通常有更直接的需求和更专注的意图。例如,有人可能在路上寻找前往最近的开放餐厅的路线;如果他们无法立即找到您的营业时间,他们会寻找其他地方。

移动用户也更容易分心。从交通灯的变化到朋友的来电,任何事情都会让他们偏离轨道,让他们以后无视你,他们可能永远不会再回来了。不过,嘿,伙计们?开车时不要盯着你的手机,即使你证明它被停了。我见过人们用眼角的余光捕捉到转向灯的变化,然后直接将其射过红灯。这种狗屁东西害死人。

除了题外话,移动用户往往希望更快地进出您的网站。您无法通过博客文章吸引他们并让他们通过更多的帖子留下来,随便放下您的销售渠道。您需要预先加载他们正在寻找的任务,无论是信息性的还是具有购买意图的。

另一种选择

精明的网络营销人员将移动流量的意图与桌面流量的意图不同。拥有响应式设计可以让您捕获碰巧使用手机或平板电脑浏览的临时用户,但是在访问您的网站时具有特定任务意图的重点用户呢?

这是任务应用程序可以派上用场的地方。

想象一下,如果当您访问一家餐厅的网站时,系统会提示您下载一个应用程序。该应用程序拥有您需要的一切:访问您的奖励计划、易于访问的菜单、包含商店营业时间、位置和路线的页面,甚至可以进行预订或下订单。任何立即专注于执行其中一项任务的人都会非常高兴拥有该应用程序触手可及。

示例移动应用程序下载

现在,我知道有一个应用程序来处理所有这些问题有很多问题。一方面,临时用户可能不想加载另一个应用程序,尤其是当许多任务不相关时。这就是为什么你永远不会在应用程序中隐藏这些功能,只是让经常访问的用户或访问者更容易访问它们。

应用程序也不能满足谷歌对移动友好设计的需求。响应式设计——或其他版本的移动页面——仍然是必要的。尽管如此,拥有一个专注的应用程序可以帮助补充响应式设计的开始。当你前进时,需要考虑一些事情。

--- END ---


( ! ) Warning: realpath(): open_basedir restriction in effect. File(/www/server/panel/tmp) is not within the allowed path(s): (/www/wwwroot/www.hqtweb.com/:/tmp/) in /www/wwwroot/www.hqtweb.com/wp-includes/functions.php on line 2124
Call Stack
#TimeMemoryFunctionLocation
10.811536873872shutdown_action_hook( ).../load.php:0
20.811536873872do_action( $hook_name = 'shutdown' ).../load.php:1260
30.811536874248WP_Hook->do_action( $args = [0 => ''] ).../plugin.php:517
40.811536874248WP_Hook->apply_filters( $value = '', $args = [0 => ''] ).../class-wp-hook.php:348
50.813236834856wpcf7_cleanup_captcha_files( ).../class-wp-hook.php:322
60.813236834856wpcf7_init_captcha( ).../really-simple-captcha.php:555
70.813236835144ReallySimpleCaptcha->__construct( ).../really-simple-captcha.php:396
80.813236836160path_join( $base = '/www/wwwroot/www.hqtweb.com/wp-content/plugins/really-simple-captcha', $path = 'tmp' ).../really-simple-captcha.php:46
90.813236836160path_is_absolute( $path = 'tmp' ).../functions.php:2154
100.813236836160realpath( $path = 'tmp' ).../functions.php:2124