首頁 部落格 DIV+CSS網頁佈局對SEO有哪些影響
Katie
Apr 21, 2011
iWare的視覺設計,喜歡用視覺發言、講故事,堅信「設計無論好壞要有自己的味道」。 喜好小說、電影、音樂...一切能提供幻想元素的事物;同時也是一位膽大心細的犬展指導手。

DIV+CSS網頁佈局對SEO有哪些影響

取代傳統編碼的CSS+DIV

採用CSS+DIV進行網頁設計相對與傳統的TABLE網頁布局而具有以下4個顯著優勢

1:設計和內容可以做區分
將設計部分做區隔出來放在一個獨立樣式文件中,HTML文件中只存放文本信息。

2:提高搜索引擎對網頁的索引效率
用只包含結構化內容的HTML代替嵌套的標簽,搜索引擎將更有效地搜索到你的網頁內容。

3:提高頁面瀏覽速度
對於同一個頁面視覺效果,採用CSS+DIV重構的頁面容量要比TABLE編碼的頁面語法少太多了,前者一般只有後者的1/2大小。

4:容易維護和改版

 

透過CSS+DIV控制,重新設計整個網站

從以上的描述來看,採用CSS+DIV對製作網站可以提升網站用戶與搜索引擎的友好度。

CSS+DIV所以成為目前網頁設計主流,主要核心原因,其實不僅僅是其符合W3C標準,而是通過採用CSS+DIV,網頁程式也比較好超作,已經把設計與程式分離了

現在div+css已經很風靡了,各大網站都重新製作成div+css模式,採用層和CSS後網頁打開速度快了很多。

從SEO的角度來分析用DIV+CSS進行網站建構必要性:

 1. 用div+css構架的網站容易向W3C標準靠攏,網站是否符合W3C標準是搜索引擎給網站排名的一個影響因素。

 2. 網站原始碼變簡單了,除了幾個div,ul,li,dl,dd,dt之類的標籤外,幾乎不用其他標籤,網站內容完全裸露在關鍵字搜尋引擎面前,便於抓取關鍵內容,加強關鍵內容的頁面的比重,從而為排名因素增加比重。

 3. 關鍵字更容易閱讀到了。一般的站點都是左中右三欄式,頁面的主要內容是在中間一欄,而關鍵字搜尋頁面內容是按照從上而下,從左至右的順序進行的,如果你的左欄內容比較多,內容的關鍵字搜尋就會下降。而用div+css就可以把主要先寫在前面,在寫左欄,右欄內容,通過CSS一定位就可以了。

 4. 對於常用的表格佈局,如果想改佈局,可能就要動到全部,網站層結構如果設計的合理,可以用CSS很輕鬆的改變網站的表現,這就是結構和內容,行為的分離。 如果網站結構定期改動,自然對關鍵字搜尋的影響力也不小。


 CSS+DIV的架構作好,之後在網路優化(SEO)的層面就會更輕鬆了。

 

引用文章來源:http://www.dotblogs.com.tw/flora/archive/2009/09/09/10498.aspx


馬路科技iware網頁設計主要採用div+css技術 設計網頁


(使用圖片來源:PIXABAY 作者 Pexels 轉載請註明出處或鏈接)

馬路科技觀察2019網頁設計趨勢
馬路科技觀察2019網頁設計趨勢
iWare發言人
iWare發言人
Oct 31, 2018
一圖比較客製網頁設計、套版網頁設計
一圖比較客製網頁設計、套版網頁設計
Ryan
Ryan
May 08, 2018
常見背景屬性(一)
常見背景屬性(一)
Karen
Karen
Nov 07, 2017