web前端优化:html标签与seo

本文属于高性能web前端优化指南系列文章。

html标签不只是方便管理网页的结构,他们还与seo有很密切的关系。

最简单的html网页是什么样的?其实你把一个文本文件改成.html后缀,然后上传到空间并从其他页面给一个链接过来,搜索引擎同样能识别这个“网页”。这就是最简单的网页了

但这网页太简单了,没有重点,没有突出,所以引不起搜索引擎的兴趣。就像一个前凸后翘的妹子总能吸引很多人的眼光,而长得像个圆柱体的话,就没什么人看了。

网页的精髓其实还是文字(即内容),而各种html标签的作用就是,告诉读者和搜索引擎,哪些文字更重要,哪些可以忽略。

如果你看到过一个没有任何css样式的网页,你会发现不同的html标签包围的元素,样式都是有区别的,这就是html标签本身的意义。

比如:

  1. title标签。整个网页只有一个,对搜索引擎至关重要。
  2. h1~h6标签,他们是指文章内的标题。可以说是最重要,且h1标签整个页面只有1个(当然你也可以任意加)
  3. strong,em,i等标签。这些标签可以把文字变成另一个突出的样式,如加粗,变成斜体,或加上下划线什么的。他们不但可以在视觉上引起读者的注意,而且搜索引擎也会把他们当成关键字标示
  4. A标签,即超链接。搜索引擎之所以能存在,就是因为超链接组成的网络,一个没有超链接的网页是没有意义的,只能算个记事本
  5. p标签,通常用来列举大段大段的文字,意义不是很明显
  6. 其他。。。不说了

此文标题中说的是seo,那我还是讲讲搜索引擎吧。搜索引擎是个机器人,木有眼睛,像个盲人,他可以读取你网页的内容,却不能读取网页的样式,所以css样式写的再好,对搜索引擎也没什么用。要引起搜索引擎的关注,合理的html标签分布是很必要的。

下面说一说最基本的html标签分布吧:

1,网页的title标签对搜索引擎很重要

title标签一定要起到总结整篇文章内容的作用

2,文章的总标题请使用h1标签

同理,文章里面的小标题可以使用h2,h3等标签,让结构错落有致。

3,网站的Logo和名字,用什么标签

一般人包括我,都是用的h1标签。但说实话,我感觉没这个必要,因为网站名就这么几个字,比如我的就叫“脚儿网–web前端开发”。如果你网站上所有的网页都用h1标签包围你的网站名,恐怕会对你网页中真正重要的内容造成牵制。

就拿文章内页来说吧,比如本文,本来最重要的应该是此文章的标题:《web前端优化:html标签与seo》,而此文的标题也确实使用了h1标签,但网站页头又有一个同样用h1标签的logo,这,能算是一个混乱吧?

如此说来,本站估计不久就会调整网页的html结构,哈哈

4,关键字用strong包起来

当然,其他的突出标签也可以用

5,超链接保持合适的密度

虽然超链接重要,但整篇都是超链接,无疑也让人找不到重点

——————–总结————————-

很多人把css运用的出神入化,即便给他一个全部都是div的网页,他也能做到层次分明错落有致。但是,了解Html标签真正的意义才是最正确的,不能因为觉得某标签不合意(比如默认样式难看,布局难以对齐等)就用其他标签替代,越俎代庖的事情,还是少做吧。

更多seo知识,有志者自行搜索吧。

发表评论

电子邮件地址不会被公开。