#94:Google自定义搜索设置

标题栏中的搜索区域“有效”,因为它已设计完成,您可以点击打开和关闭,以及其他操作。但它还没有真正执行任何搜索。这很重要,对吧?

在这个网站上,我们使用Google自定义搜索引擎来搜索内容。WordPress内置了搜索功能,但效果并不好。它只是匹配字符串并按顺序列出找到的内容。它没有Google提供的那些高级功能:搜索逻辑、自动更正拼写错误、确定意图,最重要的是,首先显示最相关的结果。

因此,我们将使用GCSE,并且需要进行一些设置。我们进入他们的管理区域创建它们,并从头开始创建一个。我们将使用免费版本。不是因为我想要在搜索结果中到处都是广告(我不想),而是因为付费版本对于这个规模的网站来说成本过高。要么我每月支付数千美元以获得无广告搜索,要么实际上通过在搜索结果中投放广告赚取一些钱,并免费获得搜索功能。这非常简单。

我们构建的第一个搜索引擎是一个全站搜索,因此我们让它搜索“css-tricks.com”。

然后,我们获取GCSE提供的代码,将其包含在网站上以使搜索功能正常工作。我们必须稍微深入研究一下才能找到仅显示搜索结果的选项,并且您可以“自带”搜索表单。这绝对适合我们,因为我们已经设计了自己的搜索表单,并且喜欢它的样式。

我们有一个专门用于搜索结果的页面模板。我们将此模板整理成型,显示我们希望它显示的内容。

然后我们开始创建更多自定义搜索引擎。这是一种解决我们想要实现目标的略微“hacky”的方式:能够随意搜索网站的子部分。我们创建的第二个CSE仅用于搜索“css-tricks.com/forums/”。然后我们为论坛搜索创建了一个不同的搜索结果页面(/search-results/forums/),但使用相同的模板。在此页面上,我们放置了来自此新的、更受限制的搜索引擎的CSE代码。

我们只需要确保用户能够以某种方式找到正确的搜索引擎……