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。需要平常多多使用,语义化的习惯。
最新文章
- AC自动机-算法详解
- Html中的文本框和单选按钮
- javascript值和引用
- apk反编译(1)用apktool破解apk
- SQL*Net more data to client
- uva12538
- 使用atomic一定是线程安全的吗
- 进入MAC下面的Library目录
- python 性能- and-or 学习技能
- 我的Node.js学习历程
- 应用程序PING发出的是什么报文?
- django.db.utils.ProgrammingError: 1146 的解决办法
- 第二部分之Redis服务器(第十四章)
- Libevent源码分析系列【转】
- [Android Security] Smali和逆向分析
- ubuntu安装phpVirtualBox web服务
- 原生+H5开发之:js交互【location方式】
- Python 文本相似度分析
- opencv生成灰度图并保存
- java--creater in windows