網(wǎng)站加入搜索功能后 如何設(shè)計(jì)好自己的搜索框呢
稍微具有一定規(guī)模的網(wǎng)站,在網(wǎng)站建設(shè)上可能都會(huì)考慮加入網(wǎng)站搜索功能,前期網(wǎng)站內(nèi)容較少,網(wǎng)站搜索功能顯示不出威力,但是,隨著網(wǎng)站內(nèi)容越來(lái)越多(一個(gè)運(yùn)營(yíng)良好的網(wǎng)站,內(nèi)容不斷的增加應(yīng)該是常規(guī)性工作),那么,搜索功能的作用就日益凸顯出來(lái)。

談到搜索功能,當(dāng)然繞不開(kāi)百度、谷歌。普及大家一個(gè)知識(shí),百度搜索框大小是356*28,谷歌為448*28。打開(kāi)搜引擎,在這個(gè)搜索框中輸入關(guān)鍵詞,那么,你想要你想了解的大量信息就像哆啦A夢(mèng)的口袋一樣,全部顯現(xiàn)出來(lái),它就這么神奇,但是,在很多網(wǎng)友眼里,已經(jīng)變成顯而易見(jiàn)的事情,就好比空氣和水一樣。
搜索框究竟有什么用?一些站長(zhǎng)片面的認(rèn)為,那是搜索引擎的標(biāo)配,我做個(gè)小網(wǎng)站,幾乎是不需要的,也有的比較牛的科技則說(shuō),搜索畢竟有點(diǎn)傻,要做就來(lái)個(gè)智能語(yǔ)音,就好比微軟,揚(yáng)言要在十年后取消搜索框,全部變成人工智能。其實(shí),細(xì)心的用戶已經(jīng)發(fā)現(xiàn),百度在移動(dòng)端,早已經(jīng)實(shí)現(xiàn)了語(yǔ)音搜索,不過(guò),當(dāng)用戶進(jìn)行搜索的搜索的時(shí)候,也需要在搜索欄中找到語(yǔ)音按鈕,而且搜索結(jié)果和普通文字搜索結(jié)果展示方式并無(wú)二致。使用語(yǔ)音的網(wǎng)友也發(fā)現(xiàn),語(yǔ)音搜索并不像傳說(shuō)中那么智能,如果用戶放言較重,可能會(huì)出現(xiàn)大量的錯(cuò)誤,這顯然在用戶體驗(yàn)上還需要加強(qiáng)。
不管未來(lái)技術(shù)發(fā)展如何牛,對(duì)于大多數(shù)的網(wǎng)站來(lái)說(shuō),“活在當(dāng)下”最為重要。我們接著看搜索引擎如何對(duì)搜索框進(jìn)行優(yōu)化的,還是以百度為例,當(dāng)你在百度上輸入“網(wǎng)站”的時(shí)候,百度會(huì)智能出現(xiàn)關(guān)于“網(wǎng)站”最熱詞匯的下拉框,這可是百度精心設(shè)計(jì)的,不要小看這一功能,如果你是一個(gè)觀察細(xì)致的站長(zhǎng)就會(huì)發(fā)現(xiàn),搜索框提升的部分關(guān)鍵詞和產(chǎn)品優(yōu)化的關(guān)鍵詞是重合的。作為SEOer經(jīng)常會(huì)為關(guān)鍵詞選擇而苦惱,特別是面對(duì)大量備選關(guān)鍵詞的時(shí)候,其實(shí)百度搜索框就給了你提醒。當(dāng)然,百度在經(jīng)過(guò)一系列復(fù)雜的算法后,會(huì)將最熱的詞和你輸入的關(guān)鍵詞結(jié)合,達(dá)到與時(shí)俱進(jìn)的效果,這顯然對(duì)選擇長(zhǎng)尾關(guān)鍵詞有一定的借鑒意義。
在電商網(wǎng)站,搜索框也經(jīng)??梢?jiàn),電商網(wǎng)站以淘寶為例,更尊重用戶體驗(yàn),它們會(huì)對(duì)用戶搜索的內(nèi)容進(jìn)行分門(mén)別類(lèi),手機(jī)為例,當(dāng)你輸入手機(jī)這個(gè)關(guān)鍵詞的時(shí)候,淘寶會(huì)根據(jù)手機(jī)品牌、價(jià)格、屏幕大小、系統(tǒng)等細(xì)分讓用戶進(jìn)行選擇,以便于讓用戶在最短時(shí)間找到最合適的產(chǎn)品。
話歸正題,網(wǎng)站搜索框該如何設(shè)計(jì)呢?和專(zhuān)業(yè)的電商網(wǎng)站、搜索引擎網(wǎng)站比較,也許不必追求的那么精確,那么,普通網(wǎng)站在加入搜索這一功能的時(shí)候,還是以滿足用戶體驗(yàn)為主要前提,具體做到這幾點(diǎn)就可以了:
1、把搜索框放到顯眼的位置上
研究表明,右上角的區(qū)域是用戶搜尋輸入框的首選區(qū)域,最好在搜索框附近做一個(gè)顯著的標(biāo)示,比如放大鏡就能讓用戶很快理解和找到這個(gè)功能。
2、關(guān)鍵詞設(shè)置不要過(guò)于繁瑣
本身網(wǎng)站的行業(yè)性特別明顯,在關(guān)鍵詞的設(shè)置上,不必電商網(wǎng)站那么繁瑣,如果真要?jiǎng)澐?,把?dǎo)航的關(guān)鍵詞歸類(lèi)即可,這樣用戶可以很舒服的利用搜索框,如果過(guò)于繁瑣,會(huì)對(duì)陌生用戶造成使用障礙。
3、每頁(yè)都保留搜索框
在SEO優(yōu)化理論上,引導(dǎo)用戶主要是依靠鏈接做到的,但是,鏈接容易打亂用戶的思維,比如用戶正在看一個(gè)文章,中間出現(xiàn)一個(gè)鏈接,他們是點(diǎn)擊這個(gè)鏈接查看,還是看完這篇文章再回頭點(diǎn)擊這個(gè)鏈接呢?如果在內(nèi)頁(yè)中加入搜索框,給用戶一個(gè)新的選擇,無(wú)論他在網(wǎng)站哪個(gè)地方,都可以立刻獲取內(nèi)容,顯然這比強(qiáng)加的“內(nèi)部鏈接”要自由多了。
對(duì)于普通網(wǎng)站來(lái)說(shuō),大概這三個(gè)功能就可以了,當(dāng)然,想要給用戶更好的體驗(yàn),需要在用戶反饋中不斷完善,因?yàn)?,在互?lián)網(wǎng)鮮有那種按部就班的事情,不斷的升級(jí)改造,才是一個(gè)網(wǎng)站逐漸走向成熟的正確姿勢(shì)!
來(lái)源:http://www.shwzzz.cn
相關(guān)文章

爬蟲(chóng)是什么?淺談爬蟲(chóng)及繞過(guò)網(wǎng)站反爬取機(jī)制
簡(jiǎn)單而片面的說(shuō),爬蟲(chóng)就是由計(jì)算機(jī)自動(dòng)與服務(wù)器交互獲取數(shù)據(jù)的工具,這篇文章主要想談?wù)勁老x(chóng)獲取數(shù)據(jù)的這一部分。爬蟲(chóng)請(qǐng)注意網(wǎng)站的Robot.txt文件,不要讓爬蟲(chóng)違法,也不要2017-12-18
淺談App加載頁(yè)面的等待體驗(yàn)設(shè)計(jì)技巧
設(shè)計(jì)師可能無(wú)法減少App加載頁(yè)面的等待時(shí)間,但是可以讓等待時(shí)間變得有趣~,本文主要為大家淺淡App加載頁(yè)面的等待體驗(yàn)設(shè)計(jì)技巧,有興趣的朋友們就來(lái)了解下吧2017-12-15
交互好且轉(zhuǎn)化率高的表單設(shè)計(jì)技巧分享
表單無(wú)論實(shí)在網(wǎng)頁(yè)設(shè)置中,還是在APP、應(yīng)用程序、軟件界面中都被廣泛運(yùn)行,從而一個(gè)好的表單設(shè)計(jì)就非常重要了,本文主要為大家分享幾個(gè)交互好且轉(zhuǎn)化率高的表單設(shè)計(jì)技巧,有2017-11-20
適配iPhone X要點(diǎn):十分鐘快速掌握iPhone X UI界面適配技巧
目前,第一批預(yù)約iPhone X手機(jī)的朋友們已經(jīng)拿到真機(jī)了,目前還沒(méi)有適配iPhone X的應(yīng)用運(yùn)營(yíng)商,相信都在加班加點(diǎn)適配呢,本文為大家?guī)?lái)了適配iPhone X的要點(diǎn),讓你十分鐘快2017-11-08
如何讓網(wǎng)頁(yè)可讀性更強(qiáng)?善用F式布局設(shè)計(jì)增強(qiáng)網(wǎng)頁(yè)可讀性方法解答
雖然網(wǎng)頁(yè)排版方式千變?nèi)f化,但是布局方式通常都遵循著幾種常見(jiàn)的規(guī)則,F(xiàn)式布局式設(shè)計(jì)能夠增強(qiáng)網(wǎng)頁(yè)可讀性,這種說(shuō)法是有跡可循的,本文就為大家介紹如何運(yùn)用F式布局,有興趣2017-11-08真干貨!10個(gè)高效好用的表單設(shè)計(jì)技巧分享
在網(wǎng)頁(yè)的設(shè)計(jì)中表單都是界面中最常見(jiàn),也是最重要的組件之一,對(duì)于設(shè)計(jì)師、前端和開(kāi)發(fā)者而言,應(yīng)當(dāng)對(duì)于表單的設(shè)計(jì)盡量多上心,讓它們更加易用,細(xì)致的設(shè)計(jì)對(duì)于用戶的體驗(yàn)、2017-10-26
登錄頁(yè)面怎么設(shè)計(jì)更好?登錄頁(yè)面設(shè)計(jì)的15個(gè)心理學(xué)策略
有很多東西下意識(shí)地影響了我們的日常決策,這里面很多都是微妙的心理因素在起作用,大家都知道用戶體驗(yàn)設(shè)計(jì)跟心理學(xué)相關(guān),甚至?xí)苯佑绊懏a(chǎn)品的轉(zhuǎn)化率,那么,登錄頁(yè)面怎么2017-10-10
網(wǎng)站評(píng)論模塊怎么設(shè)計(jì) 10個(gè)關(guān)鍵點(diǎn)告訴你如何設(shè)計(jì)產(chǎn)品評(píng)論模塊
網(wǎng)站不僅內(nèi)容很重要,評(píng)論模塊同樣也很重要,那么,網(wǎng)站評(píng)論模塊怎么設(shè)計(jì)呢?對(duì)此,本文就為大家詳細(xì)介紹10個(gè)關(guān)鍵點(diǎn)告訴你如何設(shè)計(jì)產(chǎn)品評(píng)論模塊,有興趣的朋友們就來(lái)了解下2017-09-25
網(wǎng)站導(dǎo)航設(shè)計(jì)怎么才是符合搜索引擎優(yōu)化?SEO網(wǎng)站導(dǎo)航建設(shè)技巧分享
搭建網(wǎng)站的任何細(xì)節(jié)都需要考慮到是否利于SEO優(yōu)化,在網(wǎng)站導(dǎo)航設(shè)計(jì)的過(guò)程中,我們應(yīng)該怎么樣進(jìn)行操作才是符合搜索引擎優(yōu)化的呢?對(duì)此,本文就為大家進(jìn)行簡(jiǎn)單解答2017-09-21
如何設(shè)計(jì)頁(yè)腳才能讓網(wǎng)站更具有競(jìng)爭(zhēng)力
在做網(wǎng)站設(shè)計(jì)的過(guò)程當(dāng)中,很多人可能會(huì)對(duì)于頁(yè)腳這個(gè)方面產(chǎn)生忽略,但是實(shí)際上在我們平時(shí)的使用下來(lái)的整體的分析數(shù)據(jù)表明,頁(yè)腳對(duì)于一個(gè)網(wǎng)站來(lái)說(shuō)還是有非常重要的作用的,那2017-09-04










