日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間:8:30-17:00
你可能遇到了下面的問(wèn)題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷(xiāo)解決方案
如何提升WordPress站內(nèi)搜索速度及結(jié)果準(zhǔn)確率

為什么人們首先使用網(wǎng)站搜索表單?這是因?yàn)樗麄冋趯ふ彝ㄟ^(guò)瀏覽網(wǎng)站或使用導(dǎo)航無(wú)法獲得的即時(shí)和相關(guān)結(jié)果。

有時(shí),這些搜索結(jié)果會(huì)提供他們問(wèn)題的答案(例如有關(guān)公司退貨政策的信息)或匹配產(chǎn)品或內(nèi)容的列表(例如與頁(yè)面構(gòu)建器插件相關(guān)的博客文章)。不過(guò),無(wú)論他們?cè)趯ふ沂裁?,有一件事是肯定的?/p>

訪問(wèn)者希望您的wordpress搜索表單能夠快速準(zhǔn)確地提供結(jié)果。

當(dāng)您從整體上看待消費(fèi)者行為時(shí),這是有道理的。谷歌在在線搜索方面設(shè)定了一個(gè)幾乎不可能的標(biāo)準(zhǔn)。根據(jù)SparkToro的調(diào)查結(jié)果,Google中超過(guò)一半的搜索都是零點(diǎn)擊的?;旧?,谷歌已經(jīng)使搜索變得如此高效,以至于人們通常不需要訪問(wèn)網(wǎng)站來(lái)獲得他們問(wèn)題的答案。

當(dāng)然,您的網(wǎng)站訪問(wèn)者并沒(méi)有使用內(nèi)部搜索來(lái)期待或想要零點(diǎn)擊結(jié)果。他們正在使用搜索來(lái)查找您網(wǎng)站的其他部分進(jìn)行探索。但是,你的WordPress的搜索和谷歌搜索的共同點(diǎn)是:消費(fèi)者想要快速,方便,并從他們兩個(gè)中找到相關(guān)的結(jié)果。

只有一個(gè)問(wèn)題:WordPress自帶的搜索功能不是很好。

這就是為什么在本教程中,我們將探索您需要了解的一切,以優(yōu)化訪問(wèn)者的WordPress搜索體驗(yàn)

內(nèi)部搜索到底有多重要?

如果您以正確的方式設(shè)計(jì)網(wǎng)站,訪問(wèn)者自然會(huì)遵循您在他們面前布置的路徑。一個(gè)組織良好的菜單也有幫助。

也就是說(shuō),內(nèi)部搜索在這方面發(fā)揮著重要作用。

將WordPress搜索視為您網(wǎng)站的快速通行證。當(dāng)您的搜索功能按其應(yīng)有的方式執(zhí)行時(shí),它可以在幾秒鐘內(nèi)將您的訪問(wèn)者從第1步帶到第5步。

這對(duì)于包含大量?jī)?nèi)容的 WordPress 網(wǎng)站特別有用。這里有些例子:

電子商務(wù)

Nordic Ware等在線商店可以幫助訪問(wèn)者從主頁(yè)訪問(wèn):

Nordic Ware:主頁(yè)在標(biāo)題中帶有搜索欄

只需使用網(wǎng)站右上角的搜索欄即可獲得更窄的產(chǎn)品列表:

Nordic Ware:搜索結(jié)果頁(yè)面

通過(guò)始終顯示產(chǎn)品搜索表單,訪客無(wú)需篩選商店的菜單或類(lèi)別來(lái)查找他們正在購(gòu)買(mǎi)的特定商品。

博客、播客和新聞網(wǎng)站

擁有大型內(nèi)容存儲(chǔ)庫(kù)的網(wǎng)站(例如閃電博有36頁(yè)的WordPree教程技巧文章(并且還在不斷增加))將從搜索欄中受益:

閃電博:WordPress教程技巧分頁(yè)

通過(guò)在文章列表頂部放置一個(gè)特定于資源中心的搜索表單,讀者可以比滾動(dòng)36頁(yè)更快地找到他們正在尋找的主題:

閃電博資源中心列表頂部的WordPress搜索欄

包含大量?jī)?nèi)容的資源中心可能會(huì)變得難以導(dǎo)航。由于您希望保持博客頁(yè)面簡(jiǎn)短以保持較高的加載速度,因此增加出現(xiàn)的文章數(shù)量并不是一個(gè)好主意。

相反,搜索欄將幫助您的訪問(wèn)者更有效地瀏覽與其當(dāng)前興趣無(wú)關(guān)的文章。

在線目錄站點(diǎn)

搜索是訪問(wèn)者在在線目錄列表(例如房地產(chǎn)、旅游、專(zhuān)業(yè)服務(wù)等)的網(wǎng)站上做的第一件事,就像來(lái)自Trulia的這個(gè)例子:

Trulia:主頁(yè)搜索屬性

搜索元素總是很簡(jiǎn)單,可以開(kāi)始。例如,指定地點(diǎn)、人名或職位。但是結(jié)果頁(yè)面始終允許用戶根據(jù)需要過(guò)濾結(jié)果:

Trulia:示例搜索結(jié)果頁(yè)面

知識(shí)庫(kù)

搜索是Elementor等產(chǎn)品的幫助中心和知識(shí)庫(kù)的有用組件:

Elementor:知識(shí)庫(kù)文章主題和計(jì)數(shù)

與手動(dòng)搜索類(lèi)別相比,搜索可幫助用戶更快地找到問(wèn)題的答案:

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

在很多情況下,用戶在使用SaaS產(chǎn)品時(shí)遇到的問(wèn)題可以很容易地由用戶自己解決。如果您想讓實(shí)時(shí)聊天和幫助臺(tái)支持遠(yuǎn)離易于解決的問(wèn)題,請(qǐng)使您的知識(shí)庫(kù)易于搜索。

Bottom Line

如果有大量的東西在您的網(wǎng)站,不要假設(shè)導(dǎo)航將幫助游客努力通過(guò)自己的方式吧。建立類(lèi)似快速通行證的搜索體驗(yàn),讓他們準(zhǔn)確地到達(dá)他們需要和想去的地方。

如何將搜索添加到您的WordPress網(wǎng)站

您有幾個(gè)選項(xiàng)可以為您的網(wǎng)站實(shí)施和啟用基本的WordPress搜索:

使用您的主題將WordPress搜索添加到菜單中

根據(jù)您安裝的WordPress主題,您只需點(diǎn)擊幾下即可將搜索添加到您的菜單中。在這個(gè)例子中,我使用了Astra主題,順便說(shuō)一句,結(jié)果非???!

首先要做的是轉(zhuǎn)到外觀>自定義:

WordPress – 導(dǎo)航到自定義菜單

接下來(lái),轉(zhuǎn)到標(biāo)題> 主菜單。

WordPress – 自定義菜單

在“菜單中的最后一項(xiàng)”下,從下拉菜單中選擇“搜索”。

WordPress – 在菜單中添加搜索欄

這將添加一個(gè)搜索圖標(biāo)和欄作為導(dǎo)航菜單的最后一個(gè)元素。

WordPress – 添加了主題設(shè)置的搜索欄

使用其他WordPress主題時(shí),此搜索激活設(shè)置可能與您的主題定制器不在同一位置。如果它可用,您會(huì)在“標(biāo)題”設(shè)置下找到它。否則,您必須使用以下選項(xiàng)之一手動(dòng)添加它。

使用WordPress小工具添加搜索

WordPress小工具使您能夠?qū)?nèi)容添加到內(nèi)容周?chē)兀ㄈ鐐?cè)邊欄和頁(yè)腳)中的專(zhuān)用塊中。

您可以使用WordPress小工具創(chuàng)建的一種內(nèi)容塊是搜索欄。

首先在外觀菜單下找到小部件:

WordPress – 找到小工具菜單

您可以在此處找到所有可用的小部件部分。根據(jù)您使用的主題或模板,您可能只會(huì)看到側(cè)邊欄或頁(yè)腳,或者您可能會(huì)看到更全面的選擇,如下所示:

小工具示例

無(wú)論如何,您現(xiàn)在需要做的是決定您希望搜索欄出現(xiàn)的位置。

假設(shè)您計(jì)劃每天發(fā)布新的博客內(nèi)容,并且知道存檔將快速增長(zhǎng)。因此,在每個(gè)博客頁(yè)面上都有一個(gè)搜索欄將是有益的。

滾動(dòng)到小部件的底部并找到名為“搜索”的小工具:

搜索小工具

您可以通過(guò)單擊它并選擇將其添加到哪個(gè)部分來(lái)添加它,如下所示:

使用下拉菜單添加搜索小工具

或者您可以將小工具拖放到您希望它出現(xiàn)在的部分塊中:

通過(guò)拖放添加搜索小工具

一旦你把它放在你想要的地方,給它一個(gè)名字:

為您的搜索小工具命名

保存您的更改,然后訪問(wèn)您的站點(diǎn)以確認(rèn)它看起來(lái)像您希望的那樣:

搜索欄添加到博客

您現(xiàn)在可以看到搜索欄位于博客側(cè)邊欄的頂部,可供您的讀者使用。

使用WordPress工具將搜索添加到您網(wǎng)站的主要內(nèi)容

雖然將搜索欄放在網(wǎng)站始終存在的元素中很有用,但您也可能會(huì)找到將其包含在頁(yè)面實(shí)際內(nèi)容中的理由。

有幾種方法可以實(shí)現(xiàn)這一點(diǎn):

使用WordPress編輯器

Gutenberg編輯器無(wú)疑使設(shè)計(jì)更具創(chuàng)意的頁(yè)面布局變得更加容易,而無(wú)需依賴HTML或短代碼。

借助WordPress編輯器,您現(xiàn)在可以添加到頁(yè)面中的一個(gè)這樣的元素是搜索小部件:

在古騰堡搜索小工具區(qū)塊

使用此選項(xiàng)時(shí),您可以更好地控制搜索欄的顯示方式。例如,您可以更改搜索欄的標(biāo)題、占位符文本以及按鈕:

使用古騰堡自定義搜??索欄

您甚至可以使用自定義CSS類(lèi)更改搜索區(qū)塊的樣式。

使用頁(yè)面構(gòu)建器插件

對(duì)于那些喜歡使用拖放式頁(yè)面構(gòu)建器插件(如Elementor)的人,您也可以使用您選擇的插件訪問(wèn)搜索小工具。這個(gè)過(guò)程類(lèi)似于你對(duì)古騰堡所做的。

打開(kāi)新頁(yè)面或文章并激活Elementor編輯器后,從您的Elements列表中搜索WordPress搜索小工具:

Elementor中的搜索小工具

將搜索元素拖到您希望它出現(xiàn)在頁(yè)面上的位置。例如,這是一個(gè)404頁(yè)面,可幫助用戶通過(guò)搜索欄回到正軌:

帶有搜索欄的404頁(yè)面示例

如您所見(jiàn),與Gutenberg相比,頁(yè)面構(gòu)建器插件讓您可以更好地控制WordPress搜索欄的顯示位置,允許您將其分層放置在其他內(nèi)容之上。

使用主題

在某些情況下,您可能會(huì)發(fā)現(xiàn)一個(gè)主題和模板會(huì)自動(dòng)向您的網(wǎng)站內(nèi)容添加搜索。但是,執(zhí)行此操作的主題類(lèi)型往往是高度專(zhuān)業(yè)化的,例如住宅房地產(chǎn)主題:

住宅房地產(chǎn)主題演示

由于在這些目錄列表網(wǎng)站上搜索可能會(huì)變得復(fù)雜,因此主題開(kāi)發(fā)人員將功能構(gòu)建到模板中是有道理的。

預(yù)訂站點(diǎn)主題是另一個(gè)已經(jīng)內(nèi)置搜索功能的示例,就像這個(gè)來(lái)自Travel Booking主題的演示:

旅行預(yù)訂主題演示

可以想象,將搜索功能內(nèi)置到您的 WordPress 主題和模板中將省去很多麻煩,而不必自己構(gòu)建如此復(fù)雜的東西。如果主題針對(duì)性能進(jìn)行了優(yōu)化,那么它的搜索引擎解決方案也應(yīng)該如此(再次,少擔(dān)心一件事)。

使用代碼添加WordPress搜索

還有另一種向您的網(wǎng)站添加基本搜索表單的方法,但它要求您熟悉編碼。

為此,請(qǐng)轉(zhuǎn)到外觀 > 主題編輯器:

主題編輯器

您在這里要做的是使用functions.php主題文件為搜索欄創(chuàng)建一個(gè)短代碼:

functions.php主題文件

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

add_shortcode( 'shortcodename', 'get_search_form');

將“shortcodename”替換為您自己的搜索表單名稱。確保全部為小寫(xiě),沒(méi)有空格、數(shù)字或符號(hào)。更新文件后,您就可以開(kāi)始在您的網(wǎng)站上使用短代碼。

下面是一個(gè)例子:

用于向您的網(wǎng)站添加搜索欄的自定義短代碼

添加短代碼的方式與將任何常規(guī)文本添加到站點(diǎn)的方式相同。請(qǐng)記住將其括在方括號(hào) [] 中。

雖然您將無(wú)法在編輯器中看到搜索欄,但請(qǐng)查看頁(yè)面的預(yù)覽,您會(huì)在網(wǎng)站的前端看到它:

添加了短代碼的搜索欄

盡管這是一個(gè)快速編輯,這對(duì)本文的目的有好處,但最佳實(shí)踐建議永遠(yuǎn)不要編輯您的主題代碼,而是創(chuàng)建一個(gè)WordPress子主題。

關(guān)于WordPress搜索限制的說(shuō)明

您可以使用許多選項(xiàng)將基本的WordPress搜索功能添加到您的網(wǎng)站。但這足夠了嗎?

除非您有一個(gè)非常小的網(wǎng)站或者您想將搜索限制在您的博客上,否則它可能不會(huì)。讓我解釋。

WordPress的原生搜索表單會(huì)查看您的網(wǎng)頁(yè)和博客文章中的以下類(lèi)型的內(nèi)容:

  • 頁(yè)面標(biāo)題
  • 段落文字
  • 圖片標(biāo)題
  • 圖片說(shuō)明
  • 圖片替代文字
  • 文件名

可以想象,這對(duì)您的用戶來(lái)說(shuō)是非常有限的。首先,如果您需要從網(wǎng)站上的其他類(lèi)型的頁(yè)面或內(nèi)容(如WooCommerce產(chǎn)品)中檢索結(jié)果,基本搜索表單將不會(huì)顯示匹配結(jié)果。您網(wǎng)站的其他元素也是如此,例如:

  • 小工具
  • 用戶評(píng)論
  • 類(lèi)別和標(biāo)簽
  • 圖片庫(kù)標(biāo)題、說(shuō)明和替換文字
  • 自定義字段
  • 和更多

WordPress搜索不僅限于顯示的結(jié)果。它也受大小限制。您的網(wǎng)站越大,您的數(shù)據(jù)庫(kù)處理結(jié)果的難度就越大,向訪問(wèn)者提供這些結(jié)果所需的時(shí)間也就越長(zhǎng)。

那么,如果您需要比WordPress搜索所允許的更強(qiáng)大和更可持續(xù)的東西怎么辦?

讓我們看看一些可以改進(jìn)它的方法。

如何改善內(nèi)部WordPress搜索體驗(yàn)

如果以下至少一項(xiàng)適用于您,您應(yīng)該閱讀有關(guān)修復(fù)WordPress搜索的下一部分:

準(zhǔn)備好潛水了嗎?您可以采取以下6項(xiàng)重要措施來(lái)改進(jìn)WordPress搜索:

技巧 1:創(chuàng)建自定義搜索頁(yè)面

與其給訪問(wèn)者留下一個(gè)簡(jiǎn)單的搜索欄來(lái)幫助他們?yōu)g覽您的網(wǎng)站,不如創(chuàng)建一個(gè)自定義搜索頁(yè)面呢?

例如在網(wǎng)站菜單中搜索“denim”

您的訪問(wèn)者并非不熟悉使用搜索,但可以通過(guò)專(zhuān)用搜索頁(yè)面改善體驗(yàn)。

要?jiǎng)?chuàng)建自定義頁(yè)面,您需要通過(guò)FTP或文件管理器后端訪問(wèn)您的網(wǎng)站。

進(jìn)入WordPress數(shù)據(jù)庫(kù)后,您將查找以下文件路徑:

/wp-content/themes/[您的主題名稱]/page.php

page.php是一個(gè)定義網(wǎng)頁(yè)基本結(jié)構(gòu)的文件。換句話說(shuō),它是一個(gè)頁(yè)面模板。我們現(xiàn)在要做的是為您的搜索頁(yè)面創(chuàng)建一個(gè)模板。

注意:如果您看到名為search.php的文件,請(qǐng)不要管它。該文件規(guī)定了搜索結(jié)果頁(yè)面的顯示方式,而不是初始搜索頁(yè)面。

復(fù)制page.php并將新文件命名為searchpage.php。然后,打開(kāi)它進(jìn)行編輯。

復(fù)制到新文件的page.php代碼示例

這個(gè)文件中的大部分代碼都需要替換,因?yàn)檫@里定義了一個(gè)典型的網(wǎng)頁(yè)或博客文章。相反,您需要將其剝離,以便它只包含您在搜索頁(yè)面上需要的內(nèi)容。這是我如何構(gòu)建搜索頁(yè)面的示例:



Search Our Shop

Welcome to the online shop of awesomeness! Here you will find all kinds of products to revolutionize how you work, live, and play.

Use the search form below to get yourself moving in the right direction.

WordPress Codex提供了更多關(guān)于在創(chuàng)建自定義搜索頁(yè)面時(shí)您可以做什么和不可以做什么的指導(dǎo)。但是,如果您喜歡我將要向您展示的結(jié)果,您可能唯一需要更改的是出現(xiàn)在以下內(nèi)容之間的內(nèi)容:

和:

保存searchpage.php模板后,返回WordPress。我們現(xiàn)在需要?jiǎng)?chuàng)建一個(gè)名為“搜索”的頁(yè)面。

給頁(yè)面一個(gè)標(biāo)題并打開(kāi)側(cè)邊欄上的“頁(yè)面屬性”。您將看到剛剛創(chuàng)建的“搜索頁(yè)面”的模板:

已創(chuàng)建搜索頁(yè)面模板

選擇搜索模板并發(fā)布頁(yè)面。您現(xiàn)在將在實(shí)時(shí)URL上看到它,它應(yīng)該是:https://yourdomainname.com/search/。而且,如果您使用了與上面代碼類(lèi)似的東西,它會(huì)生成一個(gè)看起來(lái)像這樣的頁(yè)面:

WordPress 中的自定義搜索頁(yè)面示例

創(chuàng)建和發(fā)布此頁(yè)面后,您可以隨心所欲。您可以將其添加到您的菜單中或在其他地方鏈接到它。只需確保將鏈接放置在訪問(wèn)者容易看到的地方。

技巧 2:讓您的WordPress搜索不僅僅是頁(yè)面和文章

雖然上述提示為您提供了一個(gè)運(yùn)行WordPress搜索的新位置,但它無(wú)助于解決搜索內(nèi)容類(lèi)型的問(wèn)題。對(duì)我們來(lái)說(shuō)幸運(yùn)的是,有許多插件可以解決這個(gè)問(wèn)題。

使用WP擴(kuò)展搜索升級(jí)基本W(wǎng)ordPress搜索

如果您只想梳理網(wǎng)站上的更多內(nèi)容和元數(shù)據(jù),那么WP Extended Search是一個(gè)不錯(cuò)的選擇。

WordPress中的WP擴(kuò)展搜索設(shè)置

使用此插件,您的訪問(wèn)者將能夠從以下位置檢索結(jié)果:

    • 文章
    • 頁(yè)面
    • 媒體文件
    • 類(lèi)別
    • 標(biāo)簽
    • 摘錄
    • 元數(shù)據(jù)(如作者姓名)

這是一個(gè)輕量級(jí)且易于配置的插件,可提高小型商業(yè)網(wǎng)站和博客的基本搜索功能。

使用Advanced Woo Search升級(jí)WooCommerce搜索

如果您有電子商務(wù)網(wǎng)站,則可以改用Advanced Woo Search插件。

啟用后,您可以將WooCommerce搜索表單放置在網(wǎng)站上的任何位置。如果您希望它替換現(xiàn)有的所有基本W(wǎng)ordPress搜索表單,該插件有一個(gè)快速的“Seamless integration”選項(xiàng),可以自動(dòng)為您替換它們。

您還可以手動(dòng)將表單添加為小工具或短代碼。由你決定。

該表單將類(lèi)似于基本的WordPress表單:

Advanced Woo Search示例

此表格與您之前使用的表格之間有兩個(gè)主要區(qū)別。

首先是表單搜索您的WooCommerce產(chǎn)品內(nèi)容元數(shù)據(jù),包括標(biāo)題、SKU、摘錄、類(lèi)別、標(biāo)簽和ID。

這是第二個(gè)區(qū)別:

Advanced Woo Search:實(shí)時(shí)搜索結(jié)果

當(dāng)您的訪問(wèn)者開(kāi)始輸入他們的搜索查詢時(shí),就會(huì)出現(xiàn)匹配的結(jié)果。這就是所謂的“實(shí)時(shí)”搜索,由于插件使用了AJAX,它可以立即發(fā)生。

如果這些選項(xiàng)看起來(lái)很有希望,但您正在為WordPress搜索表單尋找更強(qiáng)大或更快的升級(jí),請(qǐng)繼續(xù)閱讀。

技巧 3:改進(jìn)WordPress搜索結(jié)果的顯示方式

接下來(lái),讓我們談?wù)勀梢圆扇∧男┐胧﹣?lái)改善向訪問(wèn)者顯示搜索結(jié)果的方式。

這就是為什么您不能跳過(guò)此提示的原因:

搜索結(jié)果的默認(rèn)顯示

默認(rèn)情況下,WordPress搜索顯示與此頁(yè)面類(lèi)似的結(jié)果。頁(yè)面頂部會(huì)顯示“搜索結(jié)果:[關(guān)鍵字]”,然后是每個(gè)匹配的頁(yè)面或文章。如果有特色圖片(如上面的牛仔褲),它將完整顯示。

然后是一段摘錄:

搜索結(jié)果顯示大圖和摘錄

這只是一個(gè)匹配結(jié)果。想象一下,如果有幾個(gè)“牛仔”匹配項(xiàng),更不用說(shuō)幾十個(gè)或數(shù)百個(gè)匹配項(xiàng),那么瀏覽這個(gè)搜索結(jié)果頁(yè)面會(huì)有多困難。

為了解決這個(gè)問(wèn)題,我們將尋找一個(gè)WordPress插件來(lái)提供幫助。

使用Ivory Search改善表單外觀

與上面提到的插件一樣,Ivory Search使您可以選擇從中提取哪些類(lèi)型的內(nèi)容和元數(shù)據(jù)搜索結(jié)果。但是,有了這個(gè),您不必在基本頁(yè)面和發(fā)布數(shù)據(jù)或電子商務(wù)之間做出選擇。您可以在這里選擇垃圾:

Ivory Search設(shè)置

關(guān)于此插件的另一個(gè)值得注意的提示是,它可以讓您與網(wǎng)站的其余部分一起自定義搜索表單:

Ivory Search:在主題定制器中定制設(shè)計(jì)

您可以控制搜索表單的所有方面:

  • 顏色
  • 文本
  • 風(fēng)格
  • 表格動(dòng)畫(huà)
  • Loader image

除此之外,您還可以配置諸如實(shí)時(shí)AJAX搜索之類(lèi)的內(nèi)容,并讓您的訪問(wèn)者實(shí)時(shí)查看他們的匹配項(xiàng):

來(lái)自自定義搜索欄的實(shí)時(shí)搜索結(jié)果與Ivory Search

將此插件視為WordPress搜索的下一步。

使用Ajax搜索自定義搜索結(jié)果的顯示方式

現(xiàn)在,不僅僅是您的搜索表單的外觀會(huì)在您的訪問(wèn)者身上留下痕跡。您對(duì)結(jié)果顯示的處理也會(huì)影響他們的體驗(yàn)。

使用Ajax Search Lite和Pro插件,您將真正為他們帶來(lái)更智能、更快速的搜索體驗(yàn)。

以下是一些您可以執(zhí)行的操作的示例:

Ajax搜索插件:搜索行為

Behaviors使訪問(wèn)者的搜索體驗(yàn)更加高效,例如在他們開(kāi)始輸入時(shí)立即打開(kāi)搜索表單并將他們重定向到搜索結(jié)果,無(wú)論他們是點(diǎn)擊返回鍵還是放大鏡圖標(biāo)。

Ajax搜索插件:自動(dòng)完成和建議

自動(dòng)完成和建議利用Google搜索功能來(lái)加快訪問(wèn)者的搜索速度。

Ajax搜索插件:關(guān)鍵字高亮

關(guān)鍵字突出顯示是另一個(gè)有用的功能,可以在匹配結(jié)果中突出顯示用戶的關(guān)鍵字。這使得更容易發(fā)現(xiàn)更相關(guān)的結(jié)果。

這是一個(gè)可能如何顯示的示例:

搜索結(jié)果中突出顯示的關(guān)鍵字

該插件還使您能夠指定結(jié)果的準(zhǔn)確顯示方式:結(jié)果頁(yè)面的布局方式以及應(yīng)顯示哪些元素(如特色圖片 + 摘錄 + 作者姓名)。

此外,您可以告訴搜索引擎從某個(gè)地方提取圖像。例如,如果特色圖片不可用,您可以請(qǐng)求在搜索結(jié)果中使用頁(yè)面上的第一張圖片。

您還可以決定每個(gè)圖像的裁剪方式和大小。通過(guò)這種方式,您可以使搜索結(jié)果頁(yè)面的大小和外觀更易于管理——隨著網(wǎng)站內(nèi)容量的增加,這一點(diǎn)變得尤為重要。

還有一件事:這個(gè)插件不僅可以幫助您使搜索結(jié)果看起來(lái)更好。它也加快了他們?cè)谀脑L客面前的速度:

Ajax搜索插件:性能優(yōu)化以加快搜索速度

您可以在此插件中進(jìn)行三項(xiàng)性能優(yōu)化:

    • 應(yīng)用自定義AJAX處理程序。
    • 禁用圖像裁剪。
    • 在頁(yè)腳中加載JavaScript。

通過(guò)配置這三個(gè)設(shè)置,您可以幫助您的Web服務(wù)器不會(huì)被連續(xù)的搜索請(qǐng)求淹沒(méi)。

也就是說(shuō),這只是優(yōu)化WordPress搜索速度的冰山一角。

技巧 4:加快WordPress搜索速度

雖然WordPress搜索表單的外觀和搜索功能很重要,但它發(fā)生的速度也很重要。

使用Elasticsearch獲得超快速和復(fù)雜的搜索功能

在某個(gè)時(shí)候,WordPress搜索插件和您的MySQL數(shù)據(jù)庫(kù)將不再適用。當(dāng)您網(wǎng)站的搜索查詢激增時(shí),確保最佳搜索體驗(yàn)的唯一方法是使用Elasticsearch。

Elasticsearch是一種開(kāi)源搜索和分析引擎,以其速度、穩(wěn)定性和可擴(kuò)展性而聞名——它只是Elastic堆棧的一部分。當(dāng)與Logstash(用于數(shù)據(jù)處理)和Kibana(用于數(shù)據(jù)可視化和管理)結(jié)合使用時(shí),Elasticsearch以您以前從未見(jiàn)過(guò)的方式為您網(wǎng)站的搜索引擎提供支持:

    • 查詢更多內(nèi)容類(lèi)型(如PDF)和元數(shù)據(jù)
    • 模糊匹配以減少“無(wú)結(jié)果”
    • 相關(guān)內(nèi)容建議
    • 特定地理內(nèi)容推薦
    • 分面(多過(guò)濾器)搜索
    • 更快的查詢處理
    • 實(shí)時(shí)訪問(wèn)搜索查詢數(shù)據(jù)

盡管Elasticsearch是開(kāi)源的并且可以免費(fèi)使用,但您需要為其托管Elasticsearch托管(這不是免費(fèi)的)。您可以通過(guò)多種方式獲得此信息:

1. ElasticPress

ElasticPress插件使您能夠?qū)lasticPress搜索功能無(wú)縫集成到您的WordPress站點(diǎn)中。此插件是一種流行的解決方案,可與為Elasticsearch提供支持的WordPress主機(jī)集成。

ElasticPress設(shè)置

2. Elastic

如果你愿意,你可以直接去源碼:Elastic。您也有幾個(gè)選項(xiàng)可以部署搜索引擎。

您可以獲得完整的堆棧并利用其先進(jìn)的數(shù)據(jù)處理和管理工具。這是設(shè)置和入職流程的一部分:

Elastic:全棧部署配置

更重要的是,您可以控制如何優(yōu)化Elasticsearch服務(wù)器:

在Elastic中選擇部署優(yōu)化

建議是根據(jù)您的網(wǎng)站將處理的查詢類(lèi)型提供的,這使得您可以輕松決定如何最好地加速和增強(qiáng)您的搜索引擎。

如果您想簡(jiǎn)化設(shè)置,請(qǐng)改用Elastic的站點(diǎn)搜索工具:

Elastic Site搜索儀表盤(pán)

然后,您將進(jìn)入此儀表板,在您的網(wǎng)站被編入索引后,您可以:

    • 使用JavaScript代碼段安裝您的搜索引擎。
    • 自定義您的搜索引擎如何處理結(jié)果排名、權(quán)重和同義詞。
    • 管理有資格出現(xiàn)在搜索結(jié)果中的內(nèi)容。
    • 設(shè)置轉(zhuǎn)化跟蹤。
    • 配置搜索建議。
    • 查看您的搜索查詢數(shù)據(jù)。

它不像Elastic Stack那樣強(qiáng)大,但如果您只是在尋找易于實(shí)施和管理的高性能搜索,這是一個(gè)很好的選擇。

3. Amazon Elasticsearch

Amazon擁有自己的Elasticsearch服務(wù)也就不足為奇了。如果您已經(jīng)在使用AWS托管和部署服務(wù),這對(duì)您來(lái)說(shuō)將是一個(gè)不錯(cuò)的選擇。

與上述選項(xiàng)類(lèi)似,它是一項(xiàng)托管服務(wù),可讓您為您的網(wǎng)站創(chuàng)建具有復(fù)雜查詢功能的快速搜索引擎。

技巧 5:緩存您的搜索結(jié)果頁(yè)面

另一種優(yōu)化WordPress搜索速度的方法是緩存搜索結(jié)果。通過(guò)啟用緩存,您的服務(wù)器將不必一遍又一遍地持續(xù)處理相同的查詢。相反,它將檢索并顯示靜態(tài)搜索結(jié)果頁(yè)面,為訪問(wèn)者提供近乎即時(shí)的結(jié)果。

啟用緩存的一種方法是使用WordPress緩存插件。

最受好評(píng)的插件之一W3 Total Cache引起了人們對(duì)搜索結(jié)果頁(yè)面緩存的關(guān)注,因此如果您正在尋找一種優(yōu)先考慮您需要的性能優(yōu)化類(lèi)型的緩存解決方案,請(qǐng)從那里開(kāi)始。

或者你可以試試WP Rocket。雖然默認(rèn)情況下它不緩存搜索結(jié)果頁(yè)面,但它創(chuàng)建了緩存搜索結(jié)果幫助器插件來(lái)實(shí)現(xiàn)這一確切目的。

啟用此功能的另一種方法是使用前面提到的Ajax Search Pro插件。我已經(jīng)向您展示了Lite版本插件優(yōu)化搜索性能的幾種方法。Pro版本增加了更多優(yōu)化,包括圖像預(yù)緩存和搜索短語(yǔ)緩存。

技巧 6:在Google Analytics中激活搜索跟蹤

最后但并非最不重要的一點(diǎn),請(qǐng)記住在Google Analytics中激活搜索跟蹤。您可以在“管理”>“所有網(wǎng)站數(shù)據(jù)”>“查看設(shè)置”下找到它。

在Google Analytics中激活搜索跟蹤

要打開(kāi)現(xiàn)場(chǎng)搜索跟蹤,請(qǐng)將開(kāi)關(guān)切換到“ON”。這將顯示一個(gè)名為“查詢參數(shù)”的新字段。這是您的 URL(和數(shù)據(jù)庫(kù))中定義搜索查詢和結(jié)果的元素。

Google Analytics的搜索參數(shù)

在這種情況下,字母“s”定義了網(wǎng)站上的搜索查詢。如果您不確定自己的搜索參數(shù)是什么,請(qǐng)運(yùn)行測(cè)試搜索并找到問(wèn)號(hào)后面的字母或單詞。

如果您的搜索允許訪問(wèn)者選擇類(lèi)別和過(guò)濾器,您也可以啟用站點(diǎn)搜索類(lèi)別。您可能需要在此處指明多個(gè)參數(shù)。

在Google Analytics中完成搜索設(shè)置后,您將能夠在“行為”>“站點(diǎn)搜索”下找到您的所有數(shù)據(jù)。

Google Analytics中的站點(diǎn)搜索數(shù)據(jù)

就像谷歌分析的其他部分一樣,這些數(shù)據(jù)為您提供了大量的機(jī)會(huì)來(lái)弄清楚:

    • 首先是什么吸引了訪問(wèn)者訪問(wèn)您的網(wǎng)站。
    • 查詢了哪些搜索詞,但您的網(wǎng)站未能提供答案或解決方案。
    • 搜索最多的內(nèi)容或產(chǎn)品。
    • 哪些搜索查詢帶來(lái)最多的轉(zhuǎn)化。
    • 更多的搜索查詢發(fā)生在哪些頁(yè)面上。

密切關(guān)注訪問(wèn)者使用搜索進(jìn)行的操作,您可以更有效地為他們塑造其余的現(xiàn)場(chǎng)體驗(yàn)。

小結(jié)

WordPress搜索可能看起來(lái)很簡(jiǎn)單——如果您只需要一個(gè)基本的搜索功能來(lái)幫助訪問(wèn)者瀏覽十幾個(gè)頁(yè)面。

您可以向網(wǎng)站上的多個(gè)區(qū)域添加簡(jiǎn)單的WordPress搜索功能,例如頁(yè)眉、菜單、側(cè)邊欄、頁(yè)腳,甚至與您的內(nèi)容一致。您也可以通過(guò)多種方式添加這些搜索元素:

  • 您的主題設(shè)置
  • 一個(gè)WordPress小工具
  • 頁(yè)面構(gòu)建器插件
  • 一個(gè)預(yù)制的主題模板
  • 代碼

不要忘記:您的網(wǎng)站越大,導(dǎo)航變得越復(fù)雜,您就越需要一個(gè)解決方案來(lái)增強(qiáng)WordPress搜索功能,以便為訪問(wèn)者提供更好的用戶體驗(yàn)。大多數(shù)時(shí)候,更好的用戶體驗(yàn)會(huì)為您帶來(lái)更多的轉(zhuǎn)化。此外,您還可以使用SearchWP改進(jìn)WordPress搜索。

更多關(guān)于WordPress搜索的技巧和教程:

  • 如何將搜索欄添加到WordPress菜單
  • 如何為WordPress自定義文章類(lèi)型創(chuàng)建高級(jí)搜索表單
  • 如何創(chuàng)建自定義WordPress搜索表單
  • 如何在WordPress中實(shí)現(xiàn)按類(lèi)別搜索
  • 如何將Ajax實(shí)時(shí)搜索添加到您的WordPress
  • 如何實(shí)現(xiàn)WooCommerce產(chǎn)品智能搜索

網(wǎng)頁(yè)標(biāo)題:如何提升WordPress站內(nèi)搜索速度及結(jié)果準(zhǔn)確率
瀏覽路徑:http://www.dlmjj.cn/article/dpegdsi.html