Return to site

超越响应:适应性营销人员的设计和发展趋势

我的一位朋友最近让我回顾并解释了一个源自SEO的着名数字营销机构发送的一系列网站推荐。我们讨论了(通常很好的)内容和搜索优化的建议,然后我们得到了这个:

“*移动占据了53%的流量。我们建议建立一个适合移动设备的响应式网站.Google建议使用自适应设计,以便您的网站在所有设备上看起来都很不错,并且可能有助于提高移动排名。”

就是这样。一个说“建立一个响应式网站”的要点就像是通过一系列小修理和一个子弹点来回到家中检查,其中说:“另外,建造一个具有现代规格的新房子。”

作为专业营销人员,我们需要意识到这个建议不够好。我们没有帮助任何有广泛声明的人,这些声明没有提供从哪里开始或考虑什么的指导。谷歌可能会推荐响应,但这并不意味着它是唯一的选择,或者它始终是正确的选择。即使这是正确的选择,我们也需要了解如何做出正确的回应。

如果我们要告诉人们重新设计他们的网站,我们最好在20页的文档中找到比单个项目更重要的内容。暗示“谷歌会奖励你做出回应”并将其留在那里可能弊大于利。它也错过了一个巨大的机会来帮助客户建立一个具有强大用户体验的优秀网站。

如果您不熟悉网站架构,设计,用户体验和/或用户意图,那就没关系。如果所有你不得不说的是“建立一个响应式网站,因为谷歌”,就不要提到像网站重新设计这样庞大的项目。

这篇文章是关于公司如何处理网络的未来,无论好坏。我的目标是帮助SEO,内容营销人员和所有其他数字营销人员更加智能地讲述响应式,移动性和其他设计和开发趋势。

不要跟随人群:你冒着充分的Windows 8风险。

我们从Windows 8的灾难中学到了一些关于跨平台设计的重要课程。由于很多原因,这是一个混乱 - 然而我看到同样的人嘲笑Windows 8开始在他们的网站上犯同样的错误。对于那些从未使用过Windows 8的人来说,让我解释为什么它如此糟糕。

  1. “Metro”(或“现代”或其他)避开了现代简约的导航。它具有大图标 - 没有明确的方法来做更多点击图标。桌面用户讨厌它。
  2. 有许多有用的功能和选项,大多数人从未知道隐藏在子导航中。Windows 8实际上可以做一些很酷的新东西 - 但很少有人知道它可以,因为它不可见。
  3. 用户不知道如何做他们想做的事。菜单和按钮被避开,支持应用程序图标的臃肿图片。开始菜单,控制面板和文件搜索等常用功能突然转移到非标准位置。每个月都有成千上万的人转向谷歌,想出如何做一些简单的事情,比如关闭电脑并进行搜索。这太可笑了。

一小部分人要求Google帮助他们浏览Microsoft产品。同样有趣的是:尽管活跃用户数量是4-5倍,但Windows 7 对这些术语的搜索量一直较低

现在,三年后,我们在网络上观看用户的Windows 8。菜单在桌面上缩小为小汉堡包。不要那样做!你就像Windows 8那样疏远你的桌面用户。用户必须单击两次或三次而不是一次才能在菜单中找到所需内容。不要自欺欺人:你不是Windows。没有人会问Google如何使用您网站的导航。他们只是看看结果二。

我们来看一个在网络上犯Windows 8错误的例子。让我们变大吧。我们去本田。

当您采用设计趋势并尝试在公司网站上强制它而不考虑用户或他们为什么要访问您的网站时会发生这种情况。这个网站卖什么?梦?云?库存图片?页面上的文字几乎可以放在世界上任何公司网站上。本田在他们的公司网站上已经完整的Windows 8。

旁白:我选择本田,因为我知道他们可以在这里挨打并继续跑 - 就像我的CR-V(我喜欢)。

我显然不是桌面上不断扩展的移动式导航菜单的粉丝,但是本田用一个过于复杂的菜单让我感到震惊。

据我所知,该公司生产主要的发动机,船只和飞机零件。拥有大量业务部分并不意味着每个部分都应该得到同等重视。当本田到达网站时,本田需要退后一步,询问用户想要什么,并意识到服务于每一个意图是不可行的 - 特别是如果它想要保持其简单的设计。

比赛怎么样?

丰田和其他竞争对手都知道,访问该网站的大多数用户都希望了解汽车选择或寻找经销商。本田和丰田都有赛车场,两家公司都销售工业发动机。但丰田了解到,登陆丰田网的大多数用户都想要消费者品牌,而赛车爱好者则会选择谷歌“丰田赛车”。页脚中还有一个连接方式。

避免我称之为仅限移动设计的规则的例外可能是设计公司。这是Big Spaceship的网站。他们是一个设计机构,比以往任何时候都更了解网页设计。这是一个很棒的网站,它可能会让他们获得销售。难道不是复制它们。除非您是设计机构,否则不要模仿设计机构的网站。本田,我跟你说话。

当用户访问设计公司的网站时,他们希望了解公司的技能。像Big Spaceship这样的设计机构能够立即展示和销售用户的设计能力。从本质上讲,主页充当整页产品镜头和销售页面。

我见过搜索引擎优化/设计/营销机构创建本质上只是设计的网站,然后想知道为什么没有人对他们的SEO服务感兴趣。我见过产品公司使用徽标+汉堡包菜单+大量的产品图片布局,除了第一张图片中的产品外,还有问题。这就是你复制酷孩子所得到的。

它才有意义表明一件事,如果你只是做一两件事。在亚马逊的情况下,良好的设计是非常不同的。亚马逊拥有数百万种产品,他们不希望人们点击类别,选择错误的产品,迷路或沮丧。搜索功能是大型网站的关键:因此每个亚马逊网页上的搜索栏都不那么漂亮。

将用户的意图与导航项和着陆页内容对齐。向他们展示如何浏览或搜索您的商品和服务,而无需进行不必要的点击。将可浏览的项目保持在可管理的级别,并确保您有一个简单的点击路径,指向人们想要在您的网站上执行的操作。看看Medium如何将意图与设计对齐。

 

简单适用于Medium帖子:用户想要阅读他们登陆的帖子,网站设计的重点是阅读帖子。在您完成阅读之前,媒体将暂停您阅读或分享更多内容。大多数行动呼吁都在本文的最底层。现在看一下主页。

聪明。当有人登陆帖子时,他们想要阅读帖子。所以向他们展示帖子!当有人登陆主页时,他们的意图会有所不同。为他们提供未隐藏在汉堡菜单后面的选项。向他们展示他们做些什么。

弄清楚用户想要了解或看到的内容,并将这些元素显着地构建到网站中。不要盲目地复制网页设计,否则你可能会冒着跟随Windows 8疏远核心用户的风险,特别是在桌面上。

那你怎么知道你的用户想看到什么?

1.运行页面调查

弄清楚人们在寻找什么的最好方法之一就是问问他们。不要一直惹恼弹出窗口的人,但如果你刚刚开始,那么值得预先收集信息。询问人们访问您网站时他们正在寻找什么。我们使用Qualaroo,但有很多简单的工具可以快速实现。

如果您已经知道人们在寻找什么,那么您应该确保知道他们购买的主要考虑因素。价格对他们而言比电力或质量更重要吗?如果价格对您的买家最重要,那么价格应该在设计中占据显着位置。

2.使用拆分测试来理解意图

运行拆分测试有很多理由,重点应该放在转换上。问题是,有时我们专注专门哪个版本转换更好,而忘记问为什么。

我们使用Optimizely,它很棒。我们还会使用我们的测试前假设,测试页面,结果链接以及我们认为它赢得的原因来记录测试结果。然后,如果我们对结论是对的,我们会尝试考虑其影响。

  1. 还有什么地方可能会让失败的版本出错呢?
  2. 如果我们对用户的需求是正确的,那么其他哪些页面会受到影响?
  3. 是否有我们可以创建的内容来解决用户的问题?是否缺少关键页面或解释?

在整个网站上过度应用单个测试的结论有点危险,因此这通常会导致更多的测试。经过三到四次测试后,您可能已准备好进行适度更改而无需进行拆分测试,从而可以继续进行下一次大测试。

3.看看市场细分

通过查看市场细分,尝试找出用户在精神上的位置。不要将市场细分误认为是用户试图购买的产品。相反,使用它来了解用户一直在看的其他内容。这是我们工作的网站,例如:

那么这在我们的家庭服务网站上告诉我的是什么?房地产,就业,酒店,新车和家具有什么共同之处?这些都是人们在移动时所需要的东西。如果我们对此很聪明,我们的网站应该有明确的信息和导航选项,供移动的人使用。也许移动指南将是一个很好的内容想法。如果我们只专注于人们想要购买的东西,这些都是不被人注意的机会。

有些网站会回到移动网站,这没关系

据说Google“喜欢”响应式设计,并会奖励具有更高搜索排名的响应式网站。我不同意第二点。无论使用何种技术,Google都会喜欢为用户提供所需内容的网站。

是的,谷歌推荐了响应式设计。我也这样做,但我这样做是因为它是迄今为止最简单的多设备维护方法,也是最难完全陷入困境的方法。这并不意味着它是唯一的办法,那也并不意味着谷歌将惩罚一个网站,以不同的方式提供卓越的移动体验。

移动网站有很多好处。在某些网站上,移动用户的意图和行为与桌面用户不同,因此无法创建特定于移动设备的体验。它还与快速加载网站的目标兼容。

您可以而且应该使您的网站快速响应,但有很多原因导致大多数响应网站在移动设备上的速度变慢。动态提供的站点和移动站点都可以自然地构建速度。特定于移动设备的站点还可以提供适合当时用户意图的体验。

今年7月,Cindy Krum在她的Mozcon演讲中谈到了“移动意图”。这可能听起来像一个流行语,但移动用户确实处于不同的位置。他们不打算比较多。他们想要快速购买或获得产品的一些快速细节。

如果您正在考虑建立一个移动网站,请确保您有很多人准备好正确地构建它并进行维护。不要低估使整个站点工作所需的开发时间。您需要知道如何设置rel标签的SEO,并且理想情况下确保移动网站具有相同的URL结构。您需要大量的质量检查才能确保正确提供所有网页类型。

一些SEO会说SEO的移动子域或子文件夹更糟糕,因为链接到一个不会算作另一个的链接。废话!这就是rel =“canonical”和rel =“alternate”标签的用途。就像烦恼非www 301重定向到www版本一样,这些东西在某一点上产生了很大的不同,但不再像它们那样重要。谷歌足够聪明,能够理解正在发生的事情 - 除非你没有正确实施它们。

对于大多数公司来说,响应式设计仍然是一个更好的选择,但没有理由对它采取教条。谷歌为您提供三种选择是有原因的。移动网站可以适用于大型公司,通常是大型电子商务网站的最佳选择。

Web开发不断发展 - 包括JavaScript库

JavaScript的使用是指SEO经常犯有过时建议的地方。SEO应该能够让更多内容在更多搜索中出现给更多人。除非绝对必要,否则SEO不应用于限制有用的内容创建工具。

传统的SEO智慧一直是为了避免将任何内容放入我们希望抓取工具看到的JavaScript中。这是2015年对网站的过时建议。像React和Angular这样的图书馆可能是很棒的工具。它们功能丰富,使用起来很有趣,可以让您的网站感觉更快,响应更快。

如果Google想要奖励积极的用户体验,并且JavaScript可以帮助网站所有者提供出色的用户体验,那么SEO应该采用 JavaScript。不是游说网站上的任何JavaScript,而是时候让我们的方法更加复杂一些,以帮助团队正确使用他们的工具。

React和Angular绝对可以让你的动态内容更有趣,但它们也大量使用类似AJAX的客户端执行,但Google还没有真正理解。开发人员和SEO应该知道如何使其工作。

让AJAX谷歌友好可能是它自己的帖子。事实上,已有几篇很棒的帖子。谷歌也有一些很好的指南 - 确保也检查链接的资源。一个小警告:关于这个话题有很多过时的信息。

  1. Google:针对网站管理员和开发人员的AJAX抓取指南
  2. Google:AJAX常见问题解答
  3. Google:使AJAX应用程序可以抓取
  4. 内置可见:AngularJS中JavaScript框架SEO的基础知识(也适用于其他框架)

你可以使用像Prerender或V8这样的东西来解决很多细节问题。尝试找到一个可以在使用AJAX时自动生成可抓取版本的工具。与您的开发人员沟通,找到适合您的设置的解决方案。

一个谦卑的例子

正如我所说,确保在施工开始前与开发人员沟通非常重要。我将以痛苦的近期经历为例。我们刚刚构建了一个基于反应的工具,可以帮助初学者估算他们需要多少互联网速度。它立即将所有访问者重定向到带有主题标签的URL,其余调查位于主题标签后面。如果没有客户端执行,则无法抓取任何文本。

哎呀。

我们构建了一个很棒的工具,然后将其隐藏起来。有人解雇那个错过了那个的人...只是不要告诉任何人这是我。我们在这里使用了React.js,这是一个爆炸。我们也收到了很多用户的反馈。这里的教训是不要避免使用React和AJAX。这里的教训是尽早向开发人员传达SEO要求。修复工作很快就会完成,但是比我事先做好尽职调查需要花费更长的时间。

了解Google友好的JavaScript实现是每个SEO的工作。其他数字营销人员至少应该意识到存在潜在的问题和技术解决方案。

我喜欢快速而有用的交互式工具。SEO应该促进建设令人敬畏的东西。这意味着帮助找到解决方案,而不是游说现代网络上广泛使用的整个工具集。

不要忘记关于可索引的应用程序

谷歌现在可以对应用程序进行索引和排名,并且他们对如何做到这一点有一些不错的指导。拥有独家移动客户群的基于应用程序的公司甚至可能不需要传统的网站。

大多数公司仍然希望建立和维护网站,但愿意回应网站可能不是小型移动游戏开发者的最佳选择。正确的选择可能是添加内容和讨论的链接,然后支持应用程序内的深层链接。

即使仅限应用程序不是正确的选项,考虑到应用程序中的内容对于已安装应用程序的用户而言可能是更具吸引力的媒介。例如,游戏玩家的讨论板可能在游戏应用程序本身内更好地工作。如果用户永远不必离开应用程序向同行用户询问有关最新更新的问题或咆哮,那么它肯定会感觉更具吸引力和沉浸感。

最后的想法

当你向高级管理人员展示设计时收缩和扩展窗口时,网站可能看起来很棒,但如果真正的决策者,用户,不知道什么是芝士汉堡菜单,你就不会非常畅销很多地球的照片。响应式设计是一个很好的选择 - 通常是正确的选择 - 但它不是唯一的选择。希望这篇文章可以帮助我们开始思考如何做出快速响应的想法。

我绝对不是说响应已经死了。我的观点是,如果我们的建议涉及设计和开发,我们应该能够提出更具体的建议。不要只构建响应屏幕大小的网站。构建能够立即响应客户需求的网站。

All Posts
×

Almost done…

We just sent you an email. Please click the link in the email to confirm your subscription!

OK