HTML5中哪些标签可以用来做SEO优化

一、头部代码

目前成都创新互联已为上1000+的企业提供了网站建设、域名、网页空间、网站改版维护、企业网站设计、石峰网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。

1、标题标签(title标签)

在HTML5中标题标签依然存在，其仍然具有不可替代的作用;不过我们看到还有更多的可供搜索引擎识别的代码，我们将改代码的等级微降。

2、元标签(meta标签)

字符集编码声明标签：该标签原本就是搜索引擎必看且首先要看的标签，其他属性都省略唯独留下charset属性能看到google公司用心良苦。

网页描述标签：该标签虽然没有什么提示，但是该区域的内容将会在SERP显示，其重要性不应该被忽略。

二、正文代码

1、头部标签(header标签)

这块区域之前以logo居多，而从目前的情况来看，很多资料都建议在这类使用标题1或2标签，即h1或h2标签。我们认为未来每个网页只会出现一个H1标签，而他的位置就是位于header标签内。该区域我们不建议使用strong标签，不要使用b标签。

2、导航标签(nav标签)

nav标签内基本上都是a标签，而HTML5中不应该靠添加title标签来进行优化，我们建议是用strong标签。

3、文章标签(article标签)

article标签区域，我们可以使用h2标签，而不建议使用h1标签。基本上有多少个article标签就可以使用多少个h2标签。PS：可把SEO乐死了，估计黑帽又找到作弊的地方了。

而article标签区域的section标签将会替代h2标签链接过去的URL的title属性，这块区域的文字有可能将成为目标URL的description内容，即有可能会影响目标URL在SERP中的描述。

4、左或右侧标签(aside标签)

aside标签的文字信息与article标签区域的文字信息需要匹配，如果关联程度不大，可能会影响到该页面以及目标页面的排名。这是在HTML4中很多SEO忽视的一块区域，而这块区域的关键词对本页面可能影响不是很大。因为aside标签的内容基本上都属于公共内容，即会有N多的页面都有该内容。

5、底部标签(footer标签)

footer标签区域的内容对首页的排名将会增加，而对于内页来说搜索引擎将有可能会视而不见。不建议每个web的footer信息都是独立的，这或许意味着新的黑帽手段将会出现。

HTML5对SEO有什么好处

HTML5对SEO结构上的好处

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

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

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

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

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

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

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

HTML5与SEO有必然的联系吗

HTML5与SEO没有必然的联系，但使用HTML5的确利于搜索引擎优化，主要表现在如下几点：

1、HTML5新增了不少新元素，这些新标签对SEO还是比较有影响的，适当运用，也许对SEO优化是有很大好处。

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

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

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

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

（5）article 定义文章区域，可以更有利于搜索引擎识别网页的内容以及判断相关性。， aside定义页面内容之外的内容，在左侧或右侧边栏。aside标签的文字信息与article标签区域的文字信息最好是相关。这些结构元素有些在HTML4时代，一般是用div来定义。如div id="header"、div id="nav"和div id="footer"，但是难免有些网站会采用其它的命名方式。而HTML就把这些都标准化了，规范化了，简洁明了。更有利于搜索引擎衡量网页上的内容和相关性，甚至分配权重的流向。

（6）块元素figure定义媒介内容的分组，以及它们的标题，figcaption定义 figure 元素的标题。这两个元素可以说非常好的使媒介和文字说明联系在了一起。有利于搜索引擎理解内容。文字说明是可见的。time定义日期/时间，time标签可能会作为一个来判断网页文字源，也就是能够通过time标签来识别哪篇文章是原创的。

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

2、新增的部分HTML5新标签，实现了以前Javascript才能做到的功能，利于搜索引擎优化。

3、HTML5部分替代了Flash的功能利于搜索引擎优化

html5对于seo有哪些优势

html5对于seo的优势：

1、HTML5新增了不少内联元素，这为黑帽SEO节约了一笔不菲的时间；

2、HTML5的代码可读性更高了，也更简洁了，内容的组织相同，但每个元素有一个明确的清晰的定义，不再被迫去猜测之间不同命名的div标记，搜索引擎可以更容易地衡量你网页上的内容和相关内容。

3、time标签可能会作为一个来判断网页文字源，也就是能够通过time标签来识别哪篇文章是原创的；

4、video标签中间区域的文字信息将会让搜索引擎读懂视频，这是一次飞跃；

5、HTML5提供了一些令用户兴奋的东西，其次产品得到更好的展现，其次我们可以放心地使用它们，其次元素被更谨慎的方式定义，最后搜索引擎也不再淡定了；

6、HTML5会让搜索引擎读懂图片、视频、富媒体，一个新的时代即将到来，SEOer将会有大量的工作要去处理。

是SEO有前景还是html5？

尽管现在html5还是在探索阶段，但作为一个seo人员，必须要洞察先机，了解一些关于html5的知识并分析是否会对seo造成影响。事实上html5对网页设计和开发人员的冲击和影响，远远超过seo人员，但这并不意味着seor无须就html5对搜索引擎优化策略做出调整。

html5新特性

html5是互联网技术逐年演变的一种产物，包含了很多新的标签和元素，具体可以查阅《图解html5》一文，但它仍然是基于xml的一种网页表达语言，和html4相比也不是发生了翻天覆地的变化，而且对它的父辈有很好的兼容性，所以我们大可不必忧虑什么都得重头学起，甚至认为html5很难。

html5的哪些变化可能会影响seo

作为seo人员，我们只会关注html5规范发生了哪些可能会影响到seo的变化，下面是其中的一些。

改进网页分块

现在的网页基本上都是分块的，网页分块意味着将一个页面划分为几个独立的部分，包括内容、菜单、头部、底部、链接等，但是站长没有办法告诉搜索引擎应该如何对一个网页进行分块，就是说没有办法告诉搜索引擎哪块是头部，哪块是底部。不过html5将可以改变这一现状，只要使用一些新的标签，如header和footer标签等。

新的article标签

估计这将会是对seo最有积极影响的html5新标签，因为这样可以直接标识文章内容部分，而且可以避免使用div这些标签从而让html代码变得更简洁，无疑对搜索引擎变得更加友好了。另一方面，放在article标签里的内容将比放在页面其他地方的内容能在搜索引擎那里获得更加多的权重。

新的section标签

section标签可以用来识别一个页面或者一本书里单独的章节，它的好处就是每一个章节都可以拥有单独的html标题，再结合article标签考虑，就可以推断到搜索引擎将会更加注重单独章节里的内容。举个例子，如果在某一章节里找到与搜索字符串相匹配的内容，将比在整个页面或者其他地方找到的能获得更高的相关性。

新的header标签

header标签对于seo人员来说是一个福音，因为相比于现在的head，它提供了更大的灵活性。header标签和H1标签的作用非常相似，但不同的是，header里面可以包含很多东西，包括可以是H1、H2括起来的内容，也可以是整段文字，又或者是链接，以及你觉得有相关的其他信息。

新的footer标签

footer标签没有header标签那么管用，但仍然可以包含一些重要信息在里面，它可以用作seo的一种手段。header和footer标签可以在一个页面里多次出现，例如，我们可以为一个单独的section配备一个header和一个footer，这无疑为我们提供了很大的灵活性。

新的nav标签

网站面包屑导航是seo的重要因素，一个导航友好的网站无疑可以在搜索引擎那里获得更高的排名，所以一切简化导航的做法都是对seo有作用的，而nav就可以做到这一点。

我们在这里只是列举了部分在某种程度上可能会对seo产生影响的html5新标签，html5还有很多新的标签，例如audio、video、dialogue等，但它们对seo的重要性相对较低，所以在此不作讨论。

总结

目前，html5对于大部分人来说还是很遥远的，当越来越多的网页应用上html5的时候，搜索引擎才会更加注重html5，并作出相应的策略调整，或者只有那时才会知道搜索引擎究竟会如何对待html5的页面。现在看来，html5的大规模普及并不是很快就会发生的事，所以我们无须过分担忧它对seo产生的影响，可以继续只关注html4。另一方面，浏览器也需要时间去为html5作出改变，所以html5无处不在的那一天还挺遥远的。

不过，一旦html5为所有浏览器和更多的用户所接受，它将成为未来很长时间的主导标准，所以我们要时刻关注它的动态、关注其他站长正在做什么，目的是为了确保不要错过当html5成为事实标准后应该马上作出反应的那一个时机。

如何做html5 的seo优化

既然HTML5是网页改版的一次创新，那么它跟我们所熟知的SEO有必然的联系吗？实际上，HTML5与SEO之间有着千丝万缕的关系。

第一、使搜索引擎更加容易抓取和索引

对于一些网站，特别是那些严重依赖于FLASH的网站HTML5是一个大福音。如果你有一个都是FLASH的站点，你就一定会看到切换到HTML5的 好处。首先，搜索引擎的蜘蛛将能够抓取你的站点和索引你的内容。所有嵌入到动画中的内容将全部可以被搜索引擎读取。在搜索引擎优化的基本理论中，这一方面将会驱动你的网站获得更多的点击流量。

第二、提供更多的功能，提高用户的友好体验

使用HTML5的另一个好处就是它可以增加更多的功能。对于HTML5的功能性问题，我们从全球几个主流站点对它的青睐就可以看出。社交网络大亨Facebook已经推出他们期待已久的基于HTML5的iPad应用平台，潘多拉也推出他们基于HTML5的音乐播放器的新版本。游戏平台 Zynga也在推出了三款新的在移动设备浏览器上运行的基于HTML5的游戏等等。每天都有不断的基于HTML5的网站和HTML5特性的网站被推 出。保持站点处于新技术的前沿，也可以很好的提高用户的友好体验。

第三、可用性的提高，提高用户的友好体验

最后我们可以从可用性的角度上看，HTML5可以更好的促进用户于网站间的互动情况。多媒体网站可以获得更多的改进，特别是在移动平台上的应用，使用 HTML5可以提供更多高质量的视频和音频流。

网页名称：seohtml5,html5 seo
网址分享：http://myzitong.com/article/dsseoei.html