網站DIV+CSS及搜尋最佳化

文章目錄

• DIV+CSS技術優勢
• Div+CSS標準WEB的優點
• 搜尋最佳化

DIV+CSS技術優勢業界越來越關注DIV+CSS的標準化設計，大到各大門戶網站，小到不計其數的個人網站，在Div+CSS標準化的影響下，網頁設計人員已經把這一要求作為行業標準。那麼什麼是Div+CSS標準？Div+CSS的標準化設計到底有什麼好處？

Div 全稱 division 意為“區分”使用 DIV 的方法跟使用其他 tag 的方法一樣。

<DIV>Very excellent webmaster club www.caifuw.com </DIV>

如果單獨使用 DIV 而不加任何 CSS, 那麼它在網頁中的效果和使用 <P></P> 是一樣的。DIV本身就是容器性質的,你不但可以內嵌table還可以內嵌文本和其它的HTML代碼

CSS是Cascading style Sheets的簡稱，中文譯作“層疊樣式表單”，採用CSS技術，可以有效地對頁面的布局、字型、顏色、背景和其它效果實現更加精確的控制。只要對相應的CSS代碼修改，就可以改變同一頁面的不同部分，或者頁數不同的網頁的外觀和格式。CSS能使你的網頁更加簡煉，同樣內容的網頁，有的人做出來有幾十KB，而高手做出來只有十幾KB。

這個布局中，div承載的是內容，而CSS承載的是樣式。內容和樣式的分離對於所見即所得 (WYSIWYG)的傳統table編輯方式確實是一個很大的衝擊，尤其是設計人員很難接受設計一個他們不能立即看到的樣式。不過div+CSS的好處實在是太明顯了：

一、搜尋引擎親和力：

搜尋引擎不會在意一個頁面的設計或者構成。搜尋引擎不可能“欣賞”設計漂亮新穎的頁面；也不會去“排斥”顏色搭配醜陋的頁面。它們只是默默地拿到它們需要的內容就離開。如果一個頁面中涵蓋了大量的table來描述構架，試想搜尋引擎要花多大的代價才可以拿到真正有用的資訊呢？

一般來說，table構架描述的頁面，樣式結構和內容資訊大小比可能達到1：1甚至更高。而CSS+DIV構架的頁面，雖然在用戶端看來下載一個複雜的CSS也要佔用差不多的頻寬，然而搜尋引擎可以很方便的繞過這個CSS，而直接抓去div中的內容。這便是div的優勢所在。頻寬的稍多佔用，完全顯得微不足道，更何況一個冗餘的table設計架構如果代碼寫的不好會佔用更多的頻寬。

二、重構頁面的方便性：

內容和樣式的分離導致我們在重構頁面配置（更換皮膚）的時候，只用針對每一個div元素重新定義其具體位置、樣式就行了。而在原來的table基礎上進行改版,幾乎必須改變所有的內容注入渠道,實在是太過於麻煩.

關於韓國風格網站難用div描述的問題，普遍認為在web2.0的大軍衝擊下，韓國的花哨流派很快會被簡約派所代替。如果確實是優秀的設計，大部分用Flash來完成,但是這樣又犧牲內容被搜尋引擎搜尋到！可以說DIV+CSS的網頁標準已經顛覆了傳統的Table構建網頁。

Div+CSS標準WEB的優點

• 符合W3C標準，支援瀏覽器的向後相容，使您的網站在任何瀏覽器上都能得到好的相容；
• 搜尋引擎更加友好。相對與傳統的table, 採用DIV+CSS技術的網頁，對於搜尋引擎的收錄更加友好。
• 通過內容和樣式的分離，使頁面和樣式的調整變得更加方便，同時大大的提高網頁的可讀性。
• 簡化代碼、檔案下載與頁面顯示速度更快

Sohoware通過驗證：

搜尋最佳化

搜尋引擎最佳化（Search Engine Optimization, 簡稱SEO），與搜尋引擎定位（Search Engine Positioning)和搜尋引擎排名(Search Engine Ranking)是同一種工作，指通過瞭解各類搜尋引擎如何抓取互連網頁面，如何進行索引以及如何確定其對某一特定關鍵詞的搜尋結果排名等技術，來對網頁進行相關的最佳化，使其提高搜尋引擎排名，從而提高網站訪問量，最終提升網站的銷售能力或宣傳能力的技術。

搜尋是除了電子郵件以外被用得最多的網路行為方式。通過搜尋引擎尋找是網路衝浪者尋找網上資訊和資源的主要手段。搜尋引擎營銷已經成為網路營銷最重要的組成部分。如何使自己的網站被主要的搜尋引擎收錄、然後獲得較高的排名，成為網站建設者們絞盡腦汁的話題。

當你正在為自己網站對業務幾乎沒有用處，又捨不得每月花上幾百到幾千，甚至幾萬等的推廣費用時，不如嘗試對網站進行搜尋最佳化。