响应式网页设计有多重要？

最近，我听说过有关使用响应式Web设计的利弊的各种意见，并且想知道针对小型地理区域的小型企业是否需要实施响应式Web设计？

我对此有一些子问题：

1. 与将单独的代码用于不同的尺寸/设备相比，使用响应式网页设计是否更好？

2. 它会潜在地影响SEO（正面或负面）吗？

3. 使用这种设计方法为企业优化网站时，我可能遇到的主要问题是什么？

广泛预测，从现在开始，移动互联网的使用将在几年之内超过台式机的使用，因此，对于任何企业来说，某种形式的移动优化都应该是一个认真的考虑。

在许多方面，这对于小型的本地化企业尤其如此：可以预见的是，很多移动搜索都倾向于将重点放在附近的事物上-考虑寻找商店，餐厅等。

截至2012年5月，自适应设计是Google在为智能手机设计时推荐的行业最佳实践。主要好处之一是您可以运行一个站点：这是一个设计，构建，维护和升级的站点。效率很高。

从SEO角度来看，托管一个单独的移动网站（例如egmexample.com）意味着您需要优化2个单独的网站，并将您的业务价值（PageRank，授权等）分配给这两个位置。尽管可以通过用户代理检测在相同的URL上提供内容来避免这种情况，但这并不能解决重复的工作（仍然是2个单独的站点），而且还带来了更多的技术难题，例如，确保用户代理检测工作并保持最新状态，即搜索引擎在正确的索引中索引正确的内容，等等。

总之，响应式设计是一种优雅的解决方案。

要回答您的其他问题：

1. 上面提到了，但还要考虑移动市场的发展速度。您的移动解决方案越灵活，则需要做的越少。

2. 取决于您要进行比较的对象，但是如上所述，其他2个主要选项中的任何一个都给它们带来了巨大的SEO挑战。

   人们一直对“隐身”问题感到担忧，即在搜索引擎中隐藏内容，这是大多数实现中响应式设计所固有的。但是，据我所知，尽管没有任何主要搜索引擎明确回答这一问题，但Google认为这是“最佳实践”，可以看作是表明Google能够区分合法隐藏的内容，设备优化等原因，以及出于操纵原因而进行的合法隐藏程度较低的原因。

3. 我认为主要的挑战是确定要向移动用户显示哪些内容。根据您的站点，这可能不是问题，但在许多情况下是这样。这里的主要考虑因素是了解您的移动访问者正在尝试做什么。例如，iPhone上的某人可能想要快速，便捷的信息或交易。iPad上的同一个人更可能对更悠闲的浏览体验感兴趣。

无论使用哪种设备，背后的想法都是为访问者提供最佳的浏览体验。由于使用移动设备的访问者人数很可能会增加而不是减少，因此顺其自然地走是很有意义的。

对于Blog和CMS，有许多可负担的（不是便宜的）主题，您可以立即尝试一下，看看您是否满意（使用您的全部或部分客户设备进行验证）。

1. 只要有特殊原因，就始终尝试着重于一个代码库。原因可能是您想提供一个专门的网站，例如“网络应用程序”。

2. SEO：不。与无响应布局一样好与坏。

3. 您必须在开始时做更多的计划。最小的设备上应显示什么内容，内容的顺序应如何？像这样的东西。还是：在我支持的每个维度上，我的内容看起来都不错吗？您可能还需要针对每个尺寸优化图像的尺寸，以不仅提供浏览器缩放的图像，而且还提供实际调整大小的图像。如果您的CMS不支持，则需要更多工作。

如果您打算包含来自外部来源的广告，则还必须验证给定的格式能否很好地配合使用。

编辑：

让我补充一下，如果您有可用的历史网络分析数据（例如Google Analytics（分析）），则可以轻松查找移动用户与非移动用户的数量，确定使用的设备（实际硬件以下），并查看屏幕分辨率（“他们实际上看到我的页面还是其中的一部分，并且不得不滚动？”）。

第二编辑：

根据这篇文章“移动网站与响应式设计：什么是适合您业务的解决方案？” “在Google Analytics（分析）博客上，考虑到响应式设计的网站具有以下优点：

• 易于更新
• 针对搜索引擎进行了优化
• 添加转换和重定向代码

单独的移动网站的优点：

• 为移动用户需求而设计
• 快速创建网站
• 很棒的DIY选项

正式的Google Webmaster Central博客上的文章“响应式设计–利用媒体查询的力量”很好地介绍了“响应式设计”的实际实现方式。

Google Developers上的“构建针对移动设备优化的网站”指出：

“ Google建议网站站长遵循业界使用响应式网页设计的最佳做法，即为所有设备提供相同的HTML [...]”

我认为重要的是要首先意识到“响应式设计”（RD）是一个时髦的术语（如果我将Width：100％放到元素上，则我有一个RD就可以夸大），因此它的重要性显得比它重要。最终，这实际上是有条件的。

是否有必要实施RD？

要回答这个问题，您需要陈述一些定义：

1. 谁是您的目标受众
2. 您的目标受众是哪种
3. 您的网站的目的是什么
4. 在大多数情况下，将从何处访问您的网站
5. 等等

这与市场营销分析非常相似。这是关于为合适的受众群体提供合适的媒体（也许您的受众群体大部分时间都坐在计算机前，或者他们正在使用最新的iPhone等）。他们两者都做，那么RD当然是核心。

与将单独的代码用于不同的尺寸/设备相比，使用响应式网页设计是否更好？

取决于UI的复杂性以及使用方式。在大多数情况下，可以通过对各种显示使用不同的CSS集来呈现典型页面。但是，更复杂或更复杂的UI可能需要不同的方法，因此明智的做法是根据所使用的设备（例如Google地图，多点触摸界面）呈现不同的页面结构和策略。

它会影响SEO（正面或负面）吗？

SEO 不仅仅是设计，而是内容。只有Google知道他们是否权衡设计，但权衡设计/布局，但通常来说，如果您的内容质量高，那么它将比实际设计更权重。

使用这种设计方法为企业优化网站时，我可能遇到的主要问题是什么？

为错误的观众设计。分析您的目标并在可能的情况下提供最新的技术数据（即访问者日志提供有关平台的信息等）

新技术总是有风险的。Facebook的HTML5问题。目前，它还不完全成熟，并引发了类似于IE6和标准问题的各种问题。

使其尽可能简单。精美的网页仅在非常短的时间内有价值，直到用户实际必须使用您的网页为止。如果每次单击都需要等待1/2秒才能完成淡入淡出，则用户将很快迷失方向。像这样的东西。

我略过其他答案，如果有多余，请原谅我。在这一点上，我每天都要进行响应式设计，每天工作8个小时以上。我的客户希望这样做，因为他们希望移动用户拥有“独特的”经验，我的雇主希望得到它，因为它是Google的首选方法，并且精简了。（如果被Google吹嘘为最有可能对SEO最好的方法）

与将单独的代码用于不同的尺寸/设备相比，使用响应式网页设计是否更好？

我会说更好，是的。与编写iPhone应用程序，droid应用程序，iPad应用程序，kindle应用程序相比，大多数代码是相同的代码，因此工作量更少。

它会潜在地影响SEO（正面或负面）吗？

从设计的角度来看，我觉得它是中性的。但是，从统计角度来看，我的自适应设计确实做得很好。客户喜欢它们，客户喜欢使用它们。

使用这种设计方法为企业优化网站时，我可能遇到的主要问题是什么？

刚开始时有点困难...您需要对媒体查询进行一些研究，并且最好有一些移动设备可以进行测试。请记住，调整桌面窗口的大小已经关闭，但是移动设备渲染Internet的方式有时会与您期望的不同。例如，我设计了一个响应式网站，在该网站上我使用了bg重复标题，并在桌面上覆盖了整个可见区域。但是，在iOS上由于某种原因它缩短了时间...

我建议学习并尝试一些响应式设计。请访问此网站以快速入门：http : //html5boilerplate.com

要回答标题中的问题：这很重要，并且您应该意识到它以及如何设计它，并且如果您决定不使用它，则应该准备捍卫这种立场，因为您可能会确定客户关于这种设计。根据我的经验，客户和客户都喜欢响应式设计。满意的客户和满意的客户是我追求它的足够理由:)

响应式网页设计至关重要-如果要创建新站点，则必须使站点具有响应性。已经有50％的流量来自移动设备和平板电脑，而且这种增长不仅会增加，而且还将成为互联网使用的明显主导形式。

对于以小型地理区域为目标的小型企业而言，这尤其重要-SEO对于一个新的小型企业来说将非常困难，但是如果您的产品不错，则可以最大限度地增加人们分享您所做工作的数量。

在阅读社交媒体时，人们现在大多在使用移动设备-通常在早上躺在床上，晚上躺在床上。

如果您的网站无法在移动设备上使用，那么影响您的相关受众群体的任何份额都将浪费。你不要这个 避免这种情况的发生至关重要。

关于响应式或单独的代码：响应式设计的主要缺点是，它不如单独的代码库那么快。这种速度的损失将是微不足道的，在本地小型企业的情况下，当其他因素可能使用户想到该网站为什么比其他网站慢0.2秒时，这种损失肯定可以忽略不计。

响应式设计的最大优点是您可以保留相同的代码库。这减少了维护成本，测试成本和开发成本。

如今，SEO中的大事是“网站质量”-网站质量很难衡量，但一般来说Google使用网站的跳出率和网站时间来衡量。如果您的网站在移动设备上很糟糕，那么50％的访问量将具有较高的跳出率，并且会有大量的访问者参与度较低（页面上少于10秒）。

这使您面临Google处罚的风险-查看Google Panda和新的（上周）“ 精确匹配域”处罚，这两种处罚都会使网站的质量低劣。

使用这种方法为企业优化网站时，您可能会遇到的主要问题是，这是一个新的流行词，每个人都需要它，因此，牛仔们以令人难以置信的简单操作收取高得离谱的价格。

例如，我最近制作了一个网站，其中有一家商店，一个论坛，一个“问答”部分以及各种其他页面，博客等，可以在一天左右的时间内对所有设备完全响应。

这是您需要做的基本工作：

1. 调整主体填充和边距
2. 相反，将左侧或右侧菜单移到下拉菜单中，或者将其隐藏在顶部的选项按钮下面。
3. 调整容器大小，在可能的地方使用宽度100％
4. 将所有图像更改为宽度100％
5. 确定不需要什么东西（广告？）并将其删除（显示：无）

这是一些示例代码：

@media screen and (max-width:480px) {
body {
margin:5px;
padding:0px;
}
.advertbox {
display:none;
}
}

这样做是从智能手机（最大宽度为480px）中删除带有“ advertbox”类的所有内容，并减少了机身边缘。

如果您要创建一个新站点，则可以轻松构建，因为您可以确保构建一个干净的设计，并具有漂亮的干净类和良好的样式以适合所有设备。

我希望这有帮助！

我只想换一个角度来看：

不，不是强制性的，甚至不是推荐的。这取决于您的目标受众是谁。查看您的分析数据，看看与Mobile桌面用户相比，来自Mobile的百分比是多少，而来自Mobile的百分比有没有显着下降？

举一个我在哪里工作的示例，我们的网站没有响应。不过，我们有90％的流量来自台式机用户，而台式机，移动设备和平板电脑的跳出率和事件完成率几乎相同。

除非有改变它的成本理由，否则我们没有财务动机去这样做。仅在所有用户都是您的目标受众时，才说出诸如50％的用户使用移动设备之类的笼统声明。否则，它完全不相关且遵循错误的逻辑。

您只需要查看您所定位的移动设备上的用户百分比即可。特别是对于B2B应用程序，大多数人不会在闲暇时间看手机。周一至周五，您将在台式机上获得流量。