Jetpack 即时搜索!

Avatar of Chris Coyier
Chris Coyier 发布

DigitalOcean 为您旅程的每个阶段提供云产品。 立即开始使用 $200 免费信用额度!

Jetpack 一直都有搜索功能。 开启它,它会用一个基于 Elasticsearch 的解决方案替换你内置的 WordPress 搜索(它很实用,但并不特别好),这个解决方案更快,结果也更好。 我在 CSS-Tricks 上已经使用它很长时间了,这比使用 Google 自定义搜索引擎是一个提升。

Jetpack 刚刚再次提升了他们的游戏水平,推出了 全新的搜索升级。 你可以像以前一样使用 Jetpack 搜索,也可以开启即时搜索,并利用这种全新的搜索体验(内外兼修)。

从 Jetpack 设置中开启 Jetpack 即时搜索

全页面体验

即时搜索提供覆盖全页面的搜索体验。 我认为它很棒。 当用户在搜索时,他们就是处于这种心态,给他们足够的空间来完成这个目标是件好事。 这是我在搜索(视频)

请注意,我误拼了单词“margin”,但结果还不错。
你也可以在移动设备上获得全页面体验。

据我所知,CSS-Tricks 每月有几十万次现场搜索,因此,拥有一个很棒的搜索体验对我来说非常重要。 我甚至不想乱搞糟糕的现场搜索体验,或者价格过高的产品。 我宁愿把人们送到 一个网站范围的 Google 搜索,而不是一个糟糕的现场搜索。 幸运的是,即时搜索是我能想象到的最好的现场搜索体验,特别是对于实现它所需的零工作量。

设计控制

你可以从自定义器中对外观进行一些控制。

即时搜索旨在适用于任何网站,因此你可能不需要做太多事情。 我真的惊讶于它在 CSS-Tricks 上开箱即用的效果。 作为一个 CSS 控制狂,我确实对其进行了一些设计调整,但这仅仅是因为我喜欢做这种事情。

不再需要的调整

在以前版本的 Jetpack 搜索中,我使用自定义代码来调整 Elasticsearch。 我做了很多事情,比如将评论数量作为流行度的指标,这样我就可以确保我们的最佳内容在搜索结果中排名前列。 记住,这个搜索功能虽然强大,但它不像 Google 那样拥有整个互联网的模型来计算相关性。 不过好消息是

为了进一步改进我们的搜索算法,我们开始尝试将过去 30 天的页面浏览量百分比添加到索引中。 我们最终发现页面浏览量是一个更好的排名信号,因为它在一定程度上结合了流行度和新鲜度。 因此,现在我们的结果排名主要受帖子或页面获得的页面浏览量数量的影响。 方便的是,如果你有很多 Google 搜索流量,我们的搜索结果应该会受到 Google 排名算法的很大影响。

强调是我的。 使用 Jetpack 即时搜索,我能够删除所有自定义代码(删除代码总是让人感觉很棒),因为新算法在对结果进行排名方面做得很好。

定价

现在 Jetpack 搜索是按需付费的,而不是内置在特定计划中。 不需要它? 你不需要为它付费。 需要此功能? 无论你使用的是什么计划,你都可以购买它。

我被告知定价是关于范围的。 Jetpack 计划是关于功能的,而不是网站的规模,但这对搜索来说意义不大,因为网站的规模非常重要。 所以它是一个基于你拥有的“记录”的滑动比例,这些记录基本上是帖子和页面。

滑动定价比例

我认为很多网站都属于每月 25 美元(年度优惠 15%)的类别。 你可能大多在拥有超过 1000 条记录后才会开始关注现场搜索,而 10000 条记录是一个非常大的数字。 我只为那个更高的等级付费(每年约 612 美元),因为我们的(现在已存档)bbPress 论坛将记录数量推到了 10000 以上。 对我这样的网站来说,这是一个非常合理的价位。

愿望清单

我最希望的一件事是,我希望能够轻松地从搜索结果中删除某些内容。 我们有大量的 bbPress 论坛记录,今年我做出了一个(艰难的)决定关闭它。 删除这些记录会让我进入一个更小的定价等级,但更重要的是,我宁愿根本不在搜索中显示这些结果。

不仅仅是 CSS-Tricks 处于一个不寻常的境地。 我还在 CodePen 文档 上开启了 Jetpack 即时搜索。

在这种情况下,我会考虑将博客文章(信不信由你)从搜索结果中删除,这样只会显示我们的核心文档页面。 也许更重要的是,默认情况下,博客文章只是作为过滤器被关闭,但用户可以打开它们来查看搜索结果中的它们。

总而言之,这是 Jetpack 的重大升级,也是我将其视为我在 WordPress 网站上运行的最重要插件的另一个原因。 如果你对我们使用的其他 Jetpack 功能感兴趣,我们创建了 一个专门的页面