2019年1月3日，总部位于拉斯维加斯的网页设计公司Adlava集体决定在Webflow CMS上推出一个新网站。我们之前的网站迭代都使用WordPress，我的任务是从SEO角度确保过渡顺利进行。

由于之前从未使用过Webflow CMS，我决定列出所有主要的现场搜索引擎优化我知道我需要访问的元素，并研究了如何用Webflow CMS实现它们。我追踪了我们在这一过程中的进展，以下是一个月后的情况:

有机搜索流量增加

因为我们专注于搜索引擎优化，我深入研究了我们网站的谷歌分析报告，以进行有机搜索，排除任何广告，活动，或社交媒体帖子，促进新网站的推出。

抛开季节性不说，有机搜索流量对于SEO来说是一个很有用的关键绩效指标(KPI)，因为它不仅能让你知道有多少用户通过搜索找到了你，还能让你知道这些用户是否觉得你的网站有用。

换句话说，它帮助你确定你是否接触到了正确的人。

总体而言，业绩几乎全面提升。新网站上线后，我们的回撤率下降了20%。这个指标很重要，因为它告诉我们，当访问者访问我们的网站时，是否能够找到他们想要的东西。

由于我们主要是一家B2B专业服务公司，我们看到的桌面流量比一般人群多得多，但当我们按设备类型划分有机搜索流量时，我们看到移动和桌面的跳率都有所提高。

我们网站的有机关键词排名增加了30%

一些特别2018年10月前后谷歌更新不稳定再加上我们的业务服务和关键字定位的转变，导致我们域名的关键字排名出现了一些波动(这使得我们更加关注新网站的SEO)。

在我们的最低点，我们的网站排名406有机关键词(报告在ahrefs)．在我们发布后的第一个月底，我们的网站在528个有机关键词中排名——增加了122个关键词，增幅为30%。

Webflow中主要的SEO元素是如何处理的?

在经历了重新设计和迁移过程后，我注意到在Webflow中实现一些主要的现场SEO元素时有一些小的不同。幸运的是，我记下了这些细节，所以您不必这么做!这绝不是一个完整的清单，但它可以帮助你指出正确的方向。

1.元标题和描述

Webflow和大多数其他主要的cms之间没有太大的区别元标题和描述前面，但设计师需要注意的重要一点是您必须添加字段而且将相应的选项绑定到字段，否则它们不会出现在源代码中，即使它们被填写了。

如果是编辑而不是设计师添加标题和描述，这一点就尤为重要。

2.打开图设置

对于那些忽视自己的人打开图设置，或允许WordPress选择图像，确保你指定了图像，标题，和描述在Webflow(或选择设置匹配你的SEO设置)。

这在博客上尤其重要，如果没有指定开放图形图像，Wordpress通常使用“特色图像”。如果你没有在Webflow中指定图片，你的网站在分享到社交媒体时将不会显示预览图片。

3.301重定向

无论你使用哪种CMS，当你重新设计一个网站时，很可能会有页面改变和/或消失。为了防止用户登陆到破碎的页面(并尽量减少反向链接的损失)，记得抓取你现有的网站和设置301重定向适当。这是在Webflow中本地处理的，虽然没有CSV上传选项，但你可以使用规则重定向url组分享类似的格式。

4.robots . txt和站点地图

robots . txt而且XML站点地图都在Webflow CMS中本地处理。Webflow University为这两方面提供了很好的资源，但重要的是要记住你不希望你的子域名或开发网站被搜索引擎抓取．使用robots.txt来阻止或允许爬虫程序，并像往常一样在谷歌搜索控制台中提交XML站点地图。

5.谷歌分析和谷歌标签管理器

作为谷歌标签管理器的个人倡导者，我强烈建议走标签管理器路线，并集成您的谷歌分析与谷歌标签管理器．Webflow University提供了关于如何做到这一点的详细说明。如果您选择走谷歌Analytics路线，Webflow有一个指定的位置，只需插入您的属性ID。

6.谷歌和必应验证

特别注意你的谷歌网站验证，如果你正常验证谷歌分析或谷歌标签管理器检测．

正如在前面的Webflow University链接中提到的，谷歌标签管理器可以添加到自定义代码头部和页脚部分。虽然这将工作部署谷歌标签管理器，谷歌搜索控制台无法识别脚本时，我们使用这种方法进行站点验证。

当迁移你的网站时，你应该使用Webflow为HTML标记方法指定的位置来保持你的验证状态在谷歌搜索控制台-即使你的网站上有谷歌分析和/或谷歌标签管理器。Bing网站管理员工具验证没有指定的位置，但我们能够通过在头部的自定义代码部分添加HTML标记来验证网站。你也可以通过使用DNS选项来验证你的网站来避免这种情况。

7.图像alt文本

如果您管理的网站以遵守ADA法规为优先事项，或者您只重视可访问性，那么您可能熟悉WordPress所带来的常见替换文本问题。具体来说，在媒体库中添加图像替换文本后，在源代码中不显示的问题。幸运的是,我们发现Alt标记我们的图像在Webflow上更直接。

好的用户体验就是好的SEO

Adlava决定转向Webflow CMS的一个主要原因是，它给了我们更多的设计灵活性，让我们能够更快更有效地实现网站更改。

回到搜索引擎优化的基础，好的用户体验就是好的SEO．记住谷歌的最终目标是在用户执行谷歌搜索时提供对他们有用的结果。如果你为了一个特定的技术元素而牺牲用户体验，那就不是一个好的SEO。最终目标是创建有用的网络内容。上面的提示应该可以帮助您导航技术实现方面的事情——内容的质量取决于您。

准备好控制你的SEO努力了吗?看看SEO和Webflow:基本指南．