在html中，SEO的意思为“搜索引擎优化”，是一种利用搜索引擎的规则提高网站在有关搜索引擎内自然排名的方式；利用SEO对网站进行深度的优化，可帮助网站获取免费的流量，从而提高网站的知名度。
本教程操作环境：windows7系统、HTML5版、Dell G3电脑。
1. 什么是SEO？
SEO（Search Engine Optimization）：汉译为搜索引擎优化。是一种方式：利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名。
搜索引擎大致的工作原理就是利用网络爬虫将各种网站发送请求，然后将得到的HTML页面存储起来，返回给我们搜索的用户，这样我们就能利用搜索引擎看到我们需要的东西了。
因此我们SEO的目的是对网站进行深度的优化，从而帮助网站获取免费的流量，进而在搜索引擎上提升网站的排名，提高网站的知名度。
立即学习“前端免费学习笔记（深入）”；
2. 网站中TDK三大标签SEO优化
- title
- description
- keyword
2.1 title 网站标题
-
title 具有不可替代性，是我们网站内的第一个重要的标签，是搜索引擎了解网页的入口和对网页的入口主题归属的最佳判断点。因此如果我们想我们的网站被搜索引擎搜索到我们的这个title就不能乱写了。
建议格式这样写：网站名（产品名）- 网站介绍（尽量不要超过30个汉字）如下 是京东 和 小米官网的写法
京东(JD.COM)-正品低价、品质保障、配送及时、轻松购物！ 小米商城 - 小米10 Pro、Redmi 10X、小米MIX Alpha，小米电视官方网站
2.2 description 网站说明
提倡：description 作为网站的总体业务和主题概括， 一般采用“我们是…”、“我们提供…”、“电话： xxx”，一般这个具体内容不需要我们考虑，是由专门的SEO人员来写的。
例如京东和小米的这个：
2.3 keywords 关键字
keywords是页面的关键词，也是搜索引擎关注点之一。
keywords最好限制为6~ 8个关键词,关键词之间用英文逗号隔开,采用关键词1,关键词2的形式。
NetShopForge网上商店程序(VB)源码下载NetShopForge是一款强劲的B2C的网上购物软件,利用她我们能建立起强劲的、自由的、安全的购物平台。 维博软件以有这样的软件无比自豪，系统基于ASP.NET 2.0及SqlServer开发，充分享受新技术带来的乐趣。 软件综合了卖家，买家，程序员，设计者的头脑风暴，目的就是用户能建立风格不同的电子商务系统，使它显得更加与众不同。 如果您寻求一款能按您的思想随意发挥的网上购物软件,那么Net
因为京东是这个电商网站，所以他的这个关键词就比较多，我们一般豆是6-8个的,小米的这个刚好8个
3. alt属性
-
网页中的ALT属性是用来对图片进行说明的，这里有两方面的作用，
- 一个是告诉搜索引擎图片的信息。
- 在图片加载不出来时，告诉我们这个图片大致时什么内容。
在网站中我们不能每个图片都加alt，最好的办法还是在网页中重点图片（logo等）使用ALT标识，这样对搜索引擎爬行网页重要图片很有帮助，对于提高网站关键词权重也会很有好处的。
4. Logo 优化
logo里面首先放一个h1标签,目的是为了提权，告诉搜索引擎,这个地方很重要。
h1 里面再放一一个链接,可以返回首页的,把logo的背景图片给链接即可
-
为了搜索引|擎收录我们,我们链接里面要放文字(网站名称) , 但是文字不要显示出来。
- 方法1 : text-indent移到盒子外面( text-indent: -9999px) ,然后overflow:hidden ,淘宝的做法。
- 方法2 :直接给font-size:0;就看不到文字了,京东的做法。
最后给链接- 个title属性,这样鼠标放到logo.上就可以看到提示文字了。
5. HTML 语义化
对于搜索引擎来说，最直接面对的就是网页HTML代码，如果代码写的语义化，搜索引擎就会很容易的读懂该网页要表达的意思。
- 我们的重要的文字使用strong突出
- 我们合理的使用h标签
- 使用我们H5 新增的section、article、nav等标签
相关推荐：《html视频教程》
