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

一、头部代码

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利于搜索引擎抓取和索引网站内容

对于一些特殊的网站来说，尤其是严重依赖于Flash的网站来说，Html5的面世给这些网站带来了福音。首先，搜索引擎蜘蛛能够更加轻易的抓取和索引使用Html5标准网站的内容。所有嵌入到动画中的内容将可以更好的被搜索引擎蜘蛛抓取。也就是说，html5有利于搜索引擎抓取和收录我们网站更多的内容，对SEO很友好，可以为网站带来更多的流量。

二、HTML5提供更多的功能和更好的用户体验

由于html5强化了Web网页的表现性能，也追加了本地数据库等Web应用的功能。使得使用html5的网站可以为用户提供更多的功能和更好的用户体验。关于这一点可以从全球几个主流网站对HTML5的钟爱就可以看出一二。 社交网站巨头Facebook已经推出他们基于HTML5的iPad平台上的应用，音乐网站潘多拉也推出基于HTML5的最新版本的音乐播放器等等。几乎每天都可以看到有新的基于HTML5的网站和服务被推出。因此让网站使用HTML5，可以使网站获得更多用户的青睐。

三、HTML5提高网站的可用性和互动性

最后可以从网站可用性的方面上看，html5可以更好的促进用户和网站之间的互动。多媒体网站可以获得更多的改进，特别是移动平台的应用，使用html5可以提供更多高质量的视频和音频流。都知道如今销量十分惊人的iPhone和iPad并不支持FLASH，同时Adobe公司也已经公开声明将停止基于移动平台的FLASH的开发与升级，目前基本可以这么说，移动平台日后的视频音频将会是HTML5的天下。 相信随着时间的推移，HTML5标准对SEO的影响会越来越明显，期待在新的一年里HTML5开发技术能有更加瞩目的发展。

结构上的

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

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

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

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

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

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

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

块元素

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

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

<audio>定义音频

<video>定义视频

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

另外目前搜索引擎可能还不能很好支持的HTML5，毕竟现在还没有更好的推广和运用。但我相信这是未来的趋势。

---