分离结构与表现的另一个重要方面是使用语义化的标记来构造文档内容。一个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>来给网页整体布局,就显得有些怪异了。