網(wǎng)站設(shè)計(jì)者希望用戶(hù)在搜索引擎上能夠?qū)ふ遗c網(wǎng)站相關(guān)的內(nèi)容，并且他們的站點(diǎn)可以相對(duì)出現(xiàn)在搜索引擎結(jié)果頁(yè)面。隨著搜索引擎優(yōu)化技術(shù)的發(fā)展，這種低成本、高回報(bào)的搜索引擎營(yíng)銷(xiāo)方法越來(lái)越受到網(wǎng)站設(shè)計(jì)者的青睞和支持。作為主流的網(wǎng)頁(yè)布局，DIV+CSS不僅要考慮網(wǎng)站的美觀性，而且要提高搜索引擎程序的爬行效率，從而使搜索引擎能夠捕捉到大量的關(guān)鍵信息。因此，當(dāng)搜索引擎排名網(wǎng)站時(shí)，高效合理的頁(yè)面布局是非常重要的，下面成都網(wǎng)站制作的小編就跟大家詳細(xì)的說(shuō)一說(shuō)DIV+CSS優(yōu)化技術(shù)。

從SEO角度看DIV+CSS網(wǎng)站優(yōu)化

一、 DIV+CSS頁(yè)面布局技術(shù)

在網(wǎng)站的設(shè)計(jì)和制作過(guò)程中，定位和布局尤為重要。與傳統(tǒng)的表定位布局不同，DIV+CSS布局可以將內(nèi)容與演示文稿分開(kāi)。它的標(biāo)準(zhǔn)名稱(chēng)應(yīng)該是“XHTML+CSS”，并且由于DIV是使用XHTML對(duì)網(wǎng)站進(jìn)行標(biāo)準(zhǔn)化重構(gòu)最常用的元素，因此通常稱(chēng)之為“div+css”。

當(dāng)“DIV+CSS”技術(shù)用于網(wǎng)頁(yè)布局時(shí)，將文本信息存儲(chǔ)在HTML中，并從網(wǎng)頁(yè)中分離出控制文本信息的CSS。內(nèi)容和呈現(xiàn)的分離是DIV+CSS布局的大優(yōu)點(diǎn)，它不同于表、框架、庫(kù)和模塊布局。

二、DIV+CSS頁(yè)面布局的特點(diǎn)

網(wǎng)站代碼簡(jiǎn)潔明了，結(jié)構(gòu)清晰。文本和css的分離大大減少了網(wǎng)站代碼的容量。這種布局是將網(wǎng)頁(yè)的裝飾部分分離成一個(gè)單獨(dú)的樣式文件，放置在網(wǎng)頁(yè)文件之外，然后以外部鏈接的形式引入頁(yè)面，使得頁(yè)面結(jié)構(gòu)清晰，網(wǎng)頁(yè)瀏覽速度快，易于維護(hù)和靈活布局。網(wǎng)站維護(hù)和更新階段需要對(duì)網(wǎng)頁(yè)代碼進(jìn)行有針對(duì)性的修改，通過(guò)采用與內(nèi)容和形式分離的DIV+CSS技術(shù)，可以在不改變網(wǎng)頁(yè)基本結(jié)構(gòu)的前提下，通過(guò)修改CSS來(lái)維護(hù)和更新網(wǎng)站。

三、基于搜索引擎優(yōu)化的頁(yè)面布局優(yōu)化，有利于蜘蛛的布局結(jié)構(gòu)

搜索引擎優(yōu)化的思想是允許蜘蛛盡可能多地從一個(gè)網(wǎng)頁(yè)爬行到另一個(gè)網(wǎng)頁(yè)，爬行過(guò)程中會(huì)抓取所經(jīng)過(guò)網(wǎng)頁(yè)的內(nèi)容。蜘蛛不會(huì)獲取網(wǎng)頁(yè)的全部信息，而是根據(jù)某些規(guī)則獲取頁(yè)面上最有價(jià)值的信息。如果你希望蜘蛛盡可能多地從你的站點(diǎn)獲取信息，確保你有一個(gè)合理的布局。

網(wǎng)站頁(yè)面的常見(jiàn)布局形式主要是表格布局和DIV+CSS布局，從SEO的角度來(lái)看，它們從獲取關(guān)鍵信息的形式上是不同的。

(1)具有表格布局的頁(yè)面

為了實(shí)現(xiàn)更好的網(wǎng)頁(yè)顯示效果，通常在表格布局中使用多層表嵌套來(lái)劃分網(wǎng)頁(yè)結(jié)構(gòu)。然而，蜘蛛對(duì)多層嵌套表不太敏感，通過(guò)跳過(guò)嵌套內(nèi)容來(lái)選擇爬行，有時(shí)甚至放棄整個(gè)頁(yè)面。因此，嵌套表中的關(guān)鍵信息很容易被忽略，導(dǎo)致蜘蛛不能捕獲有效的信息，它會(huì)把整個(gè)頁(yè)面看作一個(gè)類(lèi)似的頁(yè)面，直接影響蜘蛛的網(wǎng)站排名。

(2)帶有DIV+CSS布局的頁(yè)面

隨著DIV+CSS的布局，蜘蛛可以在最短的時(shí)間內(nèi)爬行網(wǎng)頁(yè)，因?yàn)榫W(wǎng)站代碼的簡(jiǎn)化，爬行效率的提高會(huì)影響網(wǎng)頁(yè)的收錄。DIV+CSS技術(shù)接近W3C標(biāo)準(zhǔn)，由于頁(yè)面標(biāo)簽較少，網(wǎng)頁(yè)的關(guān)鍵內(nèi)容直接暴露給蜘蛛，增加了關(guān)鍵信息的頁(yè)面抓取比例，從而提高了蜘蛛的網(wǎng)站排名。

四、符合SEO規(guī)范的命名原則

在搜索引擎優(yōu)化中，代碼優(yōu)化是非常重要的。因此，在DIV+CSS的布局中，容器的命名尤為重要。它必須符合SEO的基本命名規(guī)則，便于蜘蛛爬行。在實(shí)際設(shè)計(jì)實(shí)施過(guò)程中，建議遵循以下四個(gè)基本原則：

(1)最好是寫(xiě)英語(yǔ)，其次是拼音。

(2)容器名稱(chēng)被推薦為小寫(xiě)的，盡量不縮寫(xiě)的。

(3)優(yōu)化所以ALT標(biāo)簽，與頁(yè)面的關(guān)鍵詞信息緊密相連。

(4)盡量符合技術(shù)員常用的命名約定。

基于XHTML標(biāo)準(zhǔn)的DIV+CSS的布局因其結(jié)構(gòu)簡(jiǎn)單、內(nèi)容和形式分離而受到搜索引擎的青睞。成都網(wǎng)站制作的小編告訴您在使用DIV+CSS進(jìn)行網(wǎng)頁(yè)布局時(shí)，了解搜索引擎的基本操作原理，并利用搜索引擎優(yōu)化技術(shù)合理地設(shè)計(jì)網(wǎng)站，有利于促進(jìn)網(wǎng)站的長(zhǎng)期高效發(fā)展。