小站開(kāi)張之后，我就一直在關(guān)注小站的站名“CSS魔法”在搜索引擎里的表現(xiàn)。小站在這個(gè)關(guān)鍵詞的排名上很快就勇拔頭籌——當(dāng)然這是意料之中的。但接下來(lái)發(fā)現(xiàn)，小站在其它一些關(guān)鍵詞上的表現(xiàn)也非常突出，譬如“CSS習(xí)題”、“CSS練習(xí)題”、“Web標(biāo)準(zhǔn)面試題”等等，居然也是非?？壳暗摹Ｔ诎l(fā)布了 某篇 CSS 教程 之后，“二級(jí)導(dǎo)航制作”、“折疊二級(jí)導(dǎo)航”等關(guān)鍵詞也給小站帶來(lái)了少許流量。這些情況倒是令我有些意外，畢竟小站未做刻意推廣或 SEO。

如果要找原因的話，我覺(jué)得還是應(yīng)該歸功于良好的 HTML 結(jié)構(gòu)和語(yǔ)義化標(biāo)簽的運(yùn)用。在建博之前，小站的頁(yè)面均為手寫，力求語(yǔ)義化標(biāo)簽的合理運(yùn)用；同時(shí)，對(duì)頁(yè)面頭部的
title
和
meta
信息也做了合理的安排。這其中的要點(diǎn)在于：

正如每篇文章都有其標(biāo)題一樣，每個(gè)頁(yè)面都必須擁有
h1
元素，其內(nèi)容應(yīng)該是頁(yè)面內(nèi)容的大標(biāo)題。而且通常頁(yè)面
title
也應(yīng)該包含此信息。這樣一來(lái)，
h1
元素和頁(yè)面
title
很自然地就包含了站點(diǎn)或該頁(yè)面的核心關(guān)鍵詞，并不需要刻意地進(jìn)行所謂的“優(yōu)化”。
合理地運(yùn)用
h2
、
h3
等標(biāo)題元素。對(duì)于內(nèi)容頁(yè)來(lái)說(shuō)，它們自然就是文章的不同級(jí)別的標(biāo)題；而對(duì)于首頁(yè)或功能頁(yè)來(lái)說(shuō)，我一般還將它們用作功能區(qū)塊的標(biāo)志元素。
頁(yè)面描述的
meta
信息的重要性不可忽視，應(yīng)包含或概括頁(yè)面的核心內(nèi)容。（不過(guò)由于精力有限，本站早期頁(yè)面的描述信息采用的是公用的模板。）
Web 標(biāo)準(zhǔn)的優(yōu)越性已經(jīng)深入人心了，結(jié)構(gòu)與表現(xiàn)的分離至關(guān)重要。在制作頁(yè)面時(shí)，盡量保證頁(yè)面代碼純凈無(wú)雜質(zhì)，避免表格的嵌套和
font
、
center
等純表現(xiàn)的標(biāo)簽。這樣整個(gè)頁(yè)面的體積非常輕巧，便于搜索引擎抓取。
還可以在頁(yè)面中使用
strong
、
em
、
dfn
等元素進(jìn)一步強(qiáng)化關(guān)鍵詞。似乎這個(gè)步驟的重要性遠(yuǎn)不及前面幾條，適量使用就好。
做完了這些，搜索引擎自然會(huì)對(duì)頁(yè)面的品質(zhì)和價(jià)值有一個(gè)積極的判斷。我甚至在猜測(cè)，像 Google 這樣聰明的搜索引擎，會(huì)不會(huì)對(duì)采用豐富的語(yǔ)義化標(biāo)簽進(jìn)行編寫的頁(yè)面更有好感，從而加大權(quán)重？

P.S. 竊喜了一段時(shí)間之后，我也很快冷靜下來(lái)，小站的優(yōu)勢(shì)關(guān)鍵詞還是比較冷門。如果哪天在“CSS”這樣的關(guān)鍵詞排名中也名列前茅的話，那才叫牛×！