现在拥有一个适合移动设备的网站比以往任何时候都重要，但您应该选择哪种方法？ 在过去，谷歌一直非常青睐响应式方法，但4月21日移动友好更新明确表示，单独的移动网站（也称为mdot网站）也是可以接受的。

在做出决定时,有几个因素需要权衡. 让我们来看看这两种类型的网站之间的差异，您需要实现它们的资源以及每种选择的SEO含义。

移动与响应：标题差异

Mdot站点是专门为移动设备设计的，存在于一个单独的子域（因此得名）上。 相比之下，通过响应式路由，您可以获得一个旨在与任何移动设备或计算机配合使用的单一网站。

B2互动解释说："通过响应式设计，该网站正在调整现有内容以适应不同的屏幕尺寸。 通过单独的移动URL，该网站能够为移动用户显示不同的内容。”

这就是标题的区别，但还有更多。 这是因为底层技术方法存在差异，会影响您网站上的用户体验。

回应网站：利弊

托马斯*瑞安，市场推广主任Afilas移动及Web服务以这种方式解释响应式设计:

"响应式网页设计（rwd）是一种网站自动重新排列其内容（文本，图形，视频等）的技术。）根据浏览器的宽度最小化调整大小，平移和滚动。”

布莱森*梅尼尔，高级行政主任生动的座位说："响应式网站不需要移动网站所做的额外解决方法，以便Google了解内容是针对移动设备用户的（例如双向注释和vary标头）。 它们也很容易维护，并且在许多不同的设备上运行良好。”

对于营销来说，响应式网站在品牌一致性方面也具有优势，因为您需要考虑单个网站，而不必跨两个网站维护您的品牌。

然而，响应式网站并不完美，Bryson说。 它们通常很慢，因为需要为所有设备加载图像。 "的element最终应该解决这个问题，但它并没有得到浏览器或Google搜索的广泛支持。”

Bryson说，对于某些网站来说，还有一个定位问题："没有服务器端重定向单独用户代理的响应式网站必须向每个搜索者呈现相同的内容，因此您可能会将内容”

他解释说："一个很好的例子是iPhone搜索者正在向他们展示他们永远无法下载的Android应用程序，反之亦然。 这可能会导致用户体验不佳，因为"下载"和"打印"等某些词语会受益于特定于设备的上下文。 没有它，网站管理员必须使她的所有内容真正适应或运行混淆用户的风险。”

Mdot网站：优点和缺点

Bryson说，一个单独的移动网站解决了响应式网站所面临的一些问题，因为它能够使用user-agent标签来提供不同的HTML："这使高级营销人员能够灵活地在需要时适 因此，如果我只想向Android搜索者展示我的Android应用程序，可以使用这些格式完成。”

Mdot站点还具有一些性能优势，因为它们加载特定于设备的图像，但需要重定向可能会降低这些站点的速度。

搜索引擎优化和移动

在决定移动网站时要考虑的另一个问题是SEO。 随着移动友好性和网站速度的重要排名因素，这是否意味着mdot总是更好的选择？ 一点也不，布莱森说。 "如果你花时间做正确的事情，这些格式中的任何一种都可以快速加载。 如果您将服务器端重定向添加到响应式设计（称为资源），您也可以提供特定于设备的内容。”

由于Google支持响应式，自适应和移动网址，因此公司应该选择最符合其需求的网址。 最重要的是确保用户有良好的体验。 但是，根据您选择的选项，您的优化过程可能会有所不同。

Bryson说："使用mdots，您需要使用双向注释，否则Google可能不会对内容进行适当的索引和排名。 您可能还需要考虑搜索者可能使用的关键字在智能手机上不同，因为您可以使用m点和自适应网站为它们优化内容。”

相比之下，速度是响应式网站的主要SEO问题，Bryson说。 "所有的网站配置都需要快速，但由于图像的原因，响应性网站最难加速。 谷歌最近对网站管理员进行了民意调查，其中43％的人表示，移动网站最烦人的事情就是等待他们加载。 我不会感到惊讶，如果这是一个更大的排名因素在未来的某个时候为移动，如果它是很多执行不佳响应网站会突然变得少了很多可见的搜索。”

电子商务注意事项

电子商务服务提供商还需要考虑网站速度，托马斯*瑞安说："公司可能不再需要单独的移动网站以及桌面版本。 原因有很多，包括各种屏幕尺寸（从小屏幕分辨率的功能手机到1080p+屏幕的标志手机）、奇怪的设备形状（有些是宽屏幕，有些是方形的平板电脑），以及物联网的兴起（浏览器通常不像冰箱、汽车等那样生活）。 电子商务网站的目标是拥有一个既灵活（可以在任何设备上工作）又快速（页面加载时间会严重影响您的转换水平）的网站。”

"鉴于RWD网站向每个设备发送相同的HTML，CSS和JavaScript，重新排列由浏览器在客户端触发。 这可能会在移动设备上产生不必要的沉重和缓慢的网站，这对于电子商务来说并不是最佳的。"两种选择是自适应设计和资源。

自适应设计和资源

正如托马斯*瑞安所解释的那样，还有另一种选择："最简单形式的自适应网页设计是一种将不同HTML/CSS发送到不同类型设备的技术。 自适应设计允许您确保页面重量和加载时间对用户来说是最佳的，而不考虑设备。"然而，他说，虽然响应式设计更简单，"许多大型网站更愿意为用户提供内容适应方法，因为它更灵活，提供更快的加载时间，并且在带宽较差和更广泛的设备 这种技术是理想的，但对于小型企业来说并不具有成本效益。”

他说，电子商务网站可能更喜欢使用资源（带有服务器端组件的响应式网页设计）。 "它提供了一种方法来获得最佳的RWD和基于服务器端设备检测的内容适应，这导致显着的性能改进比'经典'RWD。 一个使用资源的网站是响应性的，并且，在同一时间，它也完全优化为不同类型的设备。 这是最新的首选方法，提供最佳的速度，重量和内容。 转换率将是最好的。”

公司需要考虑的一个问题是每个移动网站选择的成本影响。 这并不简单，因为网站开发的成本取决于网站设计和功能的复杂性。 无论您是创建mdot还是响应式网站，都涉及到几个任务。布拉德*弗罗斯特有一个很好的名单，包括:

• 制定如何创建网站以及对它重要的内容
• 开发设计本身
• 道路测试设计，以确保它适用于每个人
• 在特定的重要设备上进行测试
• 质素保证

您还必须考虑网站维护成本。 对于mdot站点，您需要在两个站点之间保持并行体验，这可能既耗时又昂贵，而响应式选项只为您提供一个站点进行维护。 然而,不是每个人都同意这意味着它更便宜。

最好的建议：无论你采取哪种方法，假设它需要一些时间和花费一些钱。 这Quora线程在响应式设计创作可能会有所帮助。

测试的重要性

移动web设计过程的另一个关键方面是测试。 有两个问题需要考虑：组织测试和避免常见错误。

伊万舒宾，高级软件工程师易趣，指出分担责任是测试自动化的一个重要方面："一个常见的错误是有一个工程师，致力于测试自动化，这是测试的唯一负责人。 在我们公司，我们必须改进测试过程，最终我们建立了一个强大的管道，由几个测试环境组成。 我们想出了一个严格的规则：只有一切成功，我们才能释放。 即使有一个小测试失败-我们不能去生活。 这条规则对每个团队成员都产生了巨大的影响，因为我们每个人都觉得对测试负责。”

他补充说，考虑测试驱动开发（tdd）也很重要："对于您对项目所做的任何更改，您必须提出一个失败的测试。 通过这种方式，您可以确保测试复盖率始终接近100％。 即使你错过了一些东西，你也可以随时添加一个测试，因为无论如何你都必须应用TDD技术来修复错误。 您可以选择要引入它的地方：UI，服务或单元测试。”

Ivan说，用户界面（UI）测试需要谨慎的方法："UI测试是管道中最脆弱的部分，因此它们应该以尽可能隔离的方式实现。 例如，在为UI测试准备数据时，您不应该依赖前端。 相反，使用数据库查询，服务调用等生成测试数据。 这样，您只会在实际想要测试前端时才会触摸它，并且您的UI测试会更稳定。”

决定因素：底线

最后，在设计，功能，成本和搜索引擎优化方面，决定哪个选项最适合您将包括思考:

• 您的用户需要看到什么样的内容
• 您可能更新内容的频率
• 他们表现出什么样的行为取决于他们使用的设备
• 无论他们使用什么设备，他们是否需要体验您网站的全部功能

杜达移动建议在做出决定时要问的一个问题是："我准备好建立一个全新的网站，还是我目前的网站很棒，只是不适合移动设备？”

如果您对现有站点感到满意并且不需要/想要进行更改，那么单独的mdot站点可能是答案。 另一方面，如果您计划进行站点升级，那么选择响应式路线可能是一个很好的选择。

你对你的移动网站采取了哪种方法，对你来说决定因素是什么？ 请在评论中告诉我们！