行銷型網站完美風暴--網站代碼篇1

&HTTP://www.aliyun.com/zixun/aggregation/37954.html">nbsp;   行銷型網站建設過程中，頁面代碼的優化是十分關鍵和重要的環節。 代碼優化的方法有一下幾個方面：

採用DIV+CSS佈局

採用DIV+CSS佈局有哪些好處呢？

1、提高搜尋引擎對網頁的索引效率

提高spider爬行效率，能在最短的時間內爬完整個頁面，這樣對收錄品質有一定好處；

由於能高效的爬行，就會受到spider喜歡，這樣對收錄數量有一定好處。

避免了表格嵌套，搜尋引擎蜘蛛爬行Table佈局的頁面，遇到多層表格嵌套時，會跳過嵌套的內容或直接放棄整個頁面，不少使用傳統的table佈局的網站，很多頁面在搜尋引擎快照中顯示不完整。

2、表現與內容相分離

將設計部分剝離出來放在一個獨立樣式檔中，HTML檔中只存放文本資訊，方便網站改版，只需要對css進行重構便可完成網站的改版需要。

3、提高頁面載入速度

大大的減少了網頁的代碼，節省伺服器頻寬。 提高網頁載入速度，使使用者打開頁面的速度大大提高，提高使用者體驗。

搜尋引擎可都是通過抓取你的網站原始程式碼來進行親密接觸的，那麼，如何才能更好地讓搜尋引擎的爬蟲更快更準確地覺察到你的內容相關性，增強網站的搜索優化呢？ 可能從最基本的

CSS的命名規則入手會有意想不到的收穫，最基礎的就是最有效的。

CCS命名規則

下面從前端設計的角度整理的CSS的命名規則，就很好地考慮到了搜尋引擎的喜好，在頁面設計的過程中，儘量做你懂，搜尋引擎也懂.

頁頭：header登錄條：loginBar標誌：logo側欄：sideBar廣告：banner導航：nav

子導航：subNav功能表：menu子功能表：subMenu搜索：search滾動：scroll頁面主體：main

內容：content標籤頁：tab文章清單：list提示資訊：msg小技巧：tips欄目標題：title

加入：joinus指南：guild服務：service熱點：hot新聞：news下載：download註冊：regsiter狀態：status按鈕：btn投票：vote合作夥伴：partner友情連結：friendLink頁腳：footer

版權：copyRight

1.CSS ID 的命名

外　套：　　wrap主導航：　　mainNav子導航：　　subnav頁　腳：　　footer整個頁面：　content頁　眉：　　header頁　腳：　　footer商　標：　　label標　題：　　title

主導航：　　mainNav(globalNav)頂導航：　　topnav邊導航：　　sidebar左導航：　　leftsideBar右導航：　　rightsideBar旗　志：　　logo標　語：　　banner功能表內容1： menu1Cont ent功能表容量：　menuContainer子功能表：　　submenu邊導航圖示：sidebarIcon

注釋：　　　note麵包屑：　　breadCrumb(即頁面所處位置導航提示)容器：　　　container內容：　　　content搜索：　　　search登陸：　　　login功能區：　　shop(如購物車，收銀台)當前的　　　curren t

2.另外在編輯樣式表時可用的注釋可這樣寫：<– Footer –>內容區<– End Footer –>

3.樣式檔命名

主要的 master.css佈局，版面 layout.css專欄 columns.css文字 font.css列印樣式 print.css主題 themes.css

如鄰網路專注于企業行銷型網站建設領域，努力研究和發展行銷型網站系統體系，為廣大企業創造出最有價值和回報的網路行銷服務。

本文為系列文章如下：敬請關注

行銷型網站完美風暴-價值篇

行銷型網站完美風暴--策劃篇

行銷型網站完美風暴--設計篇

行銷型網站完美風暴--網站代碼篇

行銷型網站完美風暴--軟體工具篇

行銷型網站完美風暴--流量統計篇

行銷型網站完美風暴--即時工具篇

行銷型網站完美風暴--CRM篇

作者：如鄰網路高級行銷顧問  EMAIL: sales@rulin.net   MSN：ywxchina@hotmail.com

北京如鄰網路技術有限公司—企業身邊的網路行銷專家   www.rulin.net