如何将自动完成搜索添加到您的 WordPress 网站
已发表: 2023-02-12如今,自动完成搜索栏无处不在。 如果您使用搜索引擎,它通常会在您完成输入之前识别出您要查找的内容,并开始向您显示建议以节省时间。
尽管 WordPress 包含开箱即用的搜索功能,但它本身并不支持“自动完成搜索”或“实时搜索”,这是此功能的两个最常见的名称。 但是,借助合适的插件,您可以轻松实现搜索框。
在本文中,我们将向您介绍三个可以使用的 WordPress 自动完成搜索插件,以及如何开始使用它们。 然后我们将讨论如何在 WordPress 中手动实现自动完成搜索。 让我们开始工作吧!
为什么自动完成搜索很重要?
如今,用户希望能够快速找到所需的答案。 随着搜索引擎变得越来越准确,人们习惯于以最少的努力找到与其搜索查询匹配的页面和内容。
这就是为什么从强大的搜索引擎跳到使用网站的内部搜索功能会是一种不和谐的体验。 尽管 WordPress 的搜索功能开箱即用,但它缺少大多数访问者已经习惯使用的一些高级选项,例如自动完成。
这是自动完成搜索建议派上用场的地方。 通过实施 WordPress 搜索建议,您可以增加用户在您网站上花费更多时间的机会。 您可以让他们更轻松地找到他们想要的内容,从而获得更好的整体体验。 另外,如果您使用正确的插件,实现 WP 自动完成搜索并不难。
如何使用插件将搜索添加到您的 WordPress 网站
有很多 WordPress 搜索插件可供您选择,但并非所有插件都包含我们所追求的自动完成功能。 在本节中,我们将重点介绍您可以使用的三个最佳选项,并向您展示如何使用每个选项启用预测搜索。
在 WPSolr 中启用自动完成
WPSolr 是一个高级搜索建议插件,适用于常规 WordPress 和 WooCommerce 网站。 它由 Elasticsearch 和 Solr 平台提供支持,使您能够自定义从一个站点到另一个站点的搜索结果。

如果您喜欢包含尽可能多的自定义选项的插件,您可能会喜欢 WPSolr。 这个插件唯一的缺点是它很贵。 从好的方面来说,它使实时搜索变得简单。
安装插件后,您将可以访问仪表板内的设置页面。 如果您导航至显示为使用 Elastic.co – GCloud 定义搜索的选项卡,您将在搜索框中找到一个名为 Show suggestions的选项。
当您启用此功能时,用户甚至在提交查询之前就可以在搜索栏中看到完整的页面标题以及这些页面的部分内容。 这样,他们可以立即选择他们想要的结果,而无需对完整的选项列表进行排序。
价格: WPSoler 许可证的费用为每年 199 欧元(约合每年 215 美元)。
在 SearchWP 中启用自动完成
SearchWP 旨在帮助用户查找 WordPress 默认搜索功能无法识别的内容。 该插件开箱即用,支持自定义字段数据、短代码输出、分类法,甚至 WooCommerce 产品详细信息。
但是,SearchWP 默认不包含自动完成搜索功能。 要启用该功能,您需要使用名为 SearchWP Live Ajax Search 的免费扩展。
启用自动完成搜索所需要做的就是激活扩展。 它会自动为您完成剩下的工作。
还值得注意的是,SearchWP Live Ajax Search在没有基本 SearchWP 插件的情况下也能工作。 唯一的区别是,与 SearchWP 结合使用时,您可以获得更深入的结果。
价格:一个站点的标准 SearchWP 许可证售价 99 美元,但 Live Ajax Search 扩展是免费的。
在 Ajax Search Lite 中启用自动完成
Ajax Search Lite 开箱即用,提供您通常只能在高级 WordPress 搜索插件中找到的功能。 使用此工具,您的用户可以访问 WordPress 自动完成搜索结果,其中包括自定义帖子类型、字段和其他类型的元数据(以及默认页面和帖子结果)。
插件激活后,您可以导航到Ajax Search Lite > General Options > Autocomplete & Suggestions 。 自动完成搜索应该默认打开,在Turn on google search autocomplete? .
如果您想完全控制自动完成结果中显示的内容类型,请转到“来源和基础”选项卡。 在那里,您可以选择要在搜索结果中显示的内容。
Ajax Search Lite 的免费版本提供了您需要的所有自动完成搜索功能。 但是,该插件还有一个高级版本,其中包含其他功能,例如搜索栏和结果的自定义主题。
价格: Ajax Search Lite 是免费的,而该插件的高级版本起价为 36 美元。
无需插件的 WordPress 自动完成搜索
您可能已经注意到,我们在上一节介绍的两个插件依赖 Ajax(或异步 JavaScript)来支持实时搜索功能。 将 Ajax 与 jQuery 一起使用是在 WordPress 中实现此功能的最简单方法。
这意味着如果您不习惯使用 JavaScript,最好坚持使用插件。 但是,可以手动添加此功能。
如何自己添加自动完成搜索
如您所料,手动向您的网站添加自动完成搜索功能需要您使用一些代码。 但是,您可以通过不同的方式来处理该项目,并且难度级别各不相同。
以下是我们推荐探索的两种方法:
- 使用Ajax 仅对帖子标题实施实时搜索。 由于您只会获取帖子标题,因此这是最简单的实现方法。
- 添加自定义表格的自动完成搜索。 使用此方法,您可以提供来自您创建的自定义表格的结果,让您完全控制显示的数据。
在这两种情况中的任何一种情况下,您都可能希望以插件格式实现您使用的代码。 那是因为使用插件,您可以随时禁用或启用代码,如果您将来要自定义此功能,这是完美的。
使用 WP Engine 改善您的数字体验
在 WordPress 中实现自动完成搜索比您想象的要容易。 使用合适的插件,您可以让访问者更轻松地找到他们正在寻找的内容,并改善他们的体验。
当然,如果您没有使用正确的虚拟主机,这也没有多大意义。 托管 WordPress 托管使您可以无限制地访问工具和技术专家的 24/7 全天候支持,以保持最佳的站点性能。 借助 WP Engine,您可以获得发展网站所需的所有资源,并为访问者提供一流的数字体验!