HTML标签语义化和SEO

HTML标签语义化与SEO的关系

HTML标签语义化

概念

HTML5标签语义化指：合理正确的使用语义化的标签来创建页面结构。

语义化的优点

• 在没有CSS样式的情况下，页面整体也会呈现很好的结构效果。
• 代码结构清晰，易于阅读。
• 利于开发和维护，方便其他设备解析（如屏幕阅读器）根据语义渲染网页。
• 有利于搜索引擎优化（SEO），搜索引擎爬虫会根据不同的标签来赋予不同的权重。

常见的语义化标签

结构体

• <header>
• <nav>
• <article>
• <section>
• <aside>
• <footer>
• <h1> <h2> <h3>…

文本

• <p>
• <ul>
• <li>
• <ol>（表示有序列表，通常渲染为一个带编号的列表）
• <blockquote>（代表其中的文字是引用内容）

一致

• <a>
• <strong>
• <em>
• <q>（表示一个封闭的并且是短的行内引用的文本，不加换行符）
• <small>（HTML 中的<small>元素將使文本的字体变小一号。例如从大变成中等，从中等变成小，从小变成超小。在 HTML5 中，除了它的样式含义，这个元素被重新定义为表示边注释和附属细则，包括版权和法律文本。）

SEO

搜索引擎的工作原理

1. 爬行抓取，网络爬虫通过特定规则跟踪网页的链接，从一个链接爬到另一个链接，把爬行的数据存入本地数据库。
2. 使用索引器对数据库中重要信息进行处理，如标签、关键字、摘要，或者进行全文索引，在索引数据库中，网页文字内容，关键词出现的位置、字体、颜色、加粗、斜体等相关信息都有相应记录。
3. 索引器将用户提交的搜索词与数据中的信息进行匹配，从索引数据库中找出所有包含搜索词的网页，并且根据排名算法计算出哪些网页应该排在前面，然后按照一定格式返回给用户。

HTML标签语义化与SEO的联系

HTML语义化， 简单说来就是让机器可以读懂网页的内容，从搜索引擎的工作原理中，已经可以看出，标签语义化对爬虫的爬取以及索引器处理起着很大的作用。不管是在爬虫爬取时，或者是在索引器对网页进行分析处理时，让机器更加准确的将网页的内容分析并存储下来，这就需求我们用合理HTML标记以及其特有的属性去格式化文档内容。