或者

正确使用HTML标记

作者:浅色记忆 浏览:222 发布时间:2017-12-07
分享 评论 0

分离结构与表现的另一个重要方面是使用语义化的标记来构造文档内容。一个html元素的存在就意味着被标记内容的 那部分有相应的结构化的意义,没有理由使用其他的标记。换句话说,不要让CSS使一个HTML元素看起来就像另一个HTML元素,比如用<div>来代替 <p>标

  分离结构与表现的另一个重要方面是使用语义化的标记来构造文档内容。一个html元素的存在就意味着被标记内容的那部分有相应的结构化的意义,没有理由使 用其他的标记。换句话说,不要让CSS使一个HTML元素看起来就像另一个HTML元素,比如用<div>来代替<p>标记标题。

  虽然语义化的HTML属于WEB标准化范畴,值得WEB前端设计者学习,但对于一个全面的SEO来说,使用标准化的网页结构,对于SEO是有百利而无一害 的,而WEB标准化就必须谈到语义化的HTML。其实,应该很容易想象,如果整个HTML文档中,只用div来布局和表现数据,那还需要其他的HTML标 签做什么呢?可以这么说,语义化的HTML让我们的网页更加容易被人或者机器理解,更容易清楚的表达网页的真实含义。下面,我们就来了解SEO几处需要重 点注意一些语义化HTML。

  ①标题<Hx>

  <h1>、<h2>、<h3>、<h4>、<h5>、<h6>,在WEB中作为标题使用,并且依据重要性递减。<h1>是最高的等级,所以你需要准确确定 每个页面最重要的内容是什么,要优化的关键词在哪里。以我们最常见的博客为例,博客首页上罗列最多的通常就是最新博文,而最重要的应该就是博客的名称了, 是不是每个页面的H1标签都包含博客名称呢?建议次级页面的博客名称链接都放在H2标签里,而你的文章标题则使用H1标签,这样对于整站优化是很有帮助 的,这也是优化到每个页面需要注意的一点。通过合理设置每个页面的<Hx>标题,网站的内容才会更具优势。

  ②强调<em>、<strong>、<b>、<i>

  <em>、<strong>这两个标签对SEO有着较大影响效果,适当使用它们,可使你的网页增色不少。<em>、<strong>与<Hx>一样,其区 别也在于重要性不一样。<em>表示强调,而<strong>意为重点强调,较<em>更重一些。在SEO时,我们可以将最重要的关键词用 <strong>标记,对第二重要的用<em>标记。结合前面使用的Hx标签,它们更适合放在文章正文的内部,而<Hx>理所当然是在用在正文的外部。有 些WEB设计者为了达到网页的某些效果,使用<strong>纯粹是为了达到加粗,使用<em>就是为了倾斜,而这种做法根本没必要,而且还会影响到 SEO的效果。在以前,为了达到粗体、斜体的效果,WEB设计者会使用<b>、<i>标签,而现在基本不用它们了,它们仅仅是用来表现文本样式的,而最明 智和常用的解决方案是用CSS来控制文字样式。

  ③段落<p>

  当搜索引擎读取网页内容的时候,遇到<p>标签的时候,立马就知道这是一个段落,而如果使用<DIV>,就无法体现html语义化的优势了。从WEB标准 化的角度来看,文章正文使用<p>是理所当然,也是更值得提倡的。不过如果使用<div>代替<p>,对SEO的影响还是甚微的,因为它们并没有任何强调 的意味在里面。但是如果你使用<p>来给网页整体布局,就显得有些怪异了。

  ④列表<ul>、<ol>、<li>、<table>

  <ul>为无序列表,大家广泛使用的,有序列表<ol>也挺常用。在web标准化过程中,<ul>被更多的用于导航条,这样做是完全正确的,而在文章列表 里面,就可以使用<ol>了,因为那些列表都是有一定顺序的。当然,这两个对于SEO的影响也是甚微的,但如果你使用表格<table>代替列表,不仅会 使得HTML文档变得冗长,更不能很好的利用HTML语义化的优势来优化你的网页,因为表格更适合来标记列表的数据。

  ⑤title属性(不是title标签)和alt属性

  title属性是用来为元素提供额外说明信息的,它可以用在除了<base>,<basefont>,<head>,<html>,<meta>, <param>,<script>和<title>之外的所有标签。alt属性为不能显示图像、窗体或applets的用户代理(UA),指定替换文字。 alt属性对图片优化的功能是毋庸置疑的,而且这也是SEO所提倡的,如果你非要在HTML里面使用图片,最好把图片加上alt属性,而且可以将关键词适 当的放到里面去。半年前看到一位博友说title属性(不是title标签)可以增加网站的关键词密度,在这里持有不同的观点,因为现在ALT属性里的值 都已经被搜索引擎轻视了,title里面的内容对关键词密度的影响也会被搜索引擎放低。同时,title属性里的内容并不一定能够增加关键词的密度,如果 大量使用,里面的内容不含关键词,相反会削弱关键词密度。

  这篇文章更适合SEO初学者来看,但是对于很多只懂链接和内容操作的SEO来说,WEB标准化还是应该引起大家的注意。同时,对于WEB设计者来说,考虑HTML对网站SEO的影响,更应该正确的使用你手下的HTML标记。