小站開張之后，我就一直在關注小站的站名CSS魔法在搜索引擎里的表現(xiàn)。小站在這個關鍵詞的排名上很快就勇拔頭籌——當然這是意料之中的。但接下來發(fā)現(xiàn)，小站在其它一些關鍵詞上的表現(xiàn)也非

小站開張之后，我就一直在關注小站的站名CSS魔法在搜索引擎里的表現(xiàn)。小站在這個關鍵詞的排名上很快就勇拔頭籌——當然這是意料之中的。但接下來發(fā)現(xiàn)，小站在其它一些關鍵詞上的表現(xiàn)也非常突出，譬如CSS習題、CSS練習題、Web標準面試題等等，居然也是非?？壳暗?。在發(fā)布了 某篇 CSS 教程 之后，二級導航制作、折疊二級導航等關鍵詞也給小站帶來了少許流量。這些情況倒是令我有些意外，畢竟小站未做刻意推廣或 SEO。 如果要找原因的話，我覺得還是應該歸功于良好的 HTML 結構和語義化標簽的運用。在建博之前，小站的頁面均為手寫，力求語義化標簽的合理運用；同時，對頁面頭部的 title 和 meta 信息也做了合理的安排。這其中的要點在于： 正如每篇文章都有其標題一樣，每個頁面都必須擁有 h1 元素，其內容應該是頁面內容的大標題。而且通常頁面 title 也應該包含此信息。這樣一來， h1 元素和頁面 title 很自然地就包含了站點或該頁面的核心關鍵詞，并不需要刻意地進行所謂的優(yōu)化。 合理地運用 h2 、 h3 等標題元素。對于內容頁來說，它們自然就是文章的不同級別的標題；而對于首頁或功能頁來說，我一般還將它們用作功能區(qū)塊的標志元素。 頁面描述的 meta 信息的重要性不可忽視，應包含或概括頁面的核心內容。（不過由于精力有限，本站早期頁面的描述信息采用的是公用的模板。） Web 標準的優(yōu)越性已經深入人心了，結構與表現(xiàn)的分離至關重要。在制作頁面時，盡量保證頁面代碼純凈無雜質，避免表格的嵌套和 font 、 center 等純表現(xiàn)的標簽。這樣整個頁面的體積非常輕巧，便于搜索引擎抓取。 還可以在頁面中使用 strong 、 em 、 dfn 等元素進一步強化關鍵詞。似乎這個步驟的重要性遠不及前面幾條，適量使用就好。 做完了這些，搜索引擎自然會對頁面的品質和價值有一個積極的判斷。我甚至在猜測，像 Google 這樣聰明的搜索引擎，會不會對采用豐富的語義化標簽進行編寫的頁面更有好感，從而加大權重？ P.S. 竊喜了一段時間之后，我也很快冷靜下來，小站的優(yōu)勢關鍵詞還是比較冷門。如果哪天在CSS這樣的關鍵詞排名中也名列前茅的話，那才叫牛×！