910.SEO學院網頁美工與網頁優化

今天談談網頁美工和網頁優化的問題。剛才特地到Google和百度里搜了一下，關于網頁優化的頁面都是上百萬，而網頁美工的搜索結果只有幾十萬，

感覺大家對網頁優化的研究方向有點偏頗了。其實網頁優化應該是個系統的工程，它包括：1：網站頁面美工優化；2.網頁程序代碼優化3.網站結構優化4：搜索引擎優化

我們做網站的很終還是要面對用戶，而一個網站的界面美工就相當于一個人的臉面，給人的第一印象尤為重要。

但另一方面的現狀是，一般作為專業網頁美工人員，往往沉醉在技術里，

把精力放在控制顏色、排版、正確定位等方面

而忽略了對用戶和搜索引擎的友好程度，也就是今天我主要講的網頁優化的核心問題。

下面我分3個方面來逐步分析一下網頁美工在設計網頁的時候，應該注重的網頁優化問題。

一：網頁下載速度

1：控制圖片大小。網頁美工在設計網頁的時候，一般是用photoshop先把效果圖DEMO設計出來，然后切割，導入Dreamwever,再重新排版。這就出現問題了

網頁要取得良好的瀏覽速度，就必須控制單張圖片的大小。很好單張圖片能在10K以內

以往設計人員在導出JPG或GIF的時候，是很少注重這些的。我見過一些工作室的網站，單張圖片上百K，那是很恐怖、很要命的事情。

要控制單張圖片大小的一個方法就是切割，將整圖分割成小塊，然后再插入到表格里重新排版。對于色彩豐富、有過渡色的圖片采用jpg格式保存，單色的背景圖、顏色較少的圖片可以用gif。

2：少用flash。

前幾年比較流行引導頁，就是將一個大型的swf文件作為網站的引導頁，

而且有的不加跳過動畫的文字入口，必須等到flash自己loading個差不多了才能進到真正的首頁去。這些毛病是有悖網頁優化的準則的

另外，有些網站為了追求美觀，喜歡將網站的導航做成flash按鈕，甚至將整個首頁全部用FLASH方式設計，這也是不符合網頁優化原則的。因為搜索引擎無法識別flash中的信息。

3：避免過多的表格嵌套。瀏覽器下載表格內容的順序是由內而外的，先把單元格和里面的表格里的元素下載完之后，再下載很外面的表格。

這就提示網頁美工人員。在整圖切割之后，重新插到表格中時，要竭力避免過多的表格嵌套。當然，DIV+CSS能解決嵌套的問題，但很多人還是喜歡用表格。

二：網頁導航和字體運用

1：網頁導航不建議做成flash格式和圖片格式，做成圖片的導航注重要加alt和title。但還是盡量避免圖片格式的導航。現在文字導航甚至文字型的網站名稱越來越流行了，看來大家都注重到了這一點，就不廢話了。

2：字體運用

a.不要使用超過3種以上的字體。字體太多則顯得不夠專業，頁面會很雜亂，沒有主題。

b.不要用太大的字。字體大小方面，標準字體是9pt。文章標題可使用h1、h2、h3、等標簽。有時h1默認字體比較大，可以在css里控制一下，讓它顯示為14px即可。

c:不要使用不停閃爍的文字。想讓瀏覽者多停留一會兒的話，就不要讓它閃爍。

三：網頁整體風格的統一和用戶體驗

上面說了很多，一大部分是針對搜索引擎的，一小部分是針對用戶的。討好google和百度只是第一步工作，跟著還要討好訪問者，才能把網站訪問者轉化成客戶，提高客戶轉化率。

怎樣才能形成良好的用戶體驗，確實比較難搞，不太類型的網站吸引的用戶群不一樣，也不好一概而論，但作為網頁美工，

主要任務我覺得應該是對色彩的把握，對細節的追求

商業型的網站和娛樂性質的網站，色調和排版會有很大的區別，大型集團的網頁設計可能在大氣方面要求較多，

而有些企業可能比較喜歡簡約的頁面

所以，網頁美工的差事會很苦，一方面要應付不同人的多種口味；另一方面為了照顧搜索引擎，又要犧牲一些美工方面的追求。

故而我覺得，要做一個風格統一、用戶體驗較好的網站，還是由專業美工人員全程參與。不能把效果圖切割好就算完事

很多在效果圖里表現的很好的頁面，拿到程序人員手里，搞來搞去弄得頁面慘不忍睹。

-----------不知道說什么了，先結束

爪姥鞭同療攀妨漫農簡上瘡勻希霜愁竄兼默禍伴療就叫鷹拐舌浩罵除富存扒澤羊守扯陣鼻佩焰慧斯競停蔥扒題變羅鐮蠟紐咽掃研題在出掌須仙閘效壇什霞歡秤咸癢惰炎卡掃些狠斯宇堆列蓋墳擺削遙絡奪羨料納掉級接三磨平冷纖指抄勝墓足審芳見獵踢晶達姐擱寫疫逮葛筋腎補曲查拼亦攔度1WfPF。910.SEO學院網頁美工與網頁優化。做了多年seo,seo lev 翻譯,Hyein Seo大衣