HTML5做网站SEO优化的优势 网站SEO优化 安仔SEO优化网
轻松走上SEO巅峰,从这里开始
为SEOer免费提供最有效的SEO优化知识,期待将来的SEO界是精英的对决!
当前位置:安仔SEO优化网 > SEO优化 > 网站SEO优化 > 浏览优化
网站SEO优化

HTML5做网站SEO优化的优势

Tags:网站,SEO,优化,优势Time:2018-07-26Contents:网站SEO优化Browse:114Type:修改

都说网站优化、网站优化,既然是网站优化,那么最基础的就是从网页的代码开始,传统的html代码满足不了移动端的需求和PC端的效果,所以HTML5和CSS3出来了,不但满足了网站展示效果,还给网站SEO优化带来了很多好处。下面分享,HTML5做网站SEO优化的优势。

HTML5做网站SEO优化的优势

一、HTML5做网站便于搜索引擎识别要抓去的内容

HTML5最大的一个特点是将标记语言的语义进一步丰富,我们可以直接使用<header>,这样的标记网站头部。这样搜索引擎将能够根据这些语义对网页中的内容进一步分析,来帮助用户寻找想要的内容。在Div+CSS技术流行起来之后,我们通常使用<div>的id来对内容分区进行有意义的定义。这样虽然程序员知道各个部分的语义是什么,但是搜索引擎却不能够一一识别其语义内容。

而在HTML5引入一些新的元素,例如,<header>、<article>、<aside>、<footer>,这样一个网页将会变的更有意义。

这样做的好处显而易见,当搜索引擎蜘蛛知道诸如<header>与<footer>之类的部分后可以非常简单的跳过它们,更好的定位网页内容。又或者使用这些元素来进行其他目的的索引,譬如识别版权信息或者寻找网站Logo等。

HTML5做网站SEO优化的优势

二、HTML5增加的结构标签,提高了搜索引擎体验

1、<header>定义了站点的头部信息,也就是页眉,一般放置网站的站点名称以及LOGO和导航栏。这样搜索引擎更容易识别站点的类型。

2、<nav>定义导航链接,也就是栏目或者频道的链接。搜索引擎可以更好了解网站的信息架构、分类等。良好的信息架构,更有利于蜘蛛的爬行和权重的分布。

3、<footer>定义了底部信息,也就是页脚。放置页脚导航,一些比如公司介绍,联系我们之类的信息。一般来说对网站比较不重要,有可能搜索引擎会降低其位置的权重。

4、<section>该元素用来表示网页中不同的分区。优势体现在每个部分都可以有其独立的HTML标题。这可以让搜索引擎更好的了解网页的结构是如何划分的。搜索引擎可能会根据网页中的<section>标签找出其信息架构。

5、<article>定义文章区域,可以更有利于搜索引擎识别网页的内容以及判断相关性。

6、<aside>定义页面内容之外的内容,在左侧或右侧边栏。比如知乎右侧的“相关问题”就属于区域。aside标签的文字信息与article标签区域的文字信息最好是相关。可能会影响到该页面和目标页面的排名。

HTML5做网站SEO优化的优势

这些结构元素有些在HTML4时代,一般是用div来定义。如<div id="header">、<div id="nav">和<div id="footer">,但是难免有些网站会采用其它的命名方式。而HTML5就把这些都标准化了,规范化了,简洁明了。更有利于搜索引擎衡量网页上的内容和相关性,甚至分配权重的流向。

三、HTML5增加的块元素,提高了用户体验

1、<figure>定义媒介内容的分组,以及它们的标题,<figcaption>定义figure元素的标题。这两个元素可以说非常好的使媒介和文字说明联系在了一起。有利于搜索引擎理解内容。文字说明是可见的。

2、<time>定义日期/时间,time标签可能会作为一个来判断网页文字源,也就是能够通过time标签来识别哪篇文章是原创的。

3、<audio>定义音频。

4、<video>定义视频。

这两个元素区域中间的文字信息将会让搜索引擎读懂视频和音频。据说很多国外社交网站都开始试用HTML5,就是因为搜索引擎可以更好识别社交网站更多出现的音视频。

而且在falsh应用上,很多企业站采用flash,如果用HTML5实现,优化起来方便的多。图片的展示,在HTML5里可以不用alt,而是为图片设定标题文字,重要的是H5的加载速度又快。

HTML5做网站SEO优化的优势

总结

作为SEOer要真确选用HTML5标签,头部就用<header>,底部就用<footer>。不可反用,例如:底部内容用了<header>标签,这样容易误导搜索引擎,从而影响网站SEO优化效果。有些HTML5标签是不能重复使用的,比如:<header>、<footer>。正常的网站只会一个头部和一个底部,因此同一个页面<header>、<footer>只能使用一次。总之,在使用HTML5标签时,要根据标签的语义使用,否则适得其反。

《HTML5做网站SEO优化的优势》非原文,部分有改动,转载请注明出处:安仔SEO优化网!