首頁 部落格 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 轉載請註明出處或鏈接)

超好玩nVidia AI樂園,美圖、P圖、去背全自動完成
超好玩nVidia AI樂園,美圖、P圖、去背全自動完成
Free Resource
Free Resource
Apr 08, 2019
Google協作平台製作網站的優缺點分析
Google協作平台製作網站的優缺點分析
Free Resource
Free Resource
May 07, 2019
淺談無障礙網頁設計2.0
淺談無障礙網頁設計2.0
Ryan
Ryan
Jan 11, 2019