SEO & HTML语义化

SEO
　　SEO的概念：搜索引擎优化，常见的搜索引擎有百度、谷歌等。优化的话，就是通过我们的处理，使得我们的网站在搜索引擎下有一个理想的结果。
　　SEO的目的：当用户在搜索引擎上搜索关键词的时候，看到我们的网站，增大访问可能性。
　　SEO的排名：体现你的优化结果
　　SEO的优化：分为站内优化和站外优化
　　SEO的关键词：优化的一部分，一般是网站重点要突出的地方。类似的还有网站标题和网站描述。
　　个人感觉对于SEO如果不是专门做优化的明白这个概念就好。

HTML语义化
　　何为 HTML语义化
　　　　语义化是指根据内容的结构化（内容语义化），选择合适的标签（代码语义化），便于开发者阅读和写出更优雅的代码的同时，让浏览器的爬虫和机器很好的解析。
　　　　HTML语义化的背景，因为之前大多都是 div + css 的页面搭建。
　　为何 HTML语义化
　　　　1. 当我们的内容和标签都语义化之后，可以使得搜索引擎和爬虫更好的解析我们的网站。SEO
　　　　2. 当只有HTML代码的时候也可以较好的体现内容结构和代码结构，可读性
　　　　3. 方便其他设备的解析 屏幕阅读器、盲人阅读器、移动设备
　　　　4. 便于团队开发和维护
　　　　Web of Data
　　如何 HTML语义化
　　　　曾经看到一篇面试题，说明一个 <b> 和 <strong> 的区别，这里应该都知道 <b> 是为了加粗而加粗的，<strong> 是为了强调而加粗的。
　　　　同样 <i> 和 <em> 也有着相同的区别。
　　　　1. 根据内容选择语义化的标签
　　　　2. 降低使用 <div> 和 <span> 这类无语义。
　　　　3. 使用<strong> <em> 而不是 <b> <i>等，单纯样式的通过CSS设置。
　　　　4. 善用标题标签，一个页面只有一个 <h1>
　　　　5. 关键词密度，例如图片的alt属性
　　　　6. 内容容器的使用，<p>、<ul>、<li>、<ol>、<dl>、<dt>、<dd>
　　　　7. 表格使用，标题 <caption>，表头 <thead>，表格主体 <tbody>，表注 <tfoot>
　　　　8. 表单域使用 <fieldset> ，表单域标题 <legend>
　　　　9. 输入框 <input> 说明文本放在 <label>

总结
　　SEO优化便是增加网站被访问的可能性。
　　HTML语义化，让机器看得懂HTML。需要平常多多使用，语义化的习惯。