製作網頁的時候有利於優化的小技巧

我們都知道，很多網頁設計師都是用DIV和CSS來進行網頁佈局的，這樣是有利於網頁的SEO的 ，那麼怎樣優化自己的網頁呢？今天就來跟大家介紹一下。

通常情況下，SEOer非常喜歡把一個網站做到最細節，在網頁設計方面，有時與設計師溝通時，通常會問到：SEO為什麼要求網頁設計師用DIV+CSS佈局網頁?有什麼好處之類的問題，其實SEO們考慮的問題就是如何讓網頁的內容更好的讓搜尋引擎抓取網頁的內容，更容易評估網頁內容的質量，這樣有利於排名。這是SEO們的最基本的目的，當然CSS+DIV的好處並不局限於此，以下為詳細的分析：

SEO主要就是透過對網站的結構，標籤，排版等各方面的優化，使Google等搜索引擎更容易搜尋網站的內容，並且讓網站的各個網頁在GOOGLE等搜尋引擎中獲得較高的評分，從而獲得較好的排名。 DIV CSS網頁版面對SEO有哪些影響呢？

程式碼精簡

使用DIV+CSS佈局，頁面程式碼精簡，這一點相信對XHTML有所了解的都知道。程式碼精簡所帶來的直接好處有兩點：一是提高spider爬行效率，能在最短的時間內爬完整個頁面，這樣對收錄品質有一定好處;二是由於能高效的爬行，就會受到spider喜歡，這樣對收錄數量有一定好處。

表格的嵌套問題

很多網站如何推廣的文章中稱，搜尋引擎一般不抓取三層以上的表格嵌套，這一點一直沒有得到搜尋引擎官方的證實。我的幾個實驗結果沒有完全出來，但根據目前掌握的情況來看，spider爬行Table佈局的頁面，遇到多層表格嵌套時，會跳過嵌套的內容或直接放棄整個頁面。

使用Table佈局，為了達到一定的視覺效果，不得不套用多個表格。如果嵌套的表格中是核心內容，spider爬行時跳過了這段沒有抓取到頁面的核心，這個頁面就成了相似頁面。網站中過多的相似頁面會影響排名及網域信任。

而DIV+CSS佈局基本上不會有這樣的問題，從技術角度來說，XHTML在控制樣式時也不需要過多的巢狀。

這雖然沒有得到確認，但還是建議使用Table佈局的朋友們，在設計時盡可能的不要使用多層表格嵌套，SEOer們在文章中說明了這一點，相信他們也不是沒有依據的。

速度問題

DIV+CSS佈局較Table佈局減少了頁面程式碼，載入速度大大的提高，這在spider爬行時是非常有利的。過多的頁面代碼可能造成爬行逾時，spider會認為這個頁面無法訪問，影響收錄及權重。

另一方面，真正的SEOer不只是為了追求收錄、排名，快速的反應速度是提高使用者體驗度的基礎，這對整個搜尋引擎優化及行銷都是非常有利的。

CSS對排名的影響

基於XTHML標準的DIV+CSS佈局，一般在設計完成後會盡可能的完善到能通過W3C驗證。截止目前沒有搜尋引擎表示排名規則會傾向於符合W3C標準的網站或頁面，但事實證明使用XTHML架構的網站排名狀況一般都不錯。這點或許會有爭議，但樂思蜀本人保持這樣的觀點，有異議者可以拿三組以上基本同等品質的網站對比觀察。

我想，這樣的情況可能不是排名規則，最大的可能還是spider爬行網站時，出現以上差異導致收錄品質的不同。

畢竟廖勝於無，建議建站或改版的朋友們，技術許可的情況下，還是選擇DIV+CSS佈局為好

##相信看了這些案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

相關閱讀：

駝峰命名與JS的問題解答

JS裡的布林值、關係運算子、邏輯運算子的詳解及實例

前端的js框架總結以及用途講解

以上是製作網頁的時候有利於優化的小技巧的詳細內容。更多資訊請關注PHP中文網其他相關文章！