或者

HTML语义化在搜索引擎优化(SEO)中的应用

作者:川藏线。 浏览:124 发布时间:2018-02-05
分享 评论 0

其实笔者接触HTML语义化也不是很久,还记得第一次接触竟然是被某网络公司WEB前端招聘的HR问到,当时真的很囧。所谓吃一堑,长一智,笔者决定对WEB前端和SEO结合起来学习。什么是HTML语义化?如果大家对它也较为陌生,或者决定对下面的解释理解起来有点吃力,可以参考下笔者在微博中给的通俗解释。


分离结构与表现的另一个重要方面是使用语义化的标记来构造文档内容。一个XHTML元素的存在就意味被标记内容的那部分有相应的结构化的意义,没有理由使用其他的标记。换句话说,不要让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>是最高的等级,所以你需要准确确定每个页面最重要的内容是什么,要优化的关键词在哪里。以我们最常见的博客为例,博客首页罗列最多的通常就是最新博文,而最重要的应该就是博客的名称了,比如笔者的“笔者网络推广博客”,而后面最新文章的链接标题则可以使用<H2>或者<H3>,一般都使用<H2>,表示次级标题。


但是,是不是每个页面的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标记。