?許多初學(xué)者認(rèn)為做SEO是一件很簡(jiǎn)單的事,不需要什么專(zhuān)業(yè)知識(shí)就可以做好,道聽(tīng)途說(shuō)不斷地往網(wǎng)站填內(nèi)容和到處發(fā)外鏈就認(rèn)為這是做網(wǎng)站優(yōu)化,其實(shí)那僅是最基本的操作,一個(gè)網(wǎng)站內(nèi)部沒(méi)有優(yōu)化好,僅靠?jī)?nèi)容和外鏈也能優(yōu)化上去,但往往要付出更高的人力成本,也有可能根本優(yōu)化不上去。我們需要一個(gè)優(yōu)質(zhì)的網(wǎng)站架構(gòu)才能更好的操作SEO,CSS是否足夠優(yōu)化影到搜索引擎的抓取和收錄,前面我們通過(guò)《在做SEO過(guò)程中關(guān)鍵字選擇策略》介紹了通過(guò)次關(guān)鍵字法、長(zhǎng)尾策略等方式來(lái)設(shè)定關(guān)鍵詞,接下來(lái)南昌網(wǎng)站建設(shè)公司百恒網(wǎng)絡(luò)SEO專(zhuān)員介紹基本的CSS優(yōu)化操作方式.
? ? ? ?1. CSS簡(jiǎn)介
? ? ? ? CSS (Cascading Style Sheet),也稱(chēng)為層疊樣式表。采用CSS技術(shù),可以有效地對(duì)頁(yè)面的布局、字體、顏色、背景等進(jìn)行精準(zhǔn)的控制。?
? ? ? ?CSS使得網(wǎng)頁(yè)中顯示描述與文檔結(jié)構(gòu)徹底分離,避免了單獨(dú)使用HTML標(biāo)簽而引起的文檔結(jié)構(gòu)與顯示格式描述之間的混亂,提高代碼的可讀性。CSS從整體上對(duì)頁(yè)面布局進(jìn)行控制,使用相同的樣式文件或者相同名稱(chēng)的樣式表可以對(duì)相同格式的內(nèi)容進(jìn)行控制,節(jié)省大量的代碼。但是,目前搜索引擎并不解析CSS內(nèi)容。如果頁(yè)面中每一個(gè)樣式都使用CSS進(jìn)行控制,則搜索引擎就識(shí)別不了頁(yè)面中相關(guān)內(nèi)容的樣式,也就不能根據(jù)這些內(nèi)容的樣式判斷頁(yè)面的相關(guān)性。?
? ? ? ?如下所示,方式1及方式2的目的都是為“搜索引擎優(yōu)化”增加粗體標(biāo)記。方式1是通過(guò)調(diào)用CSS中的b樣式實(shí)現(xiàn)的,而方式2中則直接采用粗體標(biāo)簽。由于搜索引擎并不解析樣式表里的內(nèi)容,所以也就不能識(shí)別方式1中的內(nèi)容是否采用了粗體標(biāo)記;而對(duì)于方式2則可以輕易識(shí)別,從而給方式2的頁(yè)面賦予相應(yīng)的權(quán)重。?
? ? ? ?方式1:
搜索引擎優(yōu)化
?? ? ? ?方式2:
搜索引擎優(yōu)化
?? ? ? ?樣式表內(nèi)容: <
? ? ? ?style type="text/css"> ? ?
? ? ? ?
? ? ? ? ?
? ? ? ?2. CSS優(yōu)化 ? ? ??
? ? ? ?CSS優(yōu)化主要是改變CSS的調(diào)用方式以及避免使用CSS為重要內(nèi)容定義樣式,以達(dá)到精簡(jiǎn)頁(yè)面代碼及提高頁(yè)面相關(guān)性的目的。?
? ? ? ?通過(guò)改變CSS的調(diào)用方式及使用CSS對(duì)相同樣式的內(nèi)容進(jìn)行控制,可以節(jié)省大量的代碼。?
? ? ? ?避免使用CSS為重要的內(nèi)容定義樣式。頁(yè)面中重要內(nèi)容的樣式(尤其是主輔關(guān)鍵字)必須使用HTML標(biāo)簽進(jìn)行標(biāo)注,這樣才能達(dá)到突出頁(yè)面中的主輔關(guān)鍵字從而提高頁(yè)面相關(guān)性的目的。如粗體、斜體、下劃線(xiàn)、標(biāo)題、文字顏色、文字大小等。?
? ? ? ?3. CSS調(diào)用方式
? ? ? ? CSS調(diào)用方式分頁(yè)面內(nèi)部調(diào)用及外部調(diào)用兩種,其中內(nèi)部調(diào)用又分為頭部調(diào)用及主體調(diào)用。?
? ? ? ?頭部調(diào)用?
? ? ? ?頁(yè)面頭部調(diào)用就是把需要使用的CSS樣式內(nèi)容直接放置在頁(yè)面的頭部中(即區(qū)域)。如果樣式內(nèi)容極少則影響不大,否則不但會(huì)大大增加頁(yè)面的體積,還會(huì)占用頂部的重要位置,給頁(yè)面帶來(lái)極大的負(fù)面影響。如下代碼所示:?
? ? ? ? ??
? ? ? ? ?
? ? ? ? ??
? ? ? ? ? ? ??
? ? ? ? ??
? ? ? ? ?
? ? ? ? ?
? ? ? ?主體調(diào)用?
? ? ? ?頁(yè)面主體調(diào)用就是在頁(yè)面主體1需要樣式控制的內(nèi)容中添加相應(yīng)CSS樣式。這種CSS調(diào)用方式既不能發(fā)揮CSS的優(yōu)勢(shì)(即對(duì)于相同樣式的內(nèi)容使用同一個(gè)樣式進(jìn)行控制),又會(huì)大大增加頁(yè)面代碼量。如下所示:?
? ? ? ? ? ?
? ? ? ?
,就是使用名稱(chēng)為background的樣式對(duì)段
落
? ? ? ?
? ? ? ? ??
? ? ? ? ? ? ??
? ? ? ?
? ? ? ? ?
? ? ? ?頁(yè)面主體是指位于間的內(nèi)容。?
? ? ? ?4. DIV+CSS?
? ? ? ?(1).使用DIV+CSS方式制作頁(yè)面,一方面可以防止垃圾代碼的產(chǎn)生,另一方面可以減少重復(fù)代碼2。?
? ? ? ?(2).使用DIV+CSS的方式制作頁(yè)面,可以減少50%~80%的HTML代碼。?
? ? ? ?使用DIV+CSS方式制作的頁(yè)面,不管對(duì)于搜索引擎還是普通用戶(hù)都是非常友好的。對(duì)于搜索引擎來(lái)說(shuō),DIV+CSS制作的頁(yè)面代碼簡(jiǎn)單、清晰,占用存儲(chǔ)空間??;而對(duì)于普通用戶(hù)來(lái)說(shuō),在下載頁(yè)面的時(shí)候,DIV+CSS方式是以為單位,其內(nèi)容遠(yuǎn)少于表格,頁(yè)面打開(kāi)時(shí)自然也會(huì)更流暢。?
? ? ? ?但是,使用DIV+CSS方式制作頁(yè)面也有缺點(diǎn)。第一,在制作頁(yè)面的時(shí)候還要調(diào)整其他多個(gè)瀏覽器的兼容性,例如IE6、IE7及Firefox等;第二,搜索引擎并不解析CSS文件里的內(nèi)容,對(duì)于那些需要被突出的關(guān)鍵字或者內(nèi)容,最好采用HTML標(biāo)簽進(jìn)行標(biāo)注。例如,對(duì)于頁(yè)面中主、輔關(guān)鍵字的加粗、字體顏色、標(biāo)題標(biāo)簽