通过广泛的关键词研究，我们发现了超过300个与“最佳Shopify应用程序”相关的长尾关键词宝藏，我们相信DelightChat的目标受众——使用Shopify平台的电子商务店主——正在搜索这个关键词。

通常迎合这些关键字的方法是收集数据，编写每个关键字的内容着陆页这本300多页的书将在几个月内全部出版。然而，我们想要快速行动，找到一种方法在一周内执行这个项目。我们设计了一种方法，利用我们的工程能力在互联网上抓取原始数据，然后我们可以手动分类和标记，甚至在需要的地方重写。

这种方法叫做程序化的搜索引擎优化这也是Tripadvisor、Thomas Cook、Nomad List等公司如何生成数千个针对长尾关键词的登录页面的原因。如果你想了解更多，这里有一个详细的案例研究营销的例子．

最终的结果吗?来看看最好Shopify应用项目主页，其中包含我们在此项目中创建的所有324个登陆页面。

为什么我们选择Webflow做这个项目

的DelightChat网站是由Webflow支持的。虽然我们的第一个想法是用代码创建这个程序化的SEO项目，但我们决定深入挖掘并找到一种使用Webflow的方法。

继续使用Webflow有很多好处，但以下几点让我印象深刻:

• 为网站访问者提供一致的设计和体验
• 我们的营销团队可以在没有工程团队帮助的情况下更改项目页面的设计
  

事实证明，Webflow有一个强大的CMS API和丰富的文档这很容易操作。我们的要求是:

• 使用已定义的段代码创建新的CMS集合项
• 向每个项目添加各种内容，如文本字段、富文本和图像
• 使用多引用特性连接两个独立的CMS集合(原因将在下一节中解释)
  

在快速阅读之后，我们知道我们可以使用Webflow完美地执行项目。

准确地构建CMS集合以适合我们的项目

在我们将数据发送到Webflow之前，我们首先必须为我们的项目创建正确的CMS集合结构。

我们的项目有两个关键部分:

1.个别Shopify应用程序及其相关数据- "应用程序"

2.登陆页面将包含一个或多个Shopify应用程序-“最佳Shopify应用程序”

存储关于每个应用程序和登陆页面在一个收集被证明是麻烦的。

幸运的是，Webflow的CMS有一个叫做多引用字段，它允许您快速引用来自不同CMS集合的项，并在父集合中显示其所有数据。

我们创建了两个集合，然后可以使用多引用字段特性将它们连接起来。

第一个集合名为Apps，包含了Shopify各个应用程序的所有数据。第二个集合名为Best Shopify Apps，通过引用Apps集合，它有包含多个Shopify应用的列表。

使用Webflow CMS API生成页面

阅读CMS API文档是简单而直接的。我们在项目中使用的代码与文档页面上的示例代码片段没有太大区别。这是因为我们复制粘贴了Webflow的示例代码，只在需要的地方进行了修改。容易,对吧?

创建一个新的CMS集合项

我们使用Webflow API文档页面中提到的代码片段，稍微修改了代码，然后开始创建新的集合项在任何时间。

相同的API调用用于填充每个项目中的所有集合字段，我们可以发送所有类型的数据，例如平均评分字段中的数字或短描述字段中的文本。上传图像非常简单，只需向app-image字段提供一个图像URL。

对我们来说，为每个URL定义slug是至关重要的，我们可以使用API中的slug字段来实现这一点。

在每个集合项中添加多引用项

如前所述，我们的项目有两个关键组成部分。我们需要使用Best Shopify Apps集合项中的多引用字段将两者链接起来。

使用API可以很容易地做到这一点。要添加引用，我们所需要的只是Apps集合项的唯一项ID。

我们的工程团队注意到使用Webflow的CMS API是快速和简单的。大量的文档使开始变得容易。我们每秒可以上传8个CMS收集项，这意味着理论上可以在10分钟内生成4800个页面。

在Webflow Editor中构建登陆页面

一旦我们将所有数据都放在合适的位置，构建登陆页面的设计便成为整个过程中最简单的步骤。

的Webflow市场具有几十个高质量的模板，以及伟大的教程如何使用Webflow建立令人惊叹的网站。所以我们不会深入讨论实际的设计部分。

但是，我们将向您展示将所有必需的数据获取到页面上是多么容易，甚至从多引用字段中的链接项获取数据也是如此。

首先，我们做了一个简单的设计，让Best Shopify Apps的登陆页面看起来像博客文章。用来自集合字段的数据填充页面很容易。我们所要做的就是选择收集字段。

然后，从多引用字段Linked Apps获取数据也同样简单，在我们的例子中，它获取了我们需要的关于单个应用程序的所有数据。就这么简单!

由于我们项目的主要目标是在谷歌搜索上排名，因此以匹配用户搜索意图的方式为每个页面设置元标题和元描述是必要的。

Webflow允许您在元数据中引用CMS集合字段，这使它变得非常简单。这意味着每个登陆页面都有一个独特的元标题和描述。Bazinga !

支持编程式SEO的CMS

我们使用Webflow的经验是显著的。如果没有CMS API，我们不可能在仅1周的时间内推送300多个页面。正如您可能已经知道的，Webflow页面是快速和seo优化的。这帮助我们在短短6周内达到了6000个日搜索印象。

如果您计划利用程序化SEO并扩大您的有机增长努力，Webflow的CMS是一个令人瞩目的选择。