代码语义化是最好的SEO
小站开张之后,我就一直在关注小站的站名“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”这样的关键词排名中也名列前茅的话,那才叫牛×!
推荐阅读
-
代码语义化是最好的SEO
-
C# 中的 is 真的是越来越强大,越来越语义化
-
SEO 用语义化的HTML制作网页
-
【开源免费】分享一个可能是业内最好的API接口管理平台----eoLinker 开源免费自动化测试接口管理APIeolinker
-
.使用 HTML+CSS 实现如图布局,border-widht 5px,一个格子大小是 50*50,hover时候边框变为红色(兼容IE6+,考虑语义化的结构)_html/css_WEB-ITnose
-
.使用 HTML+CSS 实现如图布局,border-widht 5px,一个格子大小是 50*50,hover时候边框变为红色(兼容IE6+,考虑语义化的结构)_html/css_WEB-ITnose
-
什么是语义化标签?语义化标签的使用
-
Html技巧 语义化你的代码_html/css_WEB-ITnose
-
代码语义化是最好的SEO
-
开放源代码 - 类似PHP开源免费,他们是如何进行商业化运作的?