都说网站优化、网站优化，既然是网站优化，那么最基础的就是从网页的代码开始，传统的html满足不了移动端的需求和PC端的效果，所以html5和CSS3出来了，不但满足了更多的需求，还给我们的优化带来了很多好处。

结构上的

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

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

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

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

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

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

这些结构元素有些在HTML4时代，一般是用div来定义。如