小站开张之后，我就一直在关注小站的站名“CSS魔法”在搜索引擎里的表现。小站在这个关键词的排名上很快就勇拔头筹——当然这是意料之中的。但接下来发现，小站在其它一些关键词上的表现也非常突出，譬如“CSS习题”、“CSS练习题”、“Web标准面试题”等等，居然也是非常靠前的。在发布了 某篇 CSS 教程 之后，“二级导航制作”、“折叠二级导航”等关键词也给小站带来了少许流量。这些情况倒是令我有些意外，毕竟小站未做刻意推广或 SEO。
如果要找原因的话，我觉得还是应该归功于良好的 HTML 结构和语义化标签的运用。在建博之前，小站的页面均为手写，力求语义化标签的合理运用；同时，对页面头部的
title
和
meta
信息也做了合理的安排。这其中的要点在于：
正如每篇文章都有其标题一样，每个页面都必须拥有
h1
元素，其内容应该是页面内容的大标题。而且通常页面
title
也应该包含此信息。这样一来，
h1
元素和页面
title
很自然地就包含了站点或该页面的核心关键词，并不需要刻意地进行所谓的“优化”。
合理地运用
h2
、
h3
等标题元素。对于内容页来说，它们自然就是文章的不同级别的标题；而对于首页或功能页来说，我一般还将它们用作功能区块的标志元素。
页面描述的
meta
信息的重要性不可忽视，应包含或概括页面的核心内容。（不过由于精力有限，本站早期页面的描述信息采用的是公用的模板。）
Web 标准的优越性已经深入人心了，结构与表现的分离至关重要。在制作页面时，尽量保证页面代码纯净无杂质，避免表格的嵌套和
font
、
center
等纯表现的标签。这样整个页面的体积非常轻巧，便于搜索引擎抓取。
还可以在页面中使用
strong
、
em
、
dfn
等元素进一步强化关键词。似乎这个步骤的重要性远不及前面几条，适量使用就好。
做完了这些，搜索引擎自然会对页面的品质和价值有一个积极的判断。我甚至在猜测，像 Google 这样聪明的搜索引擎，会不会对采用丰富的语义化标签进行编写的页面更有好感，从而加大权重？
P.S. 窃喜了一段时间之后，我也很快冷静下来，小站的优势关键词还是比较冷门。如果哪天在“CSS”这样的关键词排名中也名列前茅的话，那才叫牛×！
代码,语义化
更新日志
- 小骆驼-《草原狼2(蓝光CD)》[原抓WAV+CUE]
- 群星《欢迎来到我身边 电影原声专辑》[320K/MP3][105.02MB]
- 群星《欢迎来到我身边 电影原声专辑》[FLAC/分轨][480.9MB]
- 雷婷《梦里蓝天HQⅡ》 2023头版限量编号低速原抓[WAV+CUE][463M]
- 群星《2024好听新歌42》AI调整音效【WAV分轨】
- 王思雨-《思念陪着鸿雁飞》WAV
- 王思雨《喜马拉雅HQ》头版限量编号[WAV+CUE]
- 李健《无时无刻》[WAV+CUE][590M]
- 陈奕迅《酝酿》[WAV分轨][502M]
- 卓依婷《化蝶》2CD[WAV+CUE][1.1G]
- 群星《吉他王(黑胶CD)》[WAV+CUE]
- 齐秦《穿乐(穿越)》[WAV+CUE]
- 发烧珍品《数位CD音响测试-动向效果（九）》【WAV+CUE】
- 邝美云《邝美云精装歌集》[DSF][1.6G]
- 吕方《爱一回伤一回》[WAV+CUE][454M]