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就把这些都标准化了，规范化了，简洁明了。更有利于搜索引擎衡量网页上的内容和相关性，甚至分配权重的流向。

块元素

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

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

<audio>定义音频

<video>定义视频

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

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

<strong>标签：<strong>是一个加强语气强调的标签，它的强调作用主要是通过把字体加粗来实现的，但是不同的浏览器对于strong的显示效果也不太一样，在搜索引擎中，也是比较重视这个标签的，一般对于我们加<strong>的文本内容，搜索引擎都会给予高度的重视，虽然它的表现形式也是加粗，与H标签表现形式一样，可是它们却是两个不同的概念，不能混合使用。<H>标签：H标签也叫做Heading标签，HTML语言里一共有六种大小的h 标签，是网页html 中对文本标题所进行的着重强调的一种标签，以标签<h1>、<h2>、<h3>到<h6>定义标题头的六个不同文字大小的tags,本质是为了呈现内容结构。共有六对，文字从大到小，依此显示重要性的递减，也就是权重依次降低。需要注意的是<H>标签不同于title标签。HTML标签在站长SEO路途中的作用H标签不仅直观的告诉用户，网页哪部分是重要的，哪些是不那么重要，同时引导搜索引擎，判断这个页面应该给予哪个关键词排名。对搜索引擎来说，<h>标签的主要意义是告诉搜索引擎这个是一段文字的标题或说是主题，起强调作用，h标签的权重会高于Strong。因此在搜索引擎优化中H标签的运用非常重要。<font>标签：字体标签<font>可以改变字符的字体，而且它的属性很多，例如大小，粗细，颜色等，在实践中我们经常使用它的颜色属性来标注不同的内容，以达到与其它字体的区别强调，以达到引起搜索引擎以及用户注意的目的。例如字体的红色属性、字体的大号字属性等。<b>标签：虽然它与H标签、strong标签呈现出来的作用都是文本内容的加粗，但是它们的含义却有着很大的不同，H标签一般加在页面中的标题、副标题等下，用于结构化网页，strong标签的主要作用是强调，可以在页面中强调某个关键词，而b标签的作用主要是加粗，仅仅是加粗，我们从它们的标签含义就能明白它们的区别，在实践中不能混为一谈。<em>标签：斜体<em>标签，它的强调作用仅仅次于<strong>标签，一般来说，strong是用来强调关键词在文章中的重要性，<em>标签的作用主要是为了强调内容，例如在一行中的某个重要的属性，我们可以加上<em>标签以示强调、来吸引用户的眼球。

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

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

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

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

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

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

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

---