SEO五步曲之SEO與網站設計

來源:互聯網
上載者:User

仲介交易 SEO診斷 淘寶客 雲主機 技術大廳

做為seo的人事都知道,一個良好的網站設計不管對於seo還是使用者體驗也好,都是必要的。 那麼我就簡單闡述下什麼樣的設計符合seo又符合使用者體驗呢?

1、 網站結構:

清晰的網站結構不僅有利於搜尋引擎的抓取,也給流覽者帶來很多的方便。 大多數從事SEO工作的人認為好的網站結構應該成樹形結構(圖1),這樣的網站結構不容易讓搜尋引擎的蜘蛛在你的網站裡面迷路,以至於抓取不完全,遺漏網站的內容。 另一方面,在對網站頁面設計時要保持頁面結構的統一,突然的一個頁面改變會打亂訪客的思維,阻礙流覽者對網站內容的吸收。 同時還會增加搜尋引擎優化的工作量,也影響對優化結果的評估。

  

2、 網站目錄:

網站的目錄越多,搜尋引擎搜索的也就越全面。 如果有太多的頁面,就需要把它們組織起來,以方便蜘蛛的爬行。 這裡所說的目錄越多越好並不是隨便建立一些無所謂的垃圾目錄。 隨著網站的不斷壯大,網站的內容也會越來越豐富,這樣一來就需要把目錄劃分的細緻一點。 目錄的層次最好不要超過4層,層次太深的話,搜尋引擎在進行抓取的時候很容易遺漏一些頁面。

3、 導航設計:

網站導航主要功能在於可以引導使用者方便地訪問網站內容。 同時對搜尋引擎也產生諸多提示作用。 好的網站導航要做到便於使用者的理解和使用,讓使用者對網站形成正確的空間感和方向感,不管來到網站的哪一頁,都很清楚自己所在的位置,都能找到自己想要的東西。 概括的說,要製作一個好的網站導航需要注意一下幾點:

a、 主導航醒目清晰:主導航一般多採用一級目錄,通過它們使用者和蜘蛛都可以層層深入訪問到網站所有重要內容。 因此主欄目必須放在網站首頁第一屏的醒目位置。

b、 輔助導航:輔助導航又被稱作麵包屑路徑或層級功能表,體現為內頁的「當前位置」提示(例如「當前位置 > 首頁 > 護膚> 美白>正文」例如:HTTP://www.baiduc.net這個站就做的不錯)。 輔助導航的作用是無論使用者身處站內何處,均不會迷路,尤其當網站的欄目層次較多的時候,正確的輔助導航的設置尤為重要。 它從另一個層面反映了網站的結構層次,是對全域導航的有效補充。 輔助導航出現的位置應在全域導航之下、正文內容之上的過渡空間,層級關係體現正確,使用者通過當前頁面可以依次返回上一頁、直至首頁,不出現缺鏈、錯鏈的情況。

c、 網站所有導航均都要採用純文字連結,不要用圖片、Flash或是JAVA代碼。

4、 頁面配置:

網站的介面佈局與網站內容架構息息相關。 網站介面佈局應遵循使用者流覽習慣和網站的資訊規劃,將內容合理有序的呈現在使用者面前,使重要資訊置於頁面重要板塊得以重點體現。 根據SEO專業人士的研究人們大多不由自主地以「F」字母形狀的模式來閱讀網頁。 所以在對網頁設計時也要遵循大寫字母「F」的形狀來實施。 同時網站介面設計還應考慮瀏覽器相容性,即要適合大多數使用者的流覽環境,使他們都能正常的流覽。

a、 首頁設計:目前,國內品牌企業的首頁設計過於重視「形象展示」而忽略「資訊傳遞」職能,導致大量企業網站首頁一律是全屏 flash(例如:HTTP://www.baiduc.net),對使用者快速獲取資訊造成阻礙。 因此,網站的首頁設計要在傳遞品牌形象的同時,讓首次訪問的使用者在第一時間明白網站的內容、服務和功能,同時,通過首頁,能夠快速直達所要找尋的目標頁面,因此首頁設計需要具備一些基礎元素:企業logo、資訊搜索框、全域導航條、 產品分類目錄、動態新聞、推薦資訊、網站地圖等基本要素。

b、 清單頁設計:常見的清單頁面包括新聞等文字連結類型的清單和產品頁面等圖文混排型的清單。 站內搜尋結果頁面也屬於清單頁面的一種。 清單頁面的特點是:使用者在清單頁面的流覽目的已經相當明確,集中于某一主題下的可選資訊豐富,是通向內容頁面的最後一道橋樑;使用者在此頁掃描式流覽,希望儘快找到連結目標進入內容頁面。 因此清單頁面應儘量減少干擾資訊,突出內容的連結標題。

c、 詳細內容頁設計:詳細內容頁面應屬於網站最深層次的頁面,如單條新聞的詳細內容或是單個產品的詳細內容。 一般都有較多的文字。 形式上主要分為文字排版和圖文混排。 在詳細內容頁面上,使用者獲取資訊的目的已經相當明確,此時不宜在頁面左邊或正前方視線最集中的地方出現干擾性內容,而應將干擾性內容置右側或頁面底部位置。 同時,詳細內容頁面由於是網站的終極頁面,大量使用者在這裡關閉視窗退出網站,因此有必要根據本頁內容主題提供與本文相關的其他內容連結,如「相關文章」,「熱點文章」,「本站推薦」等等,儘量挽留使用者。

5、 網站地圖:

網站地圖(SiteMap)的作用是將網站內深層次的連結關係以一個扁平的頁面呈現出來,讓使用者對網站的內容與結構全域快速瞭解。 就如大賣場指示圖一樣讓我們對各個賣場的區域劃分具體位置有個初步的瞭解。 結構合理的網站地圖,不但能讓流覽者對整個網站的結構內容有個初步印象,同時也是對搜尋引擎友好的表現。 良好的網站地圖設計常常以網站拓撲結構來體現複雜的目錄關係,具有動態、直觀、扁平、簡單的特點。 多採用文本連結,不用或少用圖片,以加快頁面載入速度。 網站地圖也要突出重點,儘量給出主幹性內容及連結。 一頁內不宜放太多連結,最多連結數不要超過100個。

此文是本人原創首發位址A5。 歡迎大家轉載。 另外本人新做的小站歡迎大家拍磚HTTP://www.baiduc.net

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.