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

我对此有一些子问题,包括:
它可能潜在地影响SEO(正面或负面)吗?
使用这种设计方法为企业优化网站时,我会遇到哪些主要问题?


评论

您刚刚对标题问题进行了大幅更改,而没有实际修改内容。您真的确定吗? (提示:答案现在是“否”。)

@Su'对不起,我只是意识到它将完全改变我会收到的答案,所以我做了一个“回滚”

有多重要?对于大多数网站,重要性从零到零。对于应用程序或工具而言,更是如此(1)自适应还是自适应?因人而异,因项目而异。简而言之,没有一种方法更好,其用法也取决于站点的受众。 (2)影响SEO吗?第(3)个主要问题?您将不得不进行更多的测试,修复更多的错误,并编写更多的代码,当宽度减小时,某些事情将不起作用,如果您删除或更改它们,则某些事情将使TOS(无效)无效。这是此视频中Web应用程序的10个重要功能,恕我直言,IMHO仍然适用于大多数网站vimeo.com/10510576

#1 楼

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

在许多方面,这对于小型的本地化企业尤其如此:可以预见的是,许多移动搜索都倾向于将重点放在附近的事物上-例如寻找商店,餐厅等。 br />
截至2012年5月,响应设计是Google在为智能手机设计时推荐的行业最佳实践。主要好处之一就是您在运行一个站点:这是一个设计,构建,维护和升级的站点。

从SEO角度来看,托管一个单独的移动网站(例如m.example.com,意味着您需要优化2个单独的网站,并将您的业务价值(PageRank,授权等)分配给这两个位置。虽然您可以通过用户代理检测通过在相同的URL上提供内容来避免这种情况,但这并不能解决重复的工作(仍然是2个单独的网站),而且还带来了更多的技术挑战,例如确保搜索引擎在正确的索引中对正确的内容进行索引等,以确保您的用户代理检测有效并保持最新状态。 />
要回答您的其他问题:


上面已经讲过了,但还要考虑移动市场的发展速度。您的移动解决方案越灵活,则跟上它的步伐就越少。

取决于您要进行比较的内容,但是如上所述,其他两个主要选项中的任何一个都有明显的SEO他们面临的挑战。

有人担心“隐藏”问题,即在搜索引擎中隐藏
内容,这是大多数实现中响应式设计所固有的。但是,尽管这还没有,但我的主要知识却没有得到任何主要搜索的明确答复
引擎被Google视为“最佳做法”,这可以看作是
表明Google能够区分由于设备优化而合法隐藏内容与其他不合法的内容隐藏,出于操纵原因。
我认为主要挑战是确定向移动用户显示哪些内容。根据您的站点,这可能不是问题,但在许多情况下是这样。这里的主要考虑因素是了解您的移动访问者正在尝试做什么。例如,iPhone上的某人可能想要快速,便捷的信息或交易。 iPad上的同一个人更有可能对更悠闲的浏览体验感兴趣。


评论


这个问题和答案将在未来四年显着地有趣。

– dwjohnston
16年12月21日在4:22

#2 楼

无论使用哪种设备,背后的想法都是为访问者提供最佳的浏览体验。由于使用移动设备的访问者人数很可能会增加而不是减少,所以沿着这条路线走是完全有道理的。和CMS,您可以立即尝试并查看是否满意(通过您的全部或部分客户设备进行验证)。


,只要有特殊原因,请始终尝试专注于一个代码库。原因可能是您要提供像“网络应用程序”这样的专业网站。
SEO:不。和无响应的布局一样好与坏。
您必须在开始时多做一些规划。最小的设备上应显示什么内容,内容的顺序应如何?像这样的东西。或者:在所有支持的尺寸上,我的内容看起来都很好吗?
您可能还想针对每个尺寸优化图像的尺寸,以便不仅提供浏览器缩放的图像,而且还提供实际调整大小的图像。如果您的CMS不支持,则需要做更多的工作。 >编辑:

让我补充一下,如果您具有历史数据分析数据(例如Google Analytics(分析)),则可以轻松查找移动用户与非移动用户的数量,确定使用的设备(实际的硬件)并查看屏幕分辨率(“他们实际上看到了我的页面还是页面的一部分并且需要滚动?”)。

第二编辑:

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


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

单独的移动站点的优点:


满足移动用户需求的设计
快速创建站点
强大的DIY选项

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

Google Developers指出:


“ Google建议网站管理员遵循使用响应式网页设计的行业最佳实践,即为所有设备提供相同的HTML [...]”


评论


如果加载时间较长,则Google实际上会将您的网站排名较低。

– Steffan Donal
2012-09-27 15:44

@Ruirize是的,但是...他问响应式设计是否对SEO有负面影响。响应式设计不会使页面加载时间更长。所以不行”。仅当您喜欢这样做时;-)

–initall
2012年9月27日15:46

@initall-响应式设计可以使您的网站在移动设备上加载所需的时间更长,这取决于您对仅限移动设备的网站的设计方式。如果它的页面尺寸较小(前期内容较少,库等较少),则您的网站可能要比在移动设备上花费的时间更长。尽管如此,为低带宽网络优化单个站点可能还是不错的,但这是需要注意的。

–尼克
2012年10月7日18:45

@Nick当然,如果您将经过移动优化的网站与更通用的网站(响应式)进行比较,那么获胜者将不会感到惊讶。这列出了一些陷阱:blog.cloudfour.com/css-media-query-for-mobile-is-fools-gold

–initall
2012年10月8日在8:02

#3 楼

我认为重要的是要首先意识到“响应式设计”(RD)是一个时髦的术语(如果我将Width:100%放到元素上,则我有一个RD就可以夸大),因此它的重要性显得比它更重要最终确实是有条件的。

是否有必要实现RD?

要回答,您将需要陈述一些定义:


您的目标受众是谁
您的目标受众是什么受众
您的网站的目的是什么
从哪里访问您的网站(大多数情况下) )
等。

这与市场营销分析非常相似。这是关于为合适的受众群体提供合适的媒体(也许您的受众群体大部分时间都坐在计算机前,或者他们正在使用最新的iPhone等)。他们两者都做,那么RD当然是核心。用户界面的复杂性以及如何使用它。在大多数情况下,可以通过对各种显示使用不同的CSS集来呈现典型页面。但是,更复杂或更复杂的UI可能需要不同的方法,因此明智的做法是根据所使用的设备(例如Google地图,多点触摸界面)呈现不同的页面结构和策略。

它会影响SEO(正面或负面)吗?

SEO的重点在于内容而非设计。只有Google知道他们是否权衡设计,但权衡设计/布局,但总的来说,如果您的内容质量高,那么它将比实际设计更权重。

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

为错误的受众群体设计网站。分析目标并提供最新的技术数据(例如,访问日志提供有关平台等的信息)。

新技术总是有风险的。 Facebook的HTML5问题。目前,它还不完全成熟,并引发了类似于IE6和标准问题的各种问题。精美的网页仅在非常短的时间内有价值,直到用户实际必须使用您的网页为止。如果每次单击都需要等待1/2秒才能完成淡入淡出,则用户将很快迷失方向。这样的事情。

评论


在您的答案的某些部分中明确表示不:不要将“响应式设计”与“灵活”或“流体”概念混合使用。根据屏幕尺寸,响应式设计可能看起来“固定”,因为它依赖于媒体查询来基于浏览器宽度传递不同的CSS。不是“宽度:100%”。我不会称其为“嗡嗡声”,因为这是一个合理的概念,是对当前问题的一个很好的答案,而不仅仅是炒作。关于SEO:至少Google投入了一些精力来检测单个主题布局和另一个主题布局;再次:RD本身是好是坏,取决于您的内容。

–initall
2012年9月28日在7:01

尽管是泥泞的水,但“固定”评论背后100%。我在工作中反应灵敏的位置已经固定了内部不稳定的元素。我会争辩说,目前这只是个流行语,但我想很快它将被称为网页设计/开发。我认为,如果公司拥有移动网站而不是进行响应,那么SEO的影响可能会出现...但是,我不知道这种SEO明智的影响。

– DBUK
2012年9月28日19:30在

#4 楼

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


使用响应式网页设计比使用单独的代码更好?


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


它会潜在地影响SEO(正面或负面)吗?但是,从统计角度来看,我的自适应设计确实做得很好。客户喜欢它们,顾客喜欢使用它们。


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


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

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

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

#5 楼

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

对于面向小地理区域的小型企业,这一点甚至更为关键-对于新成立的小型企业而言,SEO将会非常困难,但是,如果您的产品不错,则可以最大限度地增加人们分享您所做工作的数量。

在阅读社交媒体时,人们现在大多在使用移动设备-通常是在早上的床上,晚上在床上。去浪费。你不要这个

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

最大的优势响应式设计的原因是您保持相同的代码库。这减少了维护成本,测试成本和开发成本。

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

可能面临Google处罚的风险-查看Google熊猫和新的(上周)“完全匹配域”处罚,这两项都会对网站的“低质量”处罚。使用这种方法为企业优化网站时,您可能会遇到的主要问题是,这是一个新的流行词,每个人都需要它,因此,牛仔们以高得难以置信的价格对一件难以置信的事情收取高昂的价格。 >
例如,我最近建立了一个网站,其中有一个商店,一个论坛,一个“问答”部分以及各种其他页面,博客等,可以在一天之内完全响应所有设备。

这是您需要执行的基本操作:


调整身体的内边距和边距
将左侧或右侧菜单移动到下拉菜单中,或者隐藏它们在顶部的选项按钮下方。
调整容器的大小,在可以使用的地方使用宽度100%
将所有图像更改为宽度100%
确定手机上不需要什么东西(广告? )并删除它们(显示:无)。

以下是示例代码:来自智能手机的advertbox” s(最大宽度为480px)并减少了主体边距。类和良好的样式以适合所有设备。

希望对您有所帮助!

#6 楼

我只想换一个角度来看:

不,它不是强制性的,甚至不是推荐的。这取决于您的目标受众是谁。查看您的分析数据,看看与移动用户相比,来自移动的百分比是多少,而与移动用户相比,移动的百分比有明显下降吗?不过,我们有90%的流量来自台式机用户,而台式机,移动设备和平板电脑的跳出率和事件完成率几乎相同。

除非有合理的成本来更改它,否则根本就没有。”是我们这样做的经济诱因。仅在所有用户都是您的目标受众时,才说出诸如50%的用户使用移动设备之类的笼统声明。否则,将导致完全不相关且遵循错误的逻辑。特别是对于B2B应用程序,大多数人不会在空闲时间看手机。周一至周五,您将在台式机上获得流量。