和：

保存searchpage.php模板后，请返回WordPress。现在，我们需要创建一个名为“搜索”的页面。

给页面命名，然后打开侧栏上的“页面属性”。您将看到刚刚创建的“搜索页面”的模板：

搜索页面模板已创建

选择搜索模板，然后发布页面。现在，您将在实时网址（应该为https://yourdomainname.com/search/）上看到该网址。而且，如果您使用了与上面的代码相似的代码，则将导致页面看起来像这样：

WordPress中的自定义搜索页面示例

创建并发布此页​​面后，您可以根据需要进行操作。您可以将其添加到菜单中或链接到其他位置。只要确保链接放置在您的访客容易看到它的地方即可。

提示2：让您的WordPress搜索不仅限于页面和帖子

尽管上面的技巧为您提供了一个运行WordPress搜索的新地方，但是它不能解决搜索哪种内容的问题。对我们来说幸运的是，有许多插件可以解决此问题。

使用WP扩展搜索升级基本WordPress搜索

如果您只想能够浏览网站上的更多内容和元数据，那么WP扩展搜索是一个不错的选择。

WordPress中的WP扩展搜索设置

使用此插件，您的访客将能够从以下位置检索结果：

• • 帖子
  • 页数
  • 媒体文件
  • 分类目录
  • 标签
  • 摘录
  • 元数据（如作者姓名）

这是一个轻巧且易于配置的插件，可改善小型企业网站和博客的基本搜索功能。

使用高级Woo搜索升级WooCommerce搜索

如果您有电子商务网站，则可以改用Advanced Woo Search插件。

启用后，您可以将WooCommerce搜索表单放置在网站上的任何位置。如果您希望它替换已经存在的所有基本WordPress搜索表单，则该插件具有快速的“无缝集成”选项，可以自动将它们替换为您。

您也可以手动将表单添加为小部件或简码。由你决定。

该表格将类似于基本的WordPress表格：

Woo高级搜索示例

此表格与您以前的表格有两个主要区别。

首先是该表单搜索您的WooCommerce产品内容和元数据，包括标题，SKU，摘录，类别，标签和ID。

这是第二个区别：

Woo高级搜索：实时搜索结果

当您的访客开始输入他们的搜索查询时，将显示匹配的结果。这就是所谓的“实时”搜索，而且由于插件使用了AJAX，它可以即时发生。

如果这些选项看起来很有希望，但是您正在寻找WordPress搜索表单的更强大或更快速的升级，请继续阅读。

提示3：改善WordPress搜索结果的显示方式

接下来，让我们讨论一下您可以采取哪些措施来改善如何向访问者显示搜索结果。

这就是为什么您不能忽略此提示的原因：

默认显示搜索结果

默认情况下，WordPress搜索显示的结果与此页面相似。页面顶部将显示“搜索结果：（关键字）”，然后是每个匹配的页面或帖子。如果有特色图片（如上面的牛仔裤），它将完整显示。

然后摘录：

搜索结果显示大图和节选

这只是一个匹配结果。想象一下，如果有几个“牛仔”匹配，更不用说数十个或几百个，那么进入此搜索结果页面将有多困难。

要解决此问题，我们将寻找WordPress插件来提供帮助。

通过象牙搜索改善表格的外观

像上面提到的插件一样，象牙搜索使您可以选择从中提取哪种类型的内容和元数据搜索结果。不过，有了这个，您就不必在基本页面和发布数据或电子商务之间做出选择。您可以在这里挑选垃圾：

象牙搜索设置

关于此插件的另一个值得注意的提示是，它使您可以自定义搜索表单以及网站的其余部分：

象牙搜索：在主题定制器中定制设计

您可以控制搜索表单的所有方面：

• • • 色彩
    • 文本
    • 样式
    • 表格动画
    • 装载机图片

除此之外，您还可以配置诸如实时AJAX搜索之类的功能，并为访问者带来实时查看其匹配项的好处：

使用象牙搜索从自定义搜索栏中实时搜索结果

将此插件视为WordPress搜索的下一步。

自定义Ajax搜索的搜索结果显示方式

现在，不仅仅是搜索表单的外观会在访问者身上留下深刻的印象。您所做的结果显示也会影响他们的体验。

借助Ajax Search Lite和Pro插件，您将为它们带来更智能，更快捷的搜索体验，从而为他们带来惊喜。

以下是一些您可以做什么的示例：

Ajax Search插件：搜索行为

行为使访问者的搜索体验更有效，例如，当他们开始键入内容时立即打开搜索表单，并将他们重定向到搜索结果，无论他们按下返回键还是放大镜图标。

Ajax搜索插件：自动完成和建议

自动完成和建议功能利用Google搜索功能来加快访问者的搜索速度。

Ajax Search插件：关键字突出显示

关键字突出显示是另一个有用的功能，可以在匹配结果中突出显示用户的关键字。这使得更容易发现更相关的结果。

这是一个显示方式的示例：

搜索结果中突出显示的关键字

该插件还使您能够指示结果应如何显示：结果页面的布局方式和应显示的元素（例如精选图片+摘录+作者姓名）。

此外，您可以告诉搜索引擎从特定位置提取图像。例如，如果没有精选图片，则可以请求将页面上的第一张图片用于搜索结果。

您还可以决定如何裁剪每张图像以及以何种尺寸裁剪。这样，您可以使搜索结果页面的大小和外观更易于管理-随着网站内容量的增加，这一点变得尤为重要。

还有一件事：该插件不仅可以帮助您使搜索结果看起来更好。它也加快了他们在访问者面前的显示速度：

Ajax Search插件：性能优化可加快搜索速度

您可以在此插件中进行三种性能优化：

• • • 应用自定义AJAX处理程序。
    • 禁用图像裁剪。
    • 在页脚中加载JavaScript。

通过配置这三个设置，可以帮助您的Web服务器不被连续搜索请求所淹没。

就是说，这只是优化WordPress搜索速度时的冰山一角。继续阅读以了解有关Elasticsearch的更多信息。

提示4：加快WordPress搜索

尽管WordPress搜索表单的外观和搜索功能很重要，但一切发生的速度也是如此。

通过Elasticsearch获得超快速和复杂的搜索功能

在某些时候，WordPress搜索插件和您的MySQL数据库将不再适用。当您网站的搜索查询不断增加时，确保最佳搜索体验的唯一方法是使用Elasticsearch。

Elasticsearch是一个开源搜索和分析引擎，以其速度，稳定性和可扩展性而闻名，它只是Elastic堆栈的一部分。当与Logstash（用于数据处理）和Kibana（用于数据可视化和管理）结合使用时，Elasticsearch以前所未有的方式为网站的搜索引擎提供支持：

• • • 查询更多内容类型（如PDF）和元数据
    • 模糊匹配以减少“无结果”
    • 相关内容建议
    • 特定于地理位置的内容推荐
    • 多面（多过滤器）搜索
    • 更快的查询处理
    • 实时访问搜索查询数据

尽管Elasticsearch是开源的并且可以免费使用，但是您将需要托管的Elasticsearch托管（这不是免费的）。您可以通过多种方式获得此信息：

1. ElasticPress + Kinsta
ElasticPress插件使您能够将Elasticpress搜索功能无缝集成到WordPress网站中：

ElasticPress设置

如果您想在WordPress中使用Elasticsearch的高级索引和快速查询功能，这是一个不错的选择。如果您需要将Elastisearch添加到Kinsta托管的网站上，则应与客户支持联系并请求它，但是您将无法访问完整堆栈（Elasticsearch + Logstash + Kibana），因为在Kinsta上使用Elasticsearch仅限于将服务与WordPress集成以支持更快的查询。

要获得完整的堆栈访问权限，您需要使用外部Elasticsearch托管服务。

2.弹性
如果需要，您可以直接使用源代码：Elastic。您也可以使用多种选择来部署搜索引擎。

您可以获得完整的堆栈，并利用其先进的数据处理和管理工具。这是设置和入门过程的一部分：

弹性：全栈部署配置

此外，您可以控制如何优化Elasticsearch服务器：

在Elastic中选择部署优化

根据您的网站将要处理的查询类型提供建议，这使您可以轻松决定如何最好地加快和增强搜索引擎。

如果您想简化设置，请改用Elastic的站点搜索工具：

弹性站点搜索仪表板

然后，您将被带到该仪表板，在该站点中，一旦您的站点被索引，您可以：

• • • 使用JavaScript代码段安装搜索引擎。
    • 自定义搜索引擎如何与结果排名，权重和同义词一起使用。
    • 管理可以显示在搜索结果中的内容。
    • 设置转化跟踪。
    • 配置搜索建议。
    • 查看您的搜索查询数据。

它的解决方案不如Elastic Stack强大，但是如果您只是在寻找易于实现和管理的高性能搜索，那么这是一个不错的选择。

3.亚马逊弹性搜索
亚马逊拥有自己的Elasticsearch服务也就不足为奇了。如果您已经在使用AWS托管和部署服务，那么这对您来说是个不错的选择。

与上述选项类似，它是一项托管服务，可让您创建具有复杂查询功能的快速搜索引擎。

提示5：缓存搜索结果页面

优化WordPress搜索速度的另一种方法是通过缓存搜索结果。启用缓存后，您的服务器将不必一遍又一遍地连续处理相同的查询。相反，它将检索并显示静态搜索结果页面，从而为访问者提供近乎瞬时的结果。

启用缓存的一种方法是使用WordPress缓存插件。

One of the top-rated plugins, W3 Total Cache, calls attention to the caching of search results pages, so start there if you’re looking for a caching solution that prioritizes the kinds of performance optimizations you need.

Or you might try WP Rocket. Although it doesn’t cache search results pages by default, it’s created the Cache Search Results helper plugin for that exact purpose.

Another way to enable this is by using the Ajax Search Pro plugin mentioned earlier. I’ve already shown you a few ways that the Lite version of the plugin optimizes search performance. The Pro version adds even more optimizations, including image precaching and search phrase caching.

Tip 6: Activate Search Tracking in Google Analytics

Last but not least, remember to activate search tracking in Google Analytics. You’ll find it under Admin > All Web Site Data > View Settings.

Activating search tracking in Google Analytics

To turn on-site search tracking, switch the toggle to “ON”. This will reveal a new field called “Query parameter”. This is the element in your URL (and database) that defines a search query and result.

The search parameter for Google Analytics

The letter “s”, in this case, is what defines the search query on the website. If you’re unsure of what your own search parameter is, run a test search and locate the letter or word following the question mark.

If your search allows visitors to select categories and filters, you can enable site search categories, too. You may need to indicate multiple parameters here.

Once you’re done setting up search in Google Analytics, you’ll be able to find all of your data under Behavior > Site Search.

Site search data in Google Analytics

Just like the rest of Google Analytics, this data provides you with a wealth of opportunity to figure out:

• • • What’s drawing visitors to your site in the first place.
    • Which search terms are queried, but your website has failed to provide an answer or solution for.
    • Which content or products get searched the most.
    • Which search queries lead to the most conversions.
    • Which pages more search queries take place on.

Pay close attention to what your visitors are doing with search and you can more effectively shape the rest of the on-site experience for them.

Internal search is normally overlooked but it provides invaluable insights about your users. Learn how to improve and speed up the WordPress search functionality! ??

Click to Tweet

摘要

WordPress search might seem like a simple enough matter — and it is if all you need is a basic search function to help visitors navigate a dozen or so pages.

You can add a simple WordPress search function to a number of areas on your website, like the header, menu, sidebar, footer, and even in-line with your content. There are a number of ways you can add these search elements, too:

• • • Your theme’s settings
    • A WordPress widget
    • A page builder plugin
    • A pre-made theme template
    • Code

Don’t forget: the larger your website is and the more complex your navigation becomes, the more you’re going to need a solution that enhances your WordPress search capabilities to provide a better UX to your visitors. And a better UX, most of the times, results in increased conversions for you.

1 Shares

• Total: 1
• 0
• 0
• 1个
• 0
• 0
• 0
• 0
• 0

.essb_links .essb_links_list li a {
  margin-top:0px;
}
@media only screen and (min-width: 64em) {
  .container–narrow.pb–60,
  .knowledgebase .user-content {
    职位：相对
  }
  .widget-share {
    position: absolute;
    left: -200px;
    top: 0px;
    height: 100%;
    width: 200px;
    box-sizing: border-box;
  }
  .widget-share-aligner {
    width: 200px;
    padding-right: 62px;
    box-sizing: border-box;
  }
html(lang="nl") .widget-share-aligner {
    width: 210px;
  }
  .widget-share-inner {
    padding-bottom: 62px;
  }
  .knowledgebase .user-content .widget-share-inner {
    padding-top: 0;
  }
  .widget-share .amount {
    显示：flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    margin-right:11px;
    font-size: 14px;
    font-weight：500;
    margin-bottom:10px;
  }
  .widget-share .amount svg {
    margin-right:8px;
    margin-left:10px;
  }
  .essb_links .essb_links_list {
    flex-direction: column;
    align-items: flex-end;
  }
  .essb_links .essb_links_list li {
    display: block;
    margin-bottom:5px !important;
  }
  .widget-share__total {
    margin-bottom:0px !important;
  }
  .widget-share__total .heading–small {
    color: #999999;
    font-size:14px;
    font-weight: 300;
  }
  .essb-total-value {
    margin-right:4px;
  }

}
.essb_links {
  margin:0px;
  padding:0px;
}
.essb_counter_right {
  display:none !important;
}
.essb_links.essb_template_circles-retina .essb_link_hackernews a,
.essb_links.essb_template_circles-retina .essb_link_reddit a,
.essb_links.essb_template_circles-retina .essb_link_mail a,
.essb_links.essb_template_circles-retina .essb_link_mwp a,
.essb_links.essb_template_circles-retina .essb_link_buffer a,
.essb_links.essb_template_circles-retina .essb_link_linkedin a，
.essb_links.essb_template_circles-retina .essb_link_facebook a,
.essb_links.essb_template_circles-retina .essb_link_twitter a
 {
  color: #43414e !important;
  background: #f3f3f6 !important;
}

.essb_links.essb_template_circles-retina li a:focus, .essb_links.essb_template_circles-retina li a:hover {
  border-color: #fff !important;
  background: #43414e !important;
}

.essb_links.essb_template_circles-retina a {
  border-color: #f3f3f6 !important;
  background: #f3f3f6;
}
.essb_links .essb_icon:before {
  font-size:15px !important;
  top:8px;
  left:9px;
}
.essb_links .essb_icon {
  width:32px;
  height:32px;
}
.essb_links.essb_counter_modern_right .essb_counter_right {
  background: #f3f3f6 !important;
}
@media only screen and (max-width: 63.999em) {
  .widget-share-aligner {
    position: relative !important;
    top：0！重要；
  }
  .essb_links .essb_links_list li {
    margin-right：8px！important;
  }
}