如何改善WordPress搜索(并加快速度)

人们为什么首先使用网站搜索表单?这是因为他们正在寻找通过浏览网站或使用导航无法获得的直接相关结果。

有时,这些搜索结果会提供其问题的答案(例如有关公司退货政策的信息)或匹配的产品或内容列表(例如与页面构建器插件相关的博客文章)。无论他们要寻找什么,都可以肯定地说一件事:

访问者希望您的WordPress搜索表单能够快速,准确地提供结果。

只需移至Kinsta,即可将WordPress网站的速度提高200%。
        
          今天免费迁移

当您从整体上看消费者行为时,这很有意义。 Google设定了几乎不可能的在线搜索标准。根据SparkToro的调查结果,Google中超过一半的搜索为零点击。基本上,Google使搜索变得如此高效,人们通常不需要访问网站即可获得问题的答案。

当然,您的网站访问者不是在使用内部搜索期望或希望获得零点击结果。他们使用搜索来查找网站的其他部分以进行探索。但是,您的WordPress搜索和Google搜索的共同点是:消费者希望他们俩都能提供快速,便捷和高度相关的结果。

只有一个问题:WordPress的本机搜索功能不是很好。

因此,在本指南中,我们将探索您需要了解的所有信息,以为访问者优化WordPress搜索体验:

内部搜索到底有多重要?

如果您以正确的方式设计网站,访问者自然会遵循您摆在他们面前的途径。井井有条的菜单也有帮助。

也就是说,内部搜索在其中起着重要作用。

将WordPress搜索视为您网站的快速通行证。当您的搜索功能执行应有的方式时,它可以在几秒钟内将访问者从步骤1带到步骤5。

这对于内容丰富的WordPress网站尤其有用。这里有些例子:

电子商务

Nordic Ware之类的在线商店可以帮助访问者从主页访问:

Nordic Ware:主页中带有搜索栏的标题

只需使用网站右上角的搜索栏,即可缩小产品列表的范围:

Nordic Ware:搜索结果页面

通过始终显示商品搜索表单,访问者无需浏览商店的菜单或类别就可以找到要购买的特定商品。

博客,播客和新闻站点

拥有大量内容存储库的网站(例如Kinsta)(拥有39页博客文章(并且正在不断增长))将受益于搜索栏:

Kinsta:博客页面和分页

通过在博客的顶部放置特定于博客的搜索表单,读者可以比滚动39页更快地找到所需主题。

Kinsta博客顶部的WordPress搜索栏

博客可能很难浏览很多内容。由于您想保持博客页面简短以保持较高的加载速度,因此增加显示的帖子数量不是一个好主意。

取而代之的是,搜索栏将帮助您的访问者更有效地浏览与他们当前兴趣无关的帖子。

列表网站

搜索是访问者在汇总列表(例如房地产,旅游,专业服务等)的网站上进行的首批操作之一,例如Trulia的示例:

Trulia:主页搜索属性

搜索元素总是足够简单就可以开始。例如,指定位置,人员姓名或职务。但是结果页始终使用户能够根据需要过滤其结果:

Trulia:示例搜索结果页面

知识库

搜索是帮助中心和Elementor等产品的知识库的有用组件:

Elementor:知识库文章的主题和计数

与手动搜索以下类别相比,搜索可以帮助用户更快地找到问题的答案:

Elementor:在文档中搜索“模板”

在许多情况下,用户自己可以轻松解决用户使用SaaS产品所遇到的问题。如果您希望保持实时聊天和服务台支持中不存在易于解决的问题,请使您的知识库易于搜索。

底线

如果您的网站上有很多东西,请不要以为导航会帮助访问者浏览网站。建立类似快速通行证的搜索体验,将他们准确地带到他们需要和想要去的地方。

如何将搜索添加到您的WordPress网站

您可以使用一些选项来实现和启用网站的基本WordPress搜索:

使用主题将WordPress搜索添加到菜单

取决于您安装的WordPress主题,您只需单击几下就可以将搜索添加到菜单中。在此示例中,我使用的是Astra主题。

首先要做的是进入外观>自定义:

WordPress –导航到“自定义”菜单

接下来,转到标题>主菜单。

WordPress –自定义菜单

在“菜单中的最后一项”下,从下拉菜单中选择“搜索”。

WordPress –将搜索栏添加到菜单

这会将搜索图标和栏添加为导航菜单的最后一个元素。

WordPress –搜索栏添加了主题设置

使用其他WordPress主题时,此搜索激活设置可能与主题定制器不在同一个位置。如果有的话,您可以在“标题”设置下找到它。否则,您必须使用以下选项之一手动添加它。

使用WordPress小部件添加搜索

WordPress小部件使您可以将内容添加到内容周围的元素(如侧边栏和页脚)中的专用块中。

您可以使用WordPress小部件创建的一种内容块是搜索栏。

首先在外观菜单下找到小部件:

WordPress –找到“小部件”菜单

您会在这里找到所有可用的小部件部分。根据您使用的主题或模板,您可能只会看到补充工具栏或页脚,或者可能会看到更全面的选择,例如:

小部件和部分的示例

无论如何,现在您需要确定要在搜索栏上显示的位置。

假设您计划每天发布新的博客内容,并且知道存档将迅速增长。因此,在每个博客页面上都显示一个搜索栏将是有益的。

滚动到小部件的底部,然后找到一个名为“搜索”的小部件:

搜索小部件

您可以通过单击它并选择添加它的部分来添加它,如下所示:

通过下拉菜单添加搜索小部件

或者,您可以将小部件拖放到希望其显示在其中的节中:

通过拖放添加搜索小部件

将其放置在所需位置后,为其命名:

给您的搜索窗口小部件命名

保存所做的更改,然后访问您的站点以确认它看起来像您想要的样子:

搜索栏已添加到博客

现在您可以看到搜索栏位于博客侧栏的顶部,可供读者使用。

使用WordPress工具将搜索添加到您网站的主要内容

虽然将搜索栏放置在网站上始终显示的元素中很有用,但您可能也会发现有理由将其包含在页面的实际内容中。

有几种方法可以做到这一点:

使用WordPress编辑器

古腾堡(Gutenberg)编辑器无疑使设计更具创意的页面布局更加容易,而不必依赖HTML或简码。

现在,借助WordPress编辑器,您可以将此类元素添加到页面中的是搜索小部件:

在古腾堡中搜索小部件块

使用此选项时,您可以更好地控制搜索栏的显示方式。例如,您可以更改搜索栏的标题,占位符文本以及按钮:

使用古腾堡自定义搜​​索栏

您甚至可以使用自定义CSS类更改搜索块的样式。

使用页面构建器插件

对于那些喜欢使用Elementor拖放式页面构建器插件的人,您也可以使用所选插件访问搜索小部件。该过程类似于您对Gutenberg所做的操作。

在打开新页面或帖子并激活Elementor编辑器的情况下,从Elements列表中搜索WordPress搜索小部件:

在Elementor中搜索小部件

将“搜索”元素拖到希望其在页面上显示的位置。例如,这是一个404页,可帮助用户使用搜索栏重新回到正轨:

带有搜索栏的404页面示例

如您所见,与Gutenberg相比,页面构建器插件使您可以更好地控制WordPress搜索栏的显示位置,从而可以在其他内容之上和之中进行分层。

带有主题

在某些情况下,您可能会发现一个主题和模板,该主题和模板会自动将搜索添加到您的网站内容中。不过,执行此操作的主题类型往往非常专业,例如“住宅房地产”主题:

住宅房地产主题演示

由于在这样的列表网站上搜索可能会变得复杂,因此主题开发人员会将功能内置到模板中是有意义的。

预订网站主题是带有内置搜索功能的另一个示例,就像旅行预订主题中的演示一样:

旅游预订主题演示

可以想象,将搜索功能内置到您的WordPress主题和模板中将为您自己构建一些复杂的内容节省很多麻烦。而且,如果主题针对性能进行了优化,那么它的搜索引擎解决方案也应该是(同样,无需担心的一件事情)。

使用代码添加WordPress搜索

还有一种方法可以在您的网站上添加基本的搜索表单,但这需要您对编码感到满意。

为此,请转到外观>主题编辑器:

主题编辑器

您要做的是使用functions.php主题文件为搜索栏创建一个简码:

functions.php主题文件

在文件底部,添加以下代码段:

add_shortcode('shortcodename','get_search_form');

将“ shortcodename”替换为您自己的搜索表单名称。确保全部为小写字母,没有空格,数字或符号。更新文件后,您可以在网站上开始使用您的简码。

这是一个例子:

自定义简码,用于将搜索栏添加到您的网站

以将任何常规文本添加到站点的方式添加了简码。只需记住将其括在方括号()中即可。

虽然您将无法在编辑器中看到搜索栏,但是请查看页面的预览,然后您会在网站的前端看到它:

搜索栏添加了简码

尽管这是一个快速的编辑,这对本文的目的是有好处的,但是最佳实践建议不要编辑主题的代码,而是创建WordPress子主题。

关于WordPress搜索限制的注意事项

您可以使用很多选项将基本的WordPress搜索功能添加到您的网站。但是够了吗?

除非您拥有一个很小的网站,或者想要将搜索限制在博客上,否则它可能不会。让我解释。

WordPress的本机搜索表单可浏览您的网页和博客文章中的以下几种内容:

  • 页面标题
  • 段落文字
  • 图片标题
  • 图片标题
  • 图片替代文字
  • 档案名称

您可以想象,这对您的用户来说是难以置信的限制。对于初学者来说,如果您需要从网站上其他类型的页面或内容(例如WooCommerce产品)中检索结果,则基本搜索表单不会显示与其匹配的结果。网站的其他元素也是如此:

  • 小部件
  • 用户评论
  • 分类和标签
  • 图片库标题,标题和替代文字
  • 自定义字段
  • 和更多

WordPress搜索不仅限于显示的结果。它的大小也受限制。您的网站越大,数据库处理结果的难度就越大,将结果提供给访问者的时间就越长。

那么,如果您需要比WordPress搜索所允许的功能更强大,更可持续的产品呢?

让我们看一下改善它的一些方法。

如何改善内部WordPress搜索体验

如果满足以下至少一项要求,则应阅读有关修复WordPress搜索的下一部分:

  1. 您的网站上有一千多页的内容或产品。
  2. 您的数据表明内部搜索很流行,但并没有带来任何转化。
  3. 您的搜索表单正在采取很多行动,但是您的网络托管服务器正在努力处理请求(即,加载结果需要花费几秒钟的时间)。
  4. 您希望扩展网站,而不必担心搜索会在整个过程中使您(和访问者)失败。
  5. 基本搜索并没有减少它。您需要更高级,更敏捷的功能来处理用户执行的各种搜索。

准备潜水了吗?您可以采取以下6项重要措施来改善WordPress搜索:

提示1:创建自定义搜索页

与其给访问者一个简单的搜索栏来帮助他们在您的站点上滑动,不如创建一个自定义搜索页面?

在网站菜单中搜索“牛仔布”

似乎您的访客似乎不熟悉搜索,但是可以通过专门的搜索页面来改善体验。

要创建自定义页面,您需要通过FTP或文件管理器对网站进行后端访问。

进入WordPress数据库后,将查找以下文件路径:

/ wp-content / themes /(您的主题名称)/page.php

page.php是一个文件,用于定义网页的基本结构。换句话说,它是页面模板。我们现在要做的是为您的搜索页面创建一个模板。

重要

注意:如果看到名为search.php的文件,请不要理会它。该文件决定了搜索结果页面的显示方式,而不是初始搜索页面的显示方式。

复制page.php,并将新文件命名为searchpage.php。然后,打开它进行编辑。

将page.php代码示例复制到新文件中

该文件中的大多数代码都需要替换,因为此处定义了典型的网页或博客文章。相反,您需要将其剥离回来,使其仅包含搜索页面上所需的内容。这是我如何构建搜索页面的示例:


欢迎来到很棒的在线商店!在这里,您会发现各种各样的产品,彻底改变您的工作,生活和娱乐方式。

使用下面的搜索表格,使自己朝正确的方向前进。