如何改善網站導航:7個基本最佳做法

[ad_1]

如何改善網站導航:7個基本最佳做法

正確完成網站導航對您的用戶和您的SEO性能非常有用。

良好的網站導航功能使訪問者可以輕鬆找到他們想要的內容以及搜索引擎進行爬網。結果:更多的轉化和更高的搜索可見性。

但是你實際上是怎麼做的呢?通過使用這些網站導航最佳實踐。

什麼是網站導航?

網站導航(又稱內部鏈接體系結構)是網站內用於鏈接頁面的鏈接。網站導航的主要目的是幫助用戶輕鬆找到您網站上的內容。

搜索引擎使用您的網站導航來發現和索引新頁面。鏈接可幫助搜索引擎了解目標頁面的內容和上下文以及頁面之間的關係。

用戶至上。這是您必須始終記住的網站導航的基本目標。

首先讓用戶滿意。使導航變得容易。然後,在不損害用戶體驗的情況下優化搜索引擎。

如果您需要更多有關網站導航的基本信息,您會發現這些SEJ帖子很有幫助:

這篇文章的其餘部分將更廣泛地關注網站導航的最佳實踐,概述可能導致網站訪問者和搜索引擎出現問題的各種內部鏈接情況。

對於在大型網站上工作的任何人來說,本主題都將特別相關且重要。

網站導航和內容層次結構

在書籍中搜索特定頁面時,您可以簡單地瀏覽目錄或索引。

當您在雜貨店裡走來走去時,過道會標有常規部分類別,貨架上還會列出更多子類別。

兩者都提供了瀏覽大量內容的有效方法。

存在內容層次結構以簡化查找內容的過程。當存在大量內容時,可以將其分為幾大類。

在這些寬泛的類別中,您可以創建更窄的類別。這樣便建立了不同的層次結構級別,用戶可以輕鬆導航。

利用內容層次結構以對用戶和搜索引擎有意義的方式組織網站的頁面。

內部鏈接體系結構和SEO「 width =」 800「 height =」 400「 Size =」(最大寬度:800像素)100vw,800像素「 data-src =」 https://cdn.searchenginejournal.com/wp-content/uploads /2017/03/contenthierarchy2.gif

內容層次結構和網站導航的重要性

內容幫助頁面的分類和子分類在一般術語和特定長尾術語方面的排名有所提高。

分類的內容層次結構和SEO「 width =」 788「 height =」 388「 size =」(最大寬度:788px)100vw,788px「 data-src =」 https://cdn.searchenginejournal.com/wp-content/uploads /2017/03/ContentHierarchyandSEO3.gif

內容層次結構引起的問題

內容分類和構建層次結構會創建內容孤島,例如緊密相關主題的集群。 Google將按照來自不同網站的鏈接,以不同的速率抓取不同的頁面。

一些內容孤島比其他內容更受歡迎。這些頁面可能會比其他頁面獲得更多的外部鏈接和訪問量,因此,在自然搜索中將獲得更多的突出位置。

如果內容過於孤立並且無法獲得鏈接和流量,即使您的其他內容孤島表現非常出色,它也可能無法正常運行。

內容層次結構可以隔離某些流行的頁面群集,這些頁面群集可能位於站點的深處。

這是水平鏈接發揮作用的地方。

儘管鏈接相關性有助於排名,但內容孤島之間缺乏交叉鏈接可能會損害您的整體排名。

始終存在創建關係的方法,這些關係將類別彼此水平鏈接。所有頁面都屬於同一個網站這一事實已經表明,這些頁面並不是完全無關的。

內容孤島之間的交叉鏈接「 width =」 786「 height =」 414「 size =」(最大寬度:786px)100vw,786px「 data-src =」 https://cdn.searchenginejournal.com/wp-content/uploads /2017/03/crosslinks3.gif行動項目:內容類別之間的鏈接

  • 以形成對用戶有意義的類別層次結構的方式對內容進行分類,並在層次結構中向上和向下正確鏈接這些頁面。這些是大多數鏈接。
  • 在不同類別但仍具有相似性的頁面之間創建交叉鏈接。

產品和內容營銷頁面之間的鏈接

銷售不只一種產品或服務的公司將進行上述所有工作,包括對頁面進行分類,創建內容孤島以及將它們相互鏈接。

但是,許多SEO團隊和內容團隊也會創建旨在吸引和共享的資產。通常,這是以博客的形式出現的,其中的帖子包含指向特定產品和服務的鏈接。

博客文章很有用,因為它們將更多流量引向產品頁面。但是,許多站點無法將產品頁面鏈接回博客頁面。

使用這種水平鏈接可以幫助用戶了解您的產品或服務,並提高您的SEO性能。

內容營銷頁面和產品頁面之間的內部鏈接「 width =」 738「 height =」 370「 size =」(最大寬度:738px)100vw,738px「 data-src =」 https://cdn.searchenginejournal.com/wp -content / uploads / 2017/03 / blogandproducts.gif行動項目:產品和內容頁面之間的鏈接

  • 產品頁面也應鏈接回相關的內容營銷頁面。這可能包括博客文章,常見問題解答和產品手冊。

網站導航使用JavaScript效果

有時,鏈接和網頁是用JavaScript編寫的。這是一個問題,因為搜索引擎很難找到用JavaScript創建的內部鏈接。

儘管Google近年來在閱讀方面有所進步 的JavaScript,SEO專家得出的結論是不一致的。

其他閱讀引擎在閱讀JavaScript方面仍然不具備任何功能。這意味著當搜索引擎抓取您的內容時,您的內部鏈接可能會完全丟失。

SEO世界在使用JavaScript是否可行方面存在分歧。

  • 一方面,一些SEO專家完全避免使用JavaScript。
  • 另一方面,Web設計人員和可用性專家聲稱JavaScript對用戶體驗至關重要。

我認為,在避免任何SEO問題的同時可以使用JavaScript有一個中間立場。

在頁面上已經顯示和隱藏內容的鏈接

JavaScript可用於顯示和隱藏頁面上的某些內容,而無需實際更改您所在的頁面。發生這種情況時,您的所有內容都會預載入到頁面中。

在這種情況下,即使某些內容被隱藏,搜索引擎仍然能夠抓取您的所有內容。僅當隱藏的內容量很少時,此方法才成功;當整個頁面更改但URL保持不變時,可能會出現問題。

出現問題的原因是,當您在一個URL中隱藏太多內容時,它會稀釋該頁面的全部內容焦點。一個完全不同的主題應該有自己的頁面。

動作項目:顯示和隱藏內容的鏈接

  • 對於少量內容,請刪除錨標記並替換為JavaScript onclick事件處理程序。
    • 使用CSS來控制游標,並從箭頭變為手形指針。
  • 對於大量內容,包括單頁視差滾動網站,並非所有內容都應預先載入。
    • 僅預載入與URL直接相關的內容。
    • 對於所有錨標記,應該有一個href值和一個onclick設置。
      • 該href值導致一個新URL,該URL僅預載入與此新URL相關的內容。
      • onclick函數將阻止載入新URL,但將允許載入目標URL中的內容。
      • 即使未載入該頁面,也可以使用pushState函數更新URL。

清晰度為AngularJS和SEO的演示文稿16「 width =」 480「 height =」 301「 data-src =」 https://cdn.searchenginejournal.com/wp-content/uploads/2017/03/Clarity16.gif

在2016年seoClarity所做的演示中很好地解釋了如何在網站上具體實現的更深入的演示。

它專門談論 AngularJS,流行的JavaScript框架及其SEO問題和解決方案。但是,這裡的課程也適用於幾乎所有JavaScript框架。

在網址中使用跟蹤參數

可用性專家和轉換優化專家以不同的方式跟蹤用戶行為。有時,這涉及在站點內的URL中使用跟蹤參數。

由於鏈接到具有完全相同內容的不同URL,這將導致重複的內容問題。這可以通過多種方式解決。

操作項目:URL中的跟蹤參數

  • 避免在網址中使用跟蹤參數。而是通過在傳遞相同跟蹤參數的鏈接上使用JavaScript跟蹤onclick事件處理程序來跟蹤這些事件。如果使用Google Analytics(分析),則可以通過事件跟蹤來完成。
  • 始終使用自引用規範標籤是避免許多重複內容問題的好習慣。

第一鏈路優先

包含兩個或多個指向相同URL的鏈接的網頁被認為會導致搜索引擎爬網問題,其中僅考慮第一個鏈接而忽略重複鏈接。

這已在論壇和 在2008年測試 包括Rand Fishkin和我自己在內的許多人。

First Link Priority「 width =」 378「 height =」 455「 data-src =」 https://cdn.searchenginejournal.com/wp-content/uploads/2017/03/first-anchor-text-counts.gif蘭茲·菲什金(Rand Fishkin)在Moz上舉例說明的第一鏈接優先

值得一提的幾件事:

  • 2014年,Google垃圾郵件團隊的前負責人Matt Cutts, 說這不再是問題。我尚未再次測試,最近還沒有其他SEO專業人員對此進行測試。
  • 第一次測試時發現HTML版本為4.1,XHTML 1.1呈上升趨勢,HTML 5尚不存在。如今,HTML 5帶有諸如

    。也許這一次Google會處理標題,側邊欄和文章標籤中的鏈接。

首先鏈接優先出現的SEO問題

頂部欄導航和左側欄通常在源代碼中首先出現在主要內容之前。此外,這些菜單中的導航元素通常具有簡短的錨文本。他們往往較少關注關鍵字,而更多關注設計。

頁面主要內容內的鏈接趨向於以關鍵字為重點,周圍的內容支持關鍵字。它們的長度也更加靈活,錨文本更長,更具體。較長的文本增加了頁面可能排名的關鍵字種類。但是,由於第一個鏈接優先順序問題,這些鏈接通常被搜索引擎忽略。

行動項目:第一鏈接優先事項

  • 考慮代碼順序。在側邊欄和頂部欄導航之前優先安排主要內容。 CSS可以用來控制浮動方向,從左到右或從右到左,以使側邊欄導航載入到主要內容之後。頂部欄導航可以通過絕對定位進行控制。

在大型網站中處理導航

對於大型網站(具有數十萬或數百萬個頁面的網站)來說,網站導航可能是一個巨大的挑戰。

歸類菜單中的自然站點導航通常鏈接到站點的所有頁面,而XML站點地圖可以幫助索引所有頁面。

但是,內容孤島之間缺乏交叉鏈接會在頁面之間產生距離。

在大型站點上,可能很難識別產品頁面和相應產品營銷頁面之間的所有可能鏈接。

大型網站的某些部分可能沒有從其他頁面獲得很多他們需要的鏈接愛。

此外,其他問題(如第一個鏈接優先順序和JavaScript問題)可能難以在數百萬個頁面中檢測到。

以下是針對這些挑戰的三種解決方案:

1.委託給不同部門

大型公司有相應的大型網站,其中多個員工屬於不同的部門。許多部門可能對應於網站的不同部分。

確保參與維護不同網站部分的每個人都遵循相同的SEO原則和實踐。然後,在整個網站上分配優化導航方面的工作。

2.使用工具或構建工具

自動化總是使手動過程更具可擴展性。除非您擁有自己的專有工具,否則可能沒有一個工具可以識別和解決上述所有問題。

Xenu,Screaming Frog,DeepCrawl或Botify等爬網工具可以分析您現有的鏈接,確定問題並提供網站架構的描述。

如果您想可視化站點架構,則DynoMapper和PowerMapper之類的工具可以幫助實現這一目標。

鏈接研究工具,例如Moz的Open Site Explorer,Ahrefs,Majestic,Sistrix,LRT和CognitiveSEO,可以分析哪些頁面在外部獲得了最多的反向鏈接,然後從這些頁面添加交叉鏈接,從而導致網站的重要頁面。

我們使用的專有工具使抓取頁面和確定哪些頁面相互鏈接的過程自動化。

3.使用分階段方法

大型網站並不總是擁有大型團隊來分配優化頁面的工作。如果缺少資源,則可以創建自己的工具來簡化此過程。

如果這些工具不能提供您需要的幫助,請考慮採用分階段的方法。這需要根據優化計劃一次處理一個部分。這是一個每天的過程,可能會花費更長的時間,但是依靠自然搜索流量之類的指標將幫助您確定首先要優化的內容。

7個關鍵要點

  • 用戶至上:您的網站導航應首先滿足用戶。然後,針對SEO性能優化導航。切勿破壞用戶體驗。

  • 內容孤島之間的交叉鏈接:頁面之間的內容相關性對於排名很重要,這在分類良好的分層站點體系結構中自然而然。但是,如果缺少內容孤島之間的交叉鏈接(某些頁面太深或太遠而無法從其他來源接收大量鏈接汁),則這可能會受到限制。

  • 產品博客,產品博客:創建對您的目標受眾有用且相關的高質量內容。如果這些博客文章有助於做出購買產品的決定,請從特定產品頁面鏈接到該博客文章。

  • 跟蹤參數:避免使用它們;在鏈接上使用onClick事件處理程序以進行跟蹤。具有自引用規範標籤始終是安全的。

  • JavaScript鏈接:避免使用JavaScript編寫內容和鏈接。如果沒有解決的辦法,那就有辦法使它起作用。

  • 第一鏈接優先順序:理想情況下,主要內容位於第一位。接下來是側邊欄,然後是頂部欄。最後,處理頁腳。需要進一步測試以確定這是否仍然是一個真正的問題,但堅持使用此方法也無濟於事。

  • 龐大的網站:很難完成以上所有任務。委託給團隊,使用工具自動化任務或一次處理一個問題。

圖片積分

特色圖片:Paulo Bobita
作者拍攝的所有屏幕截圖

相關文章