国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

目錄
搜索引擎的三大支柱是什么?
搜索引擎如何確定相關(guān)性?
發(fā)現(xiàn)性在搜索中的作用是什么?
搜索引擎如何評估可信度?
谷歌以外的替代搜索引擎有哪些?
搜索引擎營銷是如何運作的?
什么是亞馬遜SEO?
全球頂級搜索引擎有哪些?
如何提高我的網(wǎng)站在搜索引擎中的排名?
搜索引擎的未來是什么?
首頁 web前端 css教程 就像Google和Amazon一樣,建立對您的業(yè)務(wù)的最終搜索

就像Google和Amazon一樣,建立對您的業(yè)務(wù)的最終搜索

Feb 19, 2025 am 11:05 AM

提升網(wǎng)站搜索體驗:速度、相關(guān)性和設(shè)計缺一不可

Build the Ultimate Search for Your Business, Just Like Google and Amazon

核心要點:

  • 優(yōu)秀的網(wǎng)站搜索體驗至關(guān)重要,無需龐大的搜索工程師團隊即可實現(xiàn)。未來搜索的重點在于用戶體驗,這取決于UX設(shè)計師和前端工程師。
  • 優(yōu)秀的搜索體驗的三大支柱是:速度、相關(guān)性和設(shè)計。速度是指在毫秒內(nèi)提供搜索結(jié)果;相關(guān)性是指將查詢與記錄的可搜索詞和業(yè)務(wù)指標(biāo)相匹配;設(shè)計是指創(chuàng)建用戶友好的搜索欄和結(jié)果頁面。
  • 托管式搜索引擎Algolia使任何工程師都能構(gòu)建出色的搜索體驗。它在全球范圍內(nèi)提供速度極快的搜索結(jié)果(低于35毫秒),使用優(yōu)化的算法確保結(jié)果相關(guān)性,并提供分析儀表板,用于微調(diào)和迭代搜索體驗。
  • 無論您如何構(gòu)建搜索體驗,標(biāo)準(zhǔn)都一樣。用戶期望搜索體驗?zāi)軌蛘9ぷ鳎瑹o論是在Google、亞馬遜還是任何其他網(wǎng)站上。

Build the Ultimate Search for Your Business, Just Like Google and Amazon

(本文由Algolia贊助。感謝支持我們的贊助商,他們使SitePoint成為可能。)

許多公司在考慮搜索時,首先想到的是谷歌。他們大力投資SEO和SEM來吸引流量,與此同時,他們自己的網(wǎng)站搜索體驗卻常常被忽視。Shopify和WordPress等平臺上的默認(rèn)搜索選項與谷歌和亞馬遜相比相形見絀。問題是,當(dāng)大多數(shù)人想到改進自己的網(wǎng)站搜索時,他們會想到雇傭一支搜索工程師團隊來創(chuàng)建超個性化、機器學(xué)習(xí)、預(yù)測性的搜索體驗——要么現(xiàn)在大力投資,要么堅持使用默認(rèn)搜索,對嗎?錯。如果您網(wǎng)站內(nèi)部的客戶體驗不佳,那么投資吸引流量到您的網(wǎng)站就是一個壞主意——如果您認(rèn)為“我的搜索流量只占我網(wǎng)站的一小部分,所以我為什么還要擔(dān)心它呢?”,那么您的網(wǎng)站搜索可能需要改進。記?。?016年,93%的互聯(lián)網(wǎng)體驗始于搜索。您能犯的最大錯誤不是認(rèn)為“搜索對我的客戶的數(shù)字體驗并不重要”,而是認(rèn)為需要一個搜索工程師團隊才能獲得良好的搜索體驗。如果您從本文中只記住一件事情,那就記住這一點:在2017年,搜索不再只是后端的事情,而是體驗。出色的搜索體驗的未來掌握在UX設(shè)計師和前端工程師手中。自2012年以來,Algolia一直致力于讓任何工程師都能在我們托管的搜索引擎之上構(gòu)建出色的搜索體驗,為全球數(shù)千個網(wǎng)站和產(chǎn)品提供支持。在此期間,我們教育了我們的客戶關(guān)于獲得出色搜索體驗的必要條件——出色的搜索不僅僅是花哨的算法或超個性化。搜索是一個非常直觀的流程。用戶不會逐個功能地分析搜索體驗——事實上,您產(chǎn)品的大多數(shù)用戶可能會說搜索欄本身就是功能,而不是構(gòu)成該搜索欄的各個組件——這意味著您的用戶在第一次嘗試后就能直觀地知道您的搜索是出色還是一般。一般搜索和出色搜索的區(qū)別在于搜索的三個支柱——速度、相關(guān)性和設(shè)計。

Build the Ultimate Search for Your Business, Just Like Google and Amazon

毫秒很重要

Algolia在全球范圍內(nèi)提供99%的搜索結(jié)果速度低于35毫秒——問問我們的客戶就知道了?;卮稹岸嗫觳潘阕銐蚩欤俊边@個問題需要一些“如何”和一些“為什么”,但讓我們從后者開始:為什么毫秒很重要:

  • 100毫秒的延遲會使亞馬遜損失1%的銷售額
  • 500毫秒的延遲會使谷歌損失10%的流量
  • 10秒鐘:數(shù)字消費者的注意力持續(xù)時間

這是一場與時間的賽跑,你需要讓你的觀眾保持參與度。在用戶體驗的任何步驟中,如果他們感覺到停滯,特別是搜索,他們已經(jīng)下意識地將您的搜索體驗與谷歌和亞馬遜進行了比較,他們就會流失。您要么像用戶預(yù)期的那樣快,他們甚至不會注意到;要么您更慢,他們就會注意到。在談話中,如果有人很快地回答你的問題,談話就會流暢地繼續(xù)下去;如果有人茫然地盯著你,讓你問自己“這要花多長時間?”,談話就會中斷,談話主題也會從你感興趣的內(nèi)容變成“這為什么需要這么長時間?”

“如何”更側(cè)重于操作層面。當(dāng)搜索查詢返回結(jié)果的速度時,有三件事很重要:

  1. 查詢必須傳播的距離
  2. 必須查詢以確定相關(guān)性的記錄的大小
  3. 用于確定相關(guān)性的算法的復(fù)雜性

對于內(nèi)部解決方案,查詢到用戶的距離取決于您在哪里保存托管網(wǎng)站服務(wù)器。在全球各地部署服務(wù)器來優(yōu)化網(wǎng)站加載速度是沒有意義的,因此您需要在主要市場復(fù)制您的搜索解決方案以優(yōu)化搜索速度。眨眼大約是180毫秒創(chuàng)建即時搜索——一種在鍵入后立即顯示結(jié)果的即時搜索體驗——需要比眨眼更快的速度提供結(jié)果。您的目標(biāo)應(yīng)該是99%的查詢在35毫秒內(nèi)顯示。對于像Algolia這樣的托管解決方案,您需要確保您擁有分布式搜索網(wǎng)絡(luò)(DSN)——您的搜索欄的CDN——這允許您根據(jù)用戶的來源,在全球各個角落最多50臺服務(wù)器上復(fù)制您的搜索索引。

保持記錄精簡

記錄越小,通過引擎的速度就越快。對于像Algolia這樣的搜索引擎來說,搜索100萬個單段文本塊比搜索1萬個100段文本塊要快——它還可以提高相關(guān)性,指出查詢在給定文本中的匹配位置。保持精簡的搜索機器意味著擁有精簡的搜索算法。Algolia使用了一種打破平局的算法——一系列簡單的嵌套函數(shù),只有當(dāng)前面函數(shù)的排名輸出出現(xiàn)平局時,才會依次觸發(fā)。這意味著,如果您的第一個函數(shù)(例如,對于GeoSearch,距離用戶)為每個結(jié)果返回唯一排名且沒有平局,則該函數(shù)會在那里停止,快速且不會影響相關(guān)性。Elastic Search和Solr等搜索引擎框架使用浮點評分算法,由開發(fā)人員自己編寫。這些算法一開始可能很簡單,但是隨著每次迭代和改進——這里有一點拼寫容錯,那里有一點同義詞處理——算法會變得越來越龐大、越來越慢,而不會一定更相關(guān)。

相關(guān)性

相關(guān)性意味著找到您正在尋找的內(nèi)容。相關(guān)性包括兩方面:

  • 文本相關(guān)性:查詢與記錄的可搜索詞的匹配程度
  • 業(yè)務(wù)相關(guān)性(即您的業(yè)務(wù)指標(biāo)):銷售/瀏覽量/點贊數(shù)、特色對象、價格、日期……

并非所有搜索引擎都是相同的,同樣,每個搜索體驗都會有其獨特的文本和業(yè)務(wù)相關(guān)性平衡。最重要的是,您使用的搜索框架能夠處理這兩種不同類型的數(shù)據(jù)點。除了按對用戶最重要的業(yè)務(wù)/虛榮指標(biāo)排序外,您還需要確保處理一些更語義的挑戰(zhàn):

  • 拼寫容錯:不要讓自動更正破壞完美的搜索體驗。
  • 同義詞:搜索“jumper”的英國用戶應(yīng)該能夠找到您精彩的“sweaters”系列。
  • 長查詢:搜索“faded blue jeans”的用戶不應(yīng)該因為您只擁有“faded jeans”而找不到結(jié)果。

相關(guān)性對于每個搜索體驗都是獨一無二的,了解您的用戶正在搜索什么、找到什么和找不到什么,比對您的排名算法進行任何調(diào)整或修改更有價值。Algolia為所有用戶提供分析儀表板,除了提供關(guān)鍵數(shù)據(jù)外,它還可以幫助您找到?jīng)]有或很少結(jié)果的查詢——這通常是用戶最沮喪的地方,也是決定在網(wǎng)站的哪個位置集中精力時的最佳起點。此外,由于Algolia使用的是打破平局的算法,而不是浮點評分,因此可以直接在儀表板中微調(diào)和迭代相關(guān)性,而無需在每次小改動時都接觸代碼。

設(shè)計

Build the Ultimate Search for Your Business, Just Like Google and Amazon

搜索欄的UI/UX可能是最重要的支柱,但這往往是最被忽視的——主要是因為搜索通常側(cè)重于排名優(yōu)化和速度,而不是體驗。但是,如果用戶每次都必須按“Enter”鍵才能獲得搜索結(jié)果,那么閃電般的速度和相關(guān)的搜索有什么用呢?以下是一些我們關(guān)于出色搜索體驗的最佳實踐:

  • 即時搜索結(jié)果:每次按鍵都應(yīng)該產(chǎn)生結(jié)果。當(dāng)與極快的速度相結(jié)合時,用戶會感覺搜索結(jié)果在每次按鍵時都在不斷完善。
  • 突出顯示結(jié)果:了解您獲得給定響應(yīng)的“原因”可能與獲得正確的結(jié)果本身一樣重要。頂級結(jié)果是否僅僅是因為查詢出現(xiàn)在該記錄的次要屬性中?有條件地顯示并突出顯示它,以便用戶知道為什么他們會看到給定的結(jié)果。
  • 在結(jié)果中提供上下文:如果您在排名算法中使用業(yè)務(wù)指標(biāo)(流行度、價格、可用性),請確保用戶通過在搜索結(jié)果中顯示這些指標(biāo)來看到這一點。將其視為突出顯示您的排名公式!
  • 占位符文本:在用戶開始輸入之前,在搜索欄中留下占位符文本,讓用戶知道他們可以搜索什么——例如:“George Clooney,No Country for Old Men,Drama,1920s”
  • 多類別搜索:用戶成功的方法越多,他們找到所需內(nèi)容的機會就越高。即使您只是搜索WordPress博客中的文章,允許用戶按作者、類別、標(biāo)題和標(biāo)簽進行搜索,也意味著您讓用戶按照他們想要的方式進行搜索,而不是讓他們學(xué)習(xí)您的搜索工作原理。

與大多數(shù)創(chuàng)意行業(yè)一樣,在幕后,設(shè)計是一系列非常具體的步驟。您可以使用此清單來獲得漂亮的搜索結(jié)果,并且當(dāng)您嘗試您最喜歡的搜索欄(甚至SitePoint)時,請記住這些設(shè)計元素。缺少什么?您有什么問題?設(shè)計如何回答這些問題?

結(jié)論

對于您的最終用戶來說,搜索是本能的——它要么有效,要么無效。對于您來說,如果您知道要尋找什么,搜索可以很容易。您不必成為搜索專家就能獲得出色的搜索體驗。在Algolia,我們相信搜索的未來在于出色的UX/UI,這就是為什么Algolia的集成預(yù)先配置了設(shè)計最佳實踐。托管搜索平臺為您處理速度問題,并使調(diào)整相關(guān)性成為任何人都可以做到的事情,以便您可以專注于構(gòu)建出色的應(yīng)用程序體驗。無論您如何構(gòu)建搜索,標(biāo)準(zhǔn)都一樣。定義出色搜索的支柱——速度、相關(guān)性和設(shè)計——并非由Algolia、谷歌或任何其他參與者決定。它們是由用戶決定的,他們期望搜索體驗?zāi)軌蛘9ぷ?,無論您是谷歌、亞馬遜還是任何其他應(yīng)用程序。

關(guān)于搜索引擎的常見問題解答 (FAQ)

搜索引擎的三大支柱是什么?

搜索引擎的三大支柱是相關(guān)性、發(fā)現(xiàn)性和可信度。相關(guān)性是指網(wǎng)頁內(nèi)容與搜索者查詢的匹配程度。發(fā)現(xiàn)性是指搜索引擎如何查找和索引網(wǎng)頁。另一方面,可信度是指網(wǎng)頁的可信度和權(quán)威性。這三大支柱共同決定了網(wǎng)頁在搜索引擎結(jié)果中的排名。

搜索引擎如何確定相關(guān)性?

搜索引擎通過分析網(wǎng)頁內(nèi)容來確定相關(guān)性。他們會查看諸如關(guān)鍵詞的使用、關(guān)鍵詞的使用上下文以及內(nèi)容的整體質(zhì)量等因素。網(wǎng)頁內(nèi)容與搜索者查詢越相關(guān),它在搜索引擎結(jié)果中的排名就越高。

發(fā)現(xiàn)性在搜索中的作用是什么?

發(fā)現(xiàn)性是搜索引擎查找和索引網(wǎng)頁的過程。這是通過稱為抓取的過程完成的,在抓取過程中,搜索引擎會發(fā)送機器人來瀏覽網(wǎng)絡(luò)并查找新的或更新的內(nèi)容。一旦發(fā)現(xiàn)網(wǎng)頁,就可以對其進行索引并使其在搜索引擎結(jié)果中可用。

搜索引擎如何評估可信度?

搜索引擎通過查看諸如網(wǎng)頁的權(quán)威性、內(nèi)容的質(zhì)量以及指向它的鏈接的數(shù)量和質(zhì)量等因素來評估可信度??尚哦雀叩木W(wǎng)頁被視為可信和權(quán)威的,并且更有可能在搜索引擎結(jié)果中排名靠前。

谷歌以外的替代搜索引擎有哪些?

雖然谷歌是最流行的搜索引擎,但還有幾種替代方案提供不同的功能和優(yōu)勢。這些包括必應(yīng)、雅虎、DuckDuckGo和百度。每個搜索引擎都有自己的算法和排名因素,并且對于相同的搜索查詢可能會提供不同的結(jié)果。

搜索引擎營銷是如何運作的?

搜索引擎營銷是一種策略,它通過提高網(wǎng)站在搜索引擎結(jié)果中的可見性來推廣網(wǎng)站。這可以通過付費廣告、搜索引擎優(yōu)化或兩者的結(jié)合來實現(xiàn)。目標(biāo)是吸引更多流量到網(wǎng)站,這可以導(dǎo)致銷售額和收入的增加。

什么是亞馬遜SEO?

亞馬遜SEO是在亞馬遜上優(yōu)化產(chǎn)品列表以在亞馬遜的搜索結(jié)果中排名更高的過程。這包括使用相關(guān)的關(guān)鍵詞、提供詳細的產(chǎn)品描述以及獲得積極的客戶評價。經(jīng)過良好優(yōu)化的產(chǎn)品列表可以提高可見性、點擊率和銷售額。

全球頂級搜索引擎有哪些?

全球頂級搜索引擎包括谷歌、必應(yīng)、雅虎、百度和Yandex。谷歌是最廣泛使用的,但其他搜索引擎也擁有大量的用戶群。每個搜索引擎都有其獨特的特性和優(yōu)勢,最適合您的搜索引擎取決于您的具體需求和偏好。

如何提高我的網(wǎng)站在搜索引擎中的排名?

提高您網(wǎng)站在搜索引擎中的排名包括針對相關(guān)性、發(fā)現(xiàn)性和可信度優(yōu)化您的網(wǎng)站。這包括使用相關(guān)的關(guān)鍵詞、創(chuàng)建高質(zhì)量的內(nèi)容、獲得高質(zhì)量的反向鏈接以及確保您的網(wǎng)站易于被搜索引擎發(fā)現(xiàn)。

搜索引擎的未來是什么?

搜索引擎的未來可能包括更多個性化、與其他服務(wù)的更多集成以及更多人工智能的使用。搜索引擎不斷發(fā)展,以提供更好、更相關(guān)的結(jié)果,并跟上技術(shù)和用戶行為的變化。

以上是就像Google和Amazon一樣,建立對您的業(yè)務(wù)的最終搜索的詳細內(nèi)容。更多信息請關(guān)注PHP中文網(wǎng)其他相關(guān)文章!

本站聲明
本文內(nèi)容由網(wǎng)友自發(fā)貢獻,版權(quán)歸原作者所有,本站不承擔(dān)相應(yīng)法律責(zé)任。如您發(fā)現(xiàn)有涉嫌抄襲侵權(quán)的內(nèi)容,請聯(lián)系admin@php.cn

熱AI工具

Undress AI Tool

Undress AI Tool

免費脫衣服圖片

Undresser.AI Undress

Undresser.AI Undress

人工智能驅(qū)動的應(yīng)用程序,用于創(chuàng)建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用于從照片中去除衣服的在線人工智能工具。

Clothoff.io

Clothoff.io

AI脫衣機

Video Face Swap

Video Face Swap

使用我們完全免費的人工智能換臉工具輕松在任何視頻中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的代碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

功能強大的PHP集成開發(fā)環(huán)境

Dreamweaver CS6

Dreamweaver CS6

視覺化網(wǎng)頁開發(fā)工具

SublimeText3 Mac版

SublimeText3 Mac版

神級代碼編輯軟件(SublimeText3)

什么是'渲染障礙CSS”? 什么是'渲染障礙CSS”? Jun 24, 2025 am 12:42 AM

CSS會阻塞頁面渲染是因為瀏覽器默認(rèn)將內(nèi)聯(lián)和外部CSS視為關(guān)鍵資源,尤其是使用引入的樣式表、頭部大量內(nèi)聯(lián)CSS以及未優(yōu)化的媒體查詢樣式。1.提取關(guān)鍵CSS并內(nèi)嵌至HTML;2.延遲加載非關(guān)鍵CSS通過JavaScript;3.使用media屬性優(yōu)化加載如打印樣式;4.壓縮合并CSS減少請求。建議使用工具提取關(guān)鍵CSS,結(jié)合rel="preload"異步加載,合理使用media延遲加載,避免過度拆分與復(fù)雜腳本控制。

外部與內(nèi)部CSS:最好的方法是什么? 外部與內(nèi)部CSS:最好的方法是什么? Jun 20, 2025 am 12:45 AM

thebestapphachforcssdepprodsontheproject'sspefificneeds.forlargerprojects,externalcsSissBetterDuoSmaintoMaintainability andReusability; forsMallerProjectsorsingle-pageApplications,InternaltCsmightBemoresobleable.InternalCsmightBemorese.it.it'sclucialtobalancepopryseceneceenceprodrenceprodrenceNeed

我的CSS必須在較低的情況下嗎? 我的CSS必須在較低的情況下嗎? Jun 19, 2025 am 12:29 AM

否,CSSDOESNOTHAVETOBEINLOWERCASE.CHOMENDENS,使用flowercaseisrecommondendendending:1)一致性和可讀性,2)避免使用促進性技術(shù),3)潛在的Performent FormanceBenefits,以及4)RightCollaboraboraboraboraboraboraboraboraboraboraboraboraboraboraboraboraborationWithInteams。

CSS案例靈敏度:了解重要的 CSS案例靈敏度:了解重要的 Jun 20, 2025 am 12:09 AM

cssismostlycaseminemintiment,buturlsandfontfamilynamesarecase敏感。1)屬性和valueslikeColor:紅色; prenotcase-sensive.2)urlsmustmustmatchtheserver'server'scase,例如

什么是AutoPrefixer,它如何工作? 什么是AutoPrefixer,它如何工作? Jul 02, 2025 am 01:15 AM

Autoprefixer是一個根據(jù)目標(biāo)瀏覽器范圍自動為CSS屬性添加廠商前綴的工具。1.它解決了手動維護前綴易出錯的問題;2.通過PostCSS插件形式工作,解析CSS、分析需加前綴的屬性、依配置生成代碼;3.使用步驟包括安裝插件、設(shè)置browserslist、在構(gòu)建流程中啟用;4.注意事項有不手動加前綴、保持配置更新、非所有屬性都加前綴、建議配合預(yù)處理器使用。

什么是CSS計數(shù)器? 什么是CSS計數(shù)器? Jun 19, 2025 am 12:34 AM

csscounterscanautomationallymentermentermentections和lists.1)usecounter-ensettoInitializize,反插入式發(fā)芽,andcounter()orcounters()

CSS:何時重要(何時不)? CSS:何時重要(何時不)? Jun 19, 2025 am 12:27 AM

在CSS中,選擇器和屬性名不區(qū)分大小寫,而值、命名顏色、URL和自定義屬性則區(qū)分大小寫。1.選擇器和屬性名不區(qū)分大小寫,例如background-color和Background-Color相同。2.值中的十六進制顏色不區(qū)分大小寫,但命名顏色區(qū)分大小寫,如red有效而Red無效。3.URL區(qū)分大小寫,可能導(dǎo)致文件加載問題。4.自定義屬性(變量)區(qū)分大小寫,使用時需注意大小寫一致。

CSS中的情況敏感性:選擇器,屬性和值所解釋的 CSS中的情況敏感性:選擇器,屬性和值所解釋的 Jun 19, 2025 am 12:38 AM

cssselectorsand and propertynamesarecase-insimentimentiment.1)selectorSlike like'div'div'div'div'and'and'and'And'Andiv'areequivalent.2)propertioessuchas'backusuchas'backusuchas'backusuchas'backusuchas'backer'back-and'background and backorgook crolor'backorground-artreateateDthesementhesame.3)

See all articles