搜索引擎的视觉总是没有人眼的功能强大，它能看到的页面远比我们看到的枯燥的多。
页面前端代码就是搜索引擎的文字，让他能读懂就要遵循语言规则。多数的前端工作专注于将页面按要求表现出来但是他忽略了另外一种读者（搜索爬虫）；你所有的花架子在它的眼里是那样的露骨；所以页面的结构化和语义化非常重要。
对语义的内容仅举几个方面：
div这个标签对搜索引擎来说只是起到一个分割内容的作用，并没有告诉浏览器这个标签里面的内容到底是干什么用的。所以，整个页面只有用div来布 局的话，那这个页面对搜索引擎来说还不如一句话来的重要，因为搜索引擎不知道你这个页面的重点是什么、列表是什么、内容是什么等等。
所有的标签都是有语义的，我们来看一部分标签的语义：
div 语义：Division（分隔）
span 语义：Span（范围）
ol 语义：Ordered List（排序列表）
ul 语义：Unordered List（不排序列表）
li 语义：List Item（列表项目）
p 语义：paragraph marks（段落标记）
hx 语义：headword（标题）
…………
如果无视标签语义和默认样式，所有标签都用div，其实也是可以写出来视觉效果很好的页面，只要你灵活运用CSS。但是那样的话虽然视觉上达到了要求，但是整个页面一点语义都没有，搜索引擎还是看不懂。所以，要记住：
结构(html)才是重点，样式(css)是用来修饰结构的。所以，要先确定html，确定标签，再来选用合适的css。
一般来说，所有的标签都会有一个默认的样式，所以一个简单的判断网页标签语义是否良好的方法就是：去掉样式，看网页结构是否组织良好有序，是否仍然有很好的可读性。
另外，值得重点提及的是h标签，h标签的语意是标题，搜索引擎对这个标签比较敏感，特别是h1,和h2。一个语义良好的页面，h标签应该是完整有序 没有断层的。也就是说，要h1,h2,h3,h4这样推下来，不要h1,h3,h4，漏掉h2。一个结构良好的网页，h标签可以组织起一个网页的大纲。加 深对 html的理解。