從網頁設計的角度談SEO優化

仲介交易 HTTP://www.aliyun.com/zixun/aggregation/6858.html">SEO診斷 淘寶客 雲主機 技術大廳

SEO優化排名很多人接觸的是成品網站，而之前的設計和程式，優化人員都不會參與，覺得那些和自己無關，大錯特錯，網頁設計正是網站排名的基礎，有著莫大的關係。 網站優化週期一般為三個月，也可能更長時間，建站初期的優化建議更多的是設計結構和佈局，其實這些僅僅是網頁設計有益於SEO的一小部分，前期的基礎做好，可以為後期的優化工作節省時間，可以說是事半功倍的效果。

那麼還有哪些和SEO有關系呢，下面維諾seo團隊冰澤就給大家介紹一下：

第一：整體佈局及其網站結構的設計

一般的網站建設分為UI和後臺，UI主要包含使用者所能看到的各個頁面和網站結構，路徑等，後臺主要實現增刪改查的功能。 所以網站美工人員也可以說網頁設計師的作用對於SEO優化來說比程式師更重要。 美工人員主要負責整體頁面的靜態佈局和目錄結構的設計，所以像我們所說的三層物理結構和網狀扁平化樹形結構，都是從美工人員設計網站結構時就需要做好的。

第二：網站地圖和導航的設計

主導航一般要美觀大方，次導航要展現一些主導航沒有展現的重要頁面連結，還有內頁的麵包屑導航等，都需要美工注意。 導航不僅僅可以引導使用者，還可以吸引蜘蛛的爬行，並且麵包屑導航能讓蜘蛛知道網站的結構為幾層。 另外可以製作網站地圖，由於每個搜尋引擎對地圖檔要求不一樣，所以盡可能做好三種網站地圖形式，html、xml、txt，並且網站地圖檔最好放在根目錄，這樣更有利於蜘蛛的抓取和爬行。

第三：樣式檔 iframe框架 flash的應用

樣式表檔盡可能的合併，相同的樣式只要一個類即可，並且要採用外部引用的方式，js檔同理。 另外就是避免iframe框架的使用，搜尋引擎識別不了，還有可能會降權，flash盡可能少用，因為一般的搜尋引擎也基本無法識別這種檔案類型。 但是flash可以很好的吸引使用者目光，讓頁面更加生動，所以，如何更好的利用flash，著實需要下一番功夫。

第四：圖片的優化

網站從設計到成型，再到以後的內容更新，都離不開圖片，並且搜尋引擎也越來越喜歡圖文並茂的內容，原來有一句網路流行語不知道大家還記得不「無圖無真相」，也許搜尋引擎就是讓內容來的有圖有真相。 但是圖片不僅僅上傳過後就能使用，最好在上傳之前就盡可能的壓縮，以確保網頁打開速度，並且圖片還可以打上浮水印，做產品的可以直接打上連絡方式等，還要加上alt標籤，來告訴搜尋引擎這張圖片是什麼?

第五：DIV+CSS的佈局方式遠勝TABLE

table易於佈局，但是佔用的空間大，載入速度會受影響。 div+css的佈局方式內容和樣式分離，網頁前臺只需要顯示內容就行，樣式控制交給CSS來處理並且生成的HTML檔更為精簡，更小打開更快。 當然，瀏覽器的相容性是美工不得不考慮的問題。

說了這麼多，相信大家對網頁設計有了新的認識，對於經驗豐富的美工來說，相信這些都不在話下。 但是對於我們剛入行的優化人員來說，我們真的懂了嗎? SEO還有很長的路要走，我們繼續努力吧。

本文由維諾seo團隊HTTP://www.ibmseo.com/yingxiao/2014/0331/3607.html原創首發A5，轉載請保留，尊重他人成果