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和百度只是第一步工作，跟著還要討好訪問者，才能把網站訪問者轉化成客戶，提高客戶轉化率。

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

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

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

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

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

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

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

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