首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >响应性网页设计有多重要?

响应性网页设计有多重要?
EN

Webmasters Stack Exchange用户
提问于 2012-09-27 12:10:19
回答 6查看 4K关注 0票数 30

最近,我听到了关于使用响应性网页设计的利弊的各种意见,我想知道是否有必要让那些以小地理区域为目标的小企业实施响应性的网页设计?

我有一些关于这方面的子问题包括:

  1. 与使用不同尺寸/设备的单独代码相比,使用响应性网页设计更好吗?
  2. 它能对SEO产生潜在的影响(正面还是负面)?
  3. 在使用这种设计方法为企业优化网站时,我会遇到哪些主要问题?
EN

回答 6

Webmasters Stack Exchange用户

回答已采纳

发布于 2012-09-27 13:36:24

在未来几年内,移动互联网的使用将被广泛采用( 预计将超过桌面使用 ),因此,对任何企业来说,某种移动优化都应该是一个严肃的考虑因素。

在许多方面,对于小型本地化企业来说尤其如此:可以预见的是,很多移动搜索往往集中在找到附近的东西上--比如找一家商店、餐馆等等。

截至2012年5月,响应设计是谷歌推荐行业智能手机设计的最佳实践。其中一个主要的好处是,您正在运行一个网站:这是一个网站的设计,建设,维护和推广。很有效率。

从SEO的角度来看,托管一个独立的移动站点,例如m.example.com,意味着您需要优化2个不同的站点并划分您的业务价值(PageRank、权限等)。跨越这两个地点。虽然您可以避免通过用户代理检测在相同的URL上服务内容,但这并不能处理重复工作(仍然是两个单独的站点),而且它还带来了更多的技术挑战,例如确保用户代理检测工作正常并保持最新,搜索引擎在正确的索引中索引正确的内容,等等。

总之,响应性设计是一个优雅的解决方案。

回答你的其他问题:

  1. 以上所述,还考虑了移动市场的发展速度。您的移动解决方案越灵活,您需要做的事情就越少。
  2. 这取决于你比较的是什么,但正如上面提到的,其他两个主要选项中的任何一个都有重大的SEO挑战。人们一直在关注“隐藏”的问题,即对搜索引擎隐藏内容,这是大多数实现中响应性设计所固有的。然而,尽管据我所知,任何主要搜索引擎都没有明确回答这一点,但谷歌将其视为“最佳做法”,可以被视为一种迹象,即谷歌能够区分出于设备优化的原因而合法隐藏内容,以及出于操纵原因而隐藏的其他不那么合法的内容。
  3. 我认为主要的挑战是决定向移动用户展示哪些内容。取决于您的站点,这可能不是一个问题,但在许多情况下,它是。这里的主要考虑是了解您的移动访问者正在尝试做什么。例如,iPhone上的某个人可能需要快速、简单的信息或事务。iPad上的同一个人更有可能对更悠闲的浏览体验感兴趣。
票数 21
EN

Webmasters Stack Exchange用户

发布于 2012-09-27 12:38:50

背后的想法是给你的访问者提供一个最佳的浏览体验,不管是什么设备。由于使用移动设备的访问者数量几乎有可能增加而不是减少,走这条路线是完全有意义的。

对于博客和CMS来说,有一个可以负担得起(不算便宜)的主题,你可以立即试用,看看你是否喜欢你得到的东西(用你所有的或一些客户的设备来验证)。

  1. 只要你有特殊的理由,就一定要把注意力集中在一个代码库上。原因之一可能是你想提供一个像“网络应用程序”这样的专门网站。
  2. SEO:没有。就像没有反应的布局一样好和坏。
  3. 你必须在一开始就多做一些计划。什么内容应该显示在最小的设备上,内容的顺序应该是什么?诸如此类的事情。或者:我的内容在我支持的每个维度上看起来都很好吗?您还可能希望为每个维度优化图像的大小,以便不仅提供浏览器缩放的图像,而且提供真实大小的图像。如果您的CMS不支持这是一些更多的工作。

如果您计划包含来自外部源的广告,您还必须验证给定的格式是否在一起运行良好。

编辑:

让我补充一下,如果你有历史上的网络分析数据(比如Google ),你可以很容易地查找移动用户和非移动用户的数量,识别使用过的设备(直到实际的硬件),并查看屏幕分辨率(“他们真的看到我的页面还是其中的一部分,必须滚动吗?”)

第二次编辑:

根据这篇文章,“移动网站与响应设计:什么是适合你的业务的解决方案?”“在Google博客上--一个设计时考虑了响应性设计的网站--有这样的建议:

  • 易于更新
  • 为搜索引擎优化
  • 添加转换和重定向代码

独立流动网站的Pros:

  • 满足移动用户需求的设计
  • Quicke站点创建
  • 很好的DIY选择

反应式设计--利用媒体查询的力量在官方Google中央博客上的文章很好地介绍了“响应设计”是如何实际实现的。

谷歌开发者的“建设移动优化网站”声明:

谷歌建议网站管理员遵循业界使用响应式网页设计的最佳做法,即为所有设备...提供相同的HTML服务

票数 12
EN

Webmasters Stack Exchange用户

发布于 2012-09-27 17:05:56

我认为重要的是首先意识到“响应性设计”( RD )是一个热门术语(如果我把宽度:100%地放在我有RD的元素上,夸张一下),因此它的重要性似乎比它真正重要,因为最终它和其他东西一样都是有条件的。

是否有必要实施RD?

要回答这个问题,您需要说明一些定义:

  1. 你的目标观众是谁?
  2. 你的目标是什么样的观众?
  3. 你的网站的目的是什么
  4. 您的网站将从哪里访问(在大多数情况下)
  5. 等。

这与市场分析非常相似。它是关于为正确的受众提供合适的媒体(也许你的听众大部分时间都坐在电脑前,或者他们正在使用最新的iPhone等等)。他们两者都做吗,那么研发当然是核心。

是否更好地使用响应web设计,而不是将单独的代码用于不同的维度/设备?

取决于UI的复杂性以及您将如何使用它。在大多数情况下,一个典型的页面可以通过为不同的显示使用不同的CSS来呈现。然而,更复杂或更复杂的UI可能需要不同的方法,因此根据使用的设备(例如,多点触摸界面)呈现不同的页面结构和策略是明智的。

它能影响SEO (正或负)吗?

SEO更多的是内容而不是设计。只有谷歌知道他们是否重视设计,但设计/布局,但一般来说,如果你的内容是高质量的,这将比实际设计更多的权重。

使用这种设计方法为企业优化网站时,我可能遇到哪些主要问题?

为错误的观众设计它。分析你的目标,并在可能的情况下提供最新的技术数据。提供有关平台等方面的信息)

新技术总是有风险的,裁判。Facebook的HTML5问题。到目前为止,它还不完全成熟,会引发各种类似于IE6和标准问题的问题。

尽量简单。花哨的网页只有很短的时间才有价值,直到用户实际使用你的网页。如果它必须等待1/2秒才能完成每一次点击,用户将很快丢失。诸如此类的事情。

票数 3
EN
页面原文内容由Webmasters Stack Exchange提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://webmasters.stackexchange.com/questions/35037

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档