站群设计_自适应网页设计足够了吗？ （提示：否）

随着移动优先索引的临近，对移动进行优化的需求从未如此迫切。

即使在当前的迭代中，移动搜索对于各种规模的广告商和企业也都具有极其重要的意义。 考虑以下统计数据：

• 大多数Google搜索都在智能手机或平板电脑上进行。
• Hubspot说，本地移动搜索中有50％用于本地业务联系信息：

• 根据BrightEdge的调查，有69％的移动搜索者表示，他们更有可能从拥有可解决其关注问题的移动网站的品牌那里购买商品。

现在，通过移动网页设计，速度几乎比其他任何排名因素都重要。 不幸的是，我不确定网络的一半是否针对移动搜索进行了认真的优化。

根据Think with Google的说法，70％的移动网页需要7秒才能将可视内容加载到首屏上下。

常见的移动网站错误包括：

• 阻止的JavaScript和级联样式表（CSS）文件。
• 重定向失败。
• 图形界面差（例如，文本太小和图像像素差）。
• 笨拙的搜索功能。
• 突兀插页式广告。

要解决许多问题，需要投资于响应式内容管理系统（CMS）和适用于您的移动站点的正确配置。

然而，关于哪种配置真正最适合您的网站仍然存在许多问题。 响应式Web设计已成为业界首选的配置，但是随着移动Web竞争的加剧，行业应该继续前进吗？

自适应网页设计足够了吗？

通过GIPHY

现在，从最终用户的角度来看，创建一个独立的移动网站是不错的选择，但是从搜索引擎优化（SEO）角度来看，这严重降低了您网站的资产。

除此之外，移动域可能是一项昂贵的投资，甚至维护成本也更高。

我的数字营销公司使用响应式网页设计（RWD）和加速的移动页面（AMP）来为客户创建一个真正的移动友好型网站。 但是我们必须记住，响应式网页设计并非为速度而设计，而是为设计师设计的。

您的CMS可能有一个响应式Web设计插件。

RWD网页利用流体网格按比例绘制图像和页面元素。 对于技术团队而言，这为移动设计带来了明显的优势，包括：

• 响应处理不同设备的页面布局。
• 将所有内容保留在单个统一资源定位符（URL）上，而不是m。 域。
• 比创建独立的移动网站更具成本效益。
• 可以使用超文本标记语言5（HTML5）脱机访问站点。

尽管RWD确实具有其优势，但它主要是作为一种低成本的方法来优化移动搜索设备的网站。 这也是不费吹灰之力完成此操作的一种方法。

RWD网站的问题仍然存在：

• 缓慢的加载速度：超过10秒，并且没有适当的现场优化
• 与滚动和点击界面相反，设计人员仍然需要针对触摸进行优化
• 数据可视化需要针对小屏幕进行优化（即图表和图形）

那么，为什么这很重要？ 尽管RWD对于预算有限的小型企业和发行商来说是一种有效的解决方案，但许多老牌企业已经开始转向高速配置，例如加速的移动页面和渐进式Web应用程序（PWA）。

AMP站群设计是答案还是鲱鱼？

AMP代表了Google加快互联网速度的巨大推动力，但这是否仅就其条款而言？

作为快速入门，AMP本质上是一个与内容交付网络相同的HTML框架，可提供简化版本的网页，以提高页面速度。 AMP是发布新闻文章和博客文章的发布者的理想选择。 这与Facebook的即时文章格式非常相似。

AMP目前被多个搜索引擎甚至AdWords广告所采用。 使用“快速获取”标签，AMP继续变得更快，更容易实现。

根据Google的说法，已经有超过900,000个域采用AMP，并且这个数字还在继续增长。

实际上，许多发行商报告说改用AMP后取得了惊人的成功：

Google还毫不掩饰地为其移动新闻轮播确定了AMP网页的优先级。

移动Web速度显然对用户体验和您的转换率有巨大影响。

使用Google的缓存，具有AMP的网页加载速度提高了2倍，是传统网页延迟的十分之一。 但是，这就是AMP的问题。

虽然我们认为更快的加载速度可以带来更有价值的用户体验，但是AMP需要付出的牺牲却严重限制了其数字营销价值和采用率。

由于AMP是使用Google的缓存加载的，并且是原始文档的不同版本，因此点击很难跟踪，因为从技术上讲，点击不会在发布商的网站上发生。 这对参与度有重大影响。 通过提供网页的精简版本，AMP非常适合提供信息丰富的博客文章，但是在最初的点击和对该网站的进一步参与之间显然存在脱节。

这意味着发行商和电子商务商店理论上必须提供两种不同版本的产品。 AMP本质上是搜索结果广告文案。

附带说明一下，影响AMP采用的另一件事是Google无法与其客户进行交流。

询问普通的网络用户，什么是AMP文章，或者他们是否可以识别一篇文章，您可能会茫然地凝视。 具有讽刺意味的是，Google未能正确地将AMP的重要性和优势传达给各个用户，从而损害了其自身的用户体验。 取而代之的是，它依靠发布者来改变自己的意愿。

这是否意味着AMP是应被忽略的红鲱鱼？ 不完全是，这完全取决于您的网站。 不幸的是，还有另一种配置威胁着RWD霸权和AMP的迅速普及。

渐进式Web应用程序如何？

您可能对PWA很熟悉，尽管实际上很少有站点使用此天才技术。

PWA是在各个方面都像应用程序但不需要下载的网站。

可通过Web浏览器访问PWA，并利用Java脚本或CSS以及HTML来创建几乎瞬时的加载速度。 利用PWA的通用资源标识符（URI），当由Web用户添加书签或共享时，PWA是可链接的。

PWA的主要优点包括：

• 离线工作能力。
• 在所有设备和Web浏览器上的通用访问。
• 与AMP相比的负载速度。
• 与传统的移动域相比，网页和导航之间的转换更快。
• 类似于本机应用程序的界面。
• 可索引和可​​链接。
• 能够发送推送通知。

首先，电子商务商店使用PWA来创建更快的结帐时间和更好的最终用户体验。 PWA可以利用离线资源和推送通知来持续与用户沟通，从而增加您在网站上的参与度并提高转化率。

但是PWA也有缺点。 这是一笔相当昂贵的投资，而且实施起来极其困难，这意味着您可能必须聘请专业的网页设计师。

一个更大的问题是：为什么不仅仅投资一个应用程序？ 用户每周访问数百个网站，并且手机上存储了大量应用程序。 首先，他们的主要需求是AMP提供的快速加载速度。

考虑到这一点，在我们进入移动优先时代的同时，哪种移动配置最适合您的网站？

哪种移动配置最好？

AMP对于只希望吸引更多博客或出版物访问量的发布者来说是理想的选择。 许多网站所有者一直在努力实施AMP，因为许多CMS仍然没有可用的插件。 即便如此，借助Google的新移动“ AMP Stories”，WordPress和许多著名的CMS仍在努力正确实施AMP。

另一方面，PWA可在所有浏览器中使用，并且逐步的增强功能使其可以免受病毒和有害内容的侵害。

在速度方面，PWA和AMP都具有几乎瞬时的加载时间。 这里最大的不同是PWA带来的导航速度，因为所有网页都将以这种格式托管，这与AMP不同。

从排名的角度来看，AMP可能是排名的信号（尚不知道），但是如果PWA承载几乎相同的加载速度，我不认为AMP具有比PWA明显的优势。

从Web设计的角度来看，AMP是一场噩梦，因为它剥夺了本机设计的许多图形和用户界面元素。 另一方面，PWA可以在类似应用程序的显示中呈现和服务您的所有设计元素，这使它们更加用户友好。

在切换了超文本传输​​协议安全（HTTPS）PWA之后，AliExpress在所有浏览器中的转换率提高了104％。

最后，PWA对不同的浏览器做出响应，并且可以对用户权限做出反应，以创建流畅的结帐体验。

最后，最好的解决方案是将两者结合起来，以获得真正快速，同质的体验。 诸如《*****》等主要品牌已经做到了这一点。 随着AMP文章具有更高的搜索可见性和速度以及PWA的类似于应用的界面，将两者结合起来可以显着增加用户信号，并为用户提供更好的体验。

结论

尽管我们已经战胜了死马，但对移动的需求并不过分。 响应式网页设计是迈出的重要第一步，但我认为对于从事竞争性利基市场竞争的企业而言，它还远远不够。 对于发布者来说尤其如此。

对于电子商务平台，将AMP与PWA设计结合起来，可真正提供当今最佳的移动配置。 我只能说，在为时已晚之前切换到适合移动设备的网站。

本文中表达的观点是来宾作者的观点，不一定是Search Engine Land。 工作人员作者在此处列出。