網(wǎng)站導(dǎo)航，如果做對(duì)了，對(duì)你的用戶(hù)和你的 制作 性能很好。優(yōu)秀的網(wǎng)站導(dǎo)航讓你的訪(fǎng)問(wèn)者很容易找到他們想要的東西和搜索引擎爬行。結(jié)果是：更多的轉(zhuǎn)換和更大的搜索可見(jiàn)性。

但是你是怎么做到的呢？通過(guò)使用這些網(wǎng)站導(dǎo)航的好實(shí)踐。

一、什么是網(wǎng)站導(dǎo)航？

網(wǎng)站導(dǎo)航（或稱(chēng)，內(nèi)部鏈接體系結(jié)構(gòu)）是連接你的網(wǎng)頁(yè)的鏈接。網(wǎng)站導(dǎo)航的主要目的是幫助用戶(hù)在你的網(wǎng)站上輕松找到東西。

搜索引擎使用你的網(wǎng)站導(dǎo)航來(lái)發(fā)現(xiàn)和索引新的頁(yè)面。鏈接幫助搜索引擎理解目標(biāo)頁(yè)面的內(nèi)容和上下文，以及頁(yè)面之間的關(guān)系。

“用戶(hù)至上”。這是網(wǎng)站導(dǎo)航的基本目標(biāo)，你必須永遠(yuǎn)記住。

首先滿(mǎn)足用戶(hù)。使導(dǎo)航容易。然后，制作搜索引擎而不損害用戶(hù)體驗(yàn)。

這篇文章的其余部分將會(huì)對(duì)網(wǎng)站導(dǎo)航的好實(shí)踐保持更廣泛的關(guān)注，列出各種可能導(dǎo)致網(wǎng)站訪(fǎng)問(wèn)者和搜索引擎問(wèn)題的內(nèi)部鏈接情況。這個(gè)話(huà)題對(duì)于在大型網(wǎng)站上工作的人來(lái)說(shuō)尤其重要。

二、網(wǎng)站導(dǎo)航和內(nèi)容層次結(jié)構(gòu)

當(dāng)在一本書(shū)中搜索特定的頁(yè)面時(shí)，你可以簡(jiǎn)單地閱讀目錄或索引。當(dāng)你在雜貨店里逛的時(shí)候，貨架上的貨架上一般都貼著的分類(lèi)標(biāo)簽。兩者都提供了一種有效的方式來(lái)瀏覽大量?jī)?nèi)容。

內(nèi)容層次結(jié)構(gòu)的存在是為了簡(jiǎn)化查找內(nèi)容的過(guò)程。當(dāng)大量的內(nèi)容存在時(shí)，它可以被分解成幾個(gè)大類(lèi)。

在這些寬泛的類(lèi)別中，你可以創(chuàng)建更細(xì)化的分類(lèi)，這構(gòu)建了不同層次的層次，用戶(hù)可以輕松導(dǎo)航。利用內(nèi)容層次結(jié)構(gòu)以一種對(duì)用戶(hù)和搜索引擎有意義的方式組織網(wǎng)站頁(yè)面。

1.　內(nèi)容層次結(jié)構(gòu)和網(wǎng)站導(dǎo)航的重要性

內(nèi)容的分類(lèi)和次類(lèi)劃分幫助頁(yè)面在一般的標(biāo)題和特定的長(zhǎng)尾術(shù)語(yǔ)中提高排名。

2.　由內(nèi)容層次結(jié)構(gòu)引起的問(wèn)題

內(nèi)容分類(lèi)和構(gòu)建層次結(jié)構(gòu)創(chuàng)建內(nèi)容豎井，就像緊密相關(guān)主題的集群。百度將以不同的速度抓取不同的頁(yè)面，從不同的站點(diǎn)索引質(zhì)量鏈接。

一些內(nèi)容豎井比其他的更受歡迎。這些頁(yè)面可能會(huì)比其他頁(yè)面獲得更多的外部鏈接和流量，因此，在有機(jī)搜索中獲得更重要的位置。

當(dāng)內(nèi)容太過(guò)豎向并且不能獲得鏈接和流量時(shí)，它可能也不能執(zhí)行 —— 即使你的其他內(nèi)容豎井執(zhí)行得非常好。內(nèi)容層次結(jié)構(gòu)可以隔離可能位于站點(diǎn)內(nèi)部太深的某些流行頁(yè)面集群。

這就是水平鏈接發(fā)揮作用的地方。

盡管鏈接相關(guān)性在排名上有所幫助，但內(nèi)容豎向之間缺乏交叉鏈接可能會(huì)對(duì)你的整體排名不利?？偸怯蟹椒梢詣?chuàng)建水平鏈接類(lèi)別的關(guān)系。所有頁(yè)面都屬于同一網(wǎng)站的事實(shí)已經(jīng)表明，這些頁(yè)面并非完全無(wú)關(guān)。

操作項(xiàng)：內(nèi)容類(lèi)別之間的鏈接

• 對(duì)內(nèi)容進(jìn)行分類(lèi)，以形成對(duì)用戶(hù)有意義的類(lèi)別層次結(jié)構(gòu)，并正確地鏈接這些頁(yè)面，在層次結(jié)構(gòu)中上下移動(dòng)。這些是大多數(shù)鏈接。

• 在不同類(lèi)別的頁(yè)面之間創(chuàng)建交叉鏈接，但仍然有相似之處。

  三、產(chǎn)品與內(nèi)容營(yíng)銷(xiāo)頁(yè)面之間的鏈接

  銷(xiāo)售超過(guò)一種產(chǎn)品或服務(wù)的公司將會(huì)對(duì)頁(yè)面進(jìn)行分類(lèi)，創(chuàng)建內(nèi)容豎井，并相互鏈接。

  然而，許多 制作 團(tuán)隊(duì)和內(nèi)容團(tuán)隊(duì)也創(chuàng)建了一些具有吸引力和可分享性的資產(chǎn)。通常情況下，這是以博客的形式出現(xiàn)的，文章中包含了指向特定產(chǎn)品和服務(wù)的鏈接。

  博客文章可以很有用，因?yàn)樗鼈兛梢砸龑?dǎo)更多的流量到產(chǎn)品頁(yè)面。然而，許多網(wǎng)站無(wú)法將產(chǎn)品頁(yè)面鏈接到博客頁(yè)面。使用這種水平鏈接可以幫助用戶(hù)了解你的產(chǎn)品或服務(wù)，并提高你的 制作 性能。

  操作項(xiàng)：產(chǎn)品和內(nèi)容頁(yè)之間的鏈接

  • 產(chǎn)品頁(yè)面也應(yīng)該鏈接到相關(guān)的內(nèi)容營(yíng)銷(xiāo)頁(yè)面。這可能包括博客文章、faq 和產(chǎn)品手冊(cè)。

  四、網(wǎng)站導(dǎo)航使用 javascript 效果

  有時(shí)，鏈接和 web 頁(yè)面是用 javascript 編寫(xiě)的。這是一個(gè)問(wèn)題，因?yàn)樗阉饕婧茈y找到在 javascript 中創(chuàng)建的內(nèi)部鏈接。

  盡管近年來(lái)百度在閱讀 javascript 方面有所改進(jìn)，但 制作 專(zhuān)家得出的結(jié)論是，結(jié)果是不一致的。其他搜索引擎在閱讀 javascript 時(shí)仍然沒(méi)有能力。這意味著當(dāng)搜索引擎抓取你的內(nèi)容時(shí)，你的內(nèi)部鏈接可能會(huì)完全丟失。

  對(duì)于使用 javascript 是否實(shí)用，制作 專(zhuān)家存在分歧。一方面，一些  制作 專(zhuān)家完全避免使用 javascript。另一方面，web 設(shè)計(jì)人員和可用性專(zhuān)家聲稱(chēng) javascript 對(duì)用戶(hù)體驗(yàn)至關(guān)重要。我相信有一個(gè)這之間有一個(gè)平衡的地方，javascript 可以被使用，同時(shí)避免任何 制作 問(wèn)題。

  1.　顯示和隱藏頁(yè)面內(nèi)容的鏈接

  javascript 可以用來(lái)在頁(yè)面上顯示和隱藏某些內(nèi)容，而不需要更改頁(yè)面。當(dāng)發(fā)生這種情況時(shí)，所有的內(nèi)容都預(yù)先加載到頁(yè)面中。

  在這種情況下，搜索引擎仍然能夠抓取所有的內(nèi)容，即使其中一些內(nèi)容是隱藏的。只有當(dāng)隱藏的內(nèi)容量很小的時(shí)候才會(huì)成功。當(dāng)整個(gè)頁(yè)面更改時(shí)，它可能會(huì)出現(xiàn)問(wèn)題，但是 url 保持不變。

  問(wèn)題出現(xiàn)的原因是，當(dāng)你在一個(gè) url 中隱藏太多內(nèi)容時(shí)，它會(huì)稀釋頁(yè)面內(nèi)容的焦點(diǎn)。一個(gè)完全不同的主題應(yīng)該有自己的頁(yè)面。

  操作項(xiàng)：顯示和隱藏內(nèi)容的鏈接

  • 對(duì)于少量?jī)?nèi)容，刪除錨標(biāo)記并使用 javascript onclick 事件處理程序替換。

  • 使用 css 來(lái)控制光標(biāo)和從箭頭到指針的變化。

  • 對(duì)于大量?jī)?nèi)容，包括單頁(yè)視差滾動(dòng)網(wǎng)站，并非所有內(nèi)容都應(yīng)該預(yù)先加載。

  • 只與 url 直接相關(guān)的預(yù)加載內(nèi)容。

  • 對(duì)于所有的錨標(biāo)記，應(yīng)該有一個(gè) href 值和一個(gè) onclick 設(shè)置。

  • 這個(gè) href 值指向一個(gè)新的 url，該 url 只預(yù)加載與這個(gè)新 url 相關(guān)的內(nèi)容。

  • onclick 函數(shù)將阻止新的 url 加載，但是將允許目標(biāo) url 的內(nèi)容加載。

  • 使用 pushstate 函數(shù)更新 url，即使該頁(yè)面沒(méi)有加載。

  在 2016 年的 制作clarity 做的演示中，更深入地介紹了如何在網(wǎng)站上具體實(shí)現(xiàn)這一點(diǎn)。它特別提到了 angularjs，一個(gè)流行的 javascript 框架，以及它的 制作 問(wèn)題和解決方案。然而，這里的經(jīng)驗(yàn)也適用于幾乎任何 javascript 框架。

  五、在 url 中使用跟蹤參數(shù)

  可用性專(zhuān)家和轉(zhuǎn)換制作專(zhuān)家以不同的方式跟蹤用戶(hù)行為。有時(shí)，這涉及在站點(diǎn)內(nèi)的 url 中使用跟蹤參數(shù)。這將導(dǎo)致重復(fù)的內(nèi)容問(wèn)題，因?yàn)殒溄拥骄哂型耆嗤瑑?nèi)容的不同 url。這可以通過(guò)多種方式解決。

  操作項(xiàng)：跟蹤 url 中的參數(shù)

  • 避免在 url 中使用跟蹤參數(shù)。相反，通過(guò)在鏈接上使用 javascript 跟蹤 onclick 事件處理程序來(lái)跟蹤它們，這些鏈接將傳遞相同的跟蹤參數(shù)。如果使用百度統(tǒng)計(jì)，這可以通過(guò)事件跟蹤完成。

  • 總是使用自引用的規(guī)范標(biāo)記是一種很好的做法，可以避免許多重復(fù)的內(nèi)容問(wèn)題。

  六、第一個(gè)鏈接優(yōu)先

  一個(gè)包含兩個(gè)或多個(gè)鏈接指向同一個(gè) url 的 web 頁(yè)面被認(rèn)為會(huì)導(dǎo)致搜索引擎爬行的問(wèn)題，只有第一個(gè)鏈接被考慮，而重復(fù)鏈接被忽略。

  1.　從第一個(gè)鏈接優(yōu)先級(jí)產(chǎn)生的 制作 問(wèn)題

  在主要內(nèi)容之前，top-bar 導(dǎo)航和左側(cè)側(cè)邊欄常常首先出現(xiàn)在源代碼中。此外，這些菜單中的導(dǎo)航元素通常都有短的錨文本。他們傾向于少關(guān)注關(guān)鍵詞，多關(guān)注設(shè)計(jì)。

  頁(yè)面的主要內(nèi)容之間的鏈接傾向于更多地關(guān)注關(guān)鍵詞，包含支持關(guān)鍵詞的周?chē)鷥?nèi)容。它們的長(zhǎng)度也更靈活，有更長(zhǎng)的、更具體的錨文本。這段較長(zhǎng)的文本增加了頁(yè)面可能排列的關(guān)鍵詞的種類(lèi)。然而，由于第一個(gè)鏈接優(yōu)先級(jí)問(wèn)題，這些鏈接常常被搜索引擎忽略。

  操作項(xiàng)：第一個(gè)鏈接優(yōu)先級(jí)問(wèn)題

  考慮代碼的順序。在側(cè)邊欄和頂部欄導(dǎo)航之前對(duì)主要內(nèi)容進(jìn)行優(yōu)先排序。css 可以用來(lái)控制浮動(dòng)方向，從左到右或右到左，以使側(cè)邊欄的導(dǎo)航負(fù)載在主內(nèi)容之后。頂部的條形導(dǎo)航可以用絕對(duì)定位來(lái)控制。

  七、處理大型網(wǎng)站導(dǎo)航

  對(duì)于大型網(wǎng)站（那些擁有成千上萬(wàn)頁(yè)的網(wǎng)站）來(lái)說(shuō)，網(wǎng)站導(dǎo)航是一個(gè)巨大的挑戰(zhàn)。分類(lèi)菜單中的自然站點(diǎn)導(dǎo)航通常鏈接到站點(diǎn)的所有頁(yè)面，而 xml 站點(diǎn)地圖可以幫助索引所有頁(yè)面。但是，內(nèi)容豎井之間缺乏交叉鏈接會(huì)創(chuàng)建頁(yè)面之間的距離。

  在大型站點(diǎn)上，很難識(shí)別產(chǎn)品頁(yè)面和相應(yīng)產(chǎn)品營(yíng)銷(xiāo)頁(yè)面之間的所有可能鏈接。一些大型網(wǎng)站可能沒(méi)有從其他頁(yè)面獲得他們需要的鏈接。此外，其他問(wèn)題如第一個(gè)鏈接優(yōu)先級(jí)和 javascript 問(wèn)題可能難以在數(shù)百萬(wàn)頁(yè)中發(fā)現(xiàn)。

  以下是應(yīng)對(duì)這些挑戰(zhàn)的 3 個(gè)方法：

  1.　委托給不同的部門(mén)

  大公司擁有比例大的網(wǎng)站，擁有多個(gè)不同部門(mén)的員工。許多部門(mén)可能對(duì)應(yīng)負(fù)責(zé)網(wǎng)站的不同部分。

  確保每個(gè)參與維護(hù)不同網(wǎng)站的人都遵守相同的 制作 原則和實(shí)踐。然后，在整個(gè)網(wǎng)站的制作導(dǎo)航中分配勞動(dòng)力。

  2.　使用工具或創(chuàng)建工具

  自動(dòng)化總是使手動(dòng)過(guò)程更具可伸縮性。除非你有自己的專(zhuān)用工具，否則可能沒(méi)有一個(gè)工具可以識(shí)別和修復(fù)上面提到的所有問(wèn)題。

  像 xenu，screaming frog，deepcrawl，或者 botify 這樣的爬行工具可以分析你現(xiàn)有的鏈接，確定問(wèn)題，并提供網(wǎng)站架構(gòu)的描述。如果你希望可視化站點(diǎn)體系結(jié)構(gòu)，像 dynomapper 和 powermapper 這樣的工具可以幫助實(shí)現(xiàn)這一點(diǎn)。

  鏈接研究工具，如 moz 的 open site explorer、ahrefs、majestic、sistrix、lrt 和 cognitive制作 可以分析哪些頁(yè)面從外部獲得最多的鏈接，然后從這些頁(yè)面中添加交叉鏈接，從而獲得更重要的站點(diǎn)頁(yè)面。我們使用的專(zhuān)有工具自動(dòng)處理頁(yè)面的爬行過(guò)程，并確定哪些頁(yè)面鏈接到另一個(gè)頁(yè)面。

  3.　使用分階段的方法

  大型網(wǎng)站并不總是有大的團(tuán)隊(duì)來(lái)分配制作頁(yè)面的工作。如果缺少資源，你可以創(chuàng)建自己的工具來(lái)簡(jiǎn)化這個(gè)過(guò)程。

  如果這些工具沒(méi)有提供你所需的幫助，那么可以考慮采用分階段的方法。這需要在一段時(shí)間內(nèi)進(jìn)行制作調(diào)度。這是一個(gè)循序漸進(jìn)的過(guò)程，可能需要更長(zhǎng)的時(shí)間，但是依靠像有機(jī)搜索流量這樣的指標(biāo)將會(huì)幫助你決定首先制作什么。

  八、7 個(gè)關(guān)鍵點(diǎn)總結(jié)

  • 用戶(hù)第一：你的網(wǎng)站導(dǎo)航應(yīng)該首先滿(mǎn)足用戶(hù)。然后，制作你的導(dǎo)航 制作 性能。永遠(yuǎn)不要損害用戶(hù)體驗(yàn)。

  • 內(nèi)容豎井之間的交叉連接：頁(yè)面之間的內(nèi)容相關(guān)性對(duì)排名很重要，這在一個(gè)很好的分類(lèi)、層次結(jié)構(gòu)的網(wǎng)站架構(gòu)中很自然地出現(xiàn)。但是，當(dāng)缺少內(nèi)容豎井之間的交叉鏈接時(shí)，這可能會(huì)有一些限制，因?yàn)橛行╉?yè)面太深或太遠(yuǎn)，無(wú)法從其他來(lái)源獲得大量的鏈接權(quán)重。

  • 博客對(duì)產(chǎn)品，產(chǎn)品到博客：創(chuàng)造高質(zhì)量的內(nèi)容對(duì)你的目標(biāo)讀者是有用的和相關(guān)的。如果這些博客文章有助于產(chǎn)品購(gòu)買(mǎi)決策，那么鏈接到特定產(chǎn)品頁(yè)面的博客文章。

  • 跟蹤參數(shù)：避免使用！在鏈接上使用 onclick 事件處理程序進(jìn)行跟蹤。有一個(gè)自引用的規(guī)范標(biāo)記總是安全的。

  • javascript 鏈接：避免使用 javascript 編寫(xiě)內(nèi)容和鏈接。如果沒(méi)有辦法，考慮其他辦法讓它發(fā)揮作用。

  • 第一個(gè)鏈接優(yōu)先級(jí)：理想情況下，主要內(nèi)容優(yōu)先。接下來(lái)，是側(cè)邊欄，然后是頂部欄。最后，處理頁(yè)腳。需要進(jìn)一步的測(cè)試來(lái)確定這是否仍然是一個(gè)有效的關(guān)注點(diǎn)，但是堅(jiān)持這種方法并沒(méi)有壞處。

  • 大型網(wǎng)站：成千上萬(wàn)的頁(yè)面很難做到以上所有。委派給一個(gè)團(tuán)隊(duì)，使用工具自動(dòng)完成任務(wù)，或者一次處理一個(gè)問(wèn)題。

本文題目：改進(jìn)你的網(wǎng)站導(dǎo)航？學(xué)會(huì)這7個(gè)必點(diǎn)就夠了
瀏覽路徑：http://www.rwnh.cn/news/106593.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專(zhuān)注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司；服務(wù)項(xiàng)目有網(wǎng)站導(dǎo)航等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)