和：

保存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;
  }
}