html 中的 SEO 优化？

什么是 SEO？

1. SEO( Search Engine Optimization)汉译为搜索引擎优化，是一种利用搜索引擎的规则提高网站在有关搜索引擎内自然排名的方式。
2. SEO 的目的是对网站进行深度的优化，从而帮助网站获取免费的流量，进而在搜索引擎上提升网站的排名，提高网站的知名度。

网站的 TDK 三大标签的 SEO 优化

<title>京东(JD.COM)-正品低价、品质保障、配送及时、轻松购物！</title>
<meta
  name="viewport"
  content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes"
/>
<meta
  name="description"
  content="京东JD.COM-专业的综合网上购物商城，为您提供正品低价的购物选择、优质便捷的服务体验。商品来自全球数十万品牌商家，囊括家电、手机、电脑、服装、居家、母婴、美妆、个护、食品、生鲜等丰富品类，满足各种购物需求。"
/>
<meta
  name="Keywords"
  content="网上购物,网上商城,家电,手机,电脑,服装,居家,母婴,美妆,个护,食品,生鲜,京东"
/>

title 标签

1. 表示网站标题
2. 网站名（产品名）-网站介绍（尽量不要超过 30 个汉字）
3. title 具有不可替代性，是网页的第一个重要标签，是搜索引擎了解网页的入口和对网页主题归属的最佳断点
   

description 标签

1. 表示网站说明（简要说明我们网站是做什么的）
2. description 作为网站的总体业务和主题概括，多采用“我们是...”、“我们提供...”“xxx 网站作为...”。“电话：010...”之类语句。
   

keyword 标签

1. 表示网站关键词，是搜索引的关注点之一
2. keywords 最好限制为 6~8 个关键词，关键词之间用英文逗号隔开，采用关键词 1,关键词 2 的形式。

LOGO SEO 优化

1. logo 里面首先放一个 h1 标签，目的是为了提权，告诉搜索引擎，这个地方很重要！
2. h1 里面再放一个返回首页的链接，把 logo 的背景图片给链接即可
3. 为了方便搜索引擎收录我们，我们链接里面要放文字(网站名称)，但是文字不要显示出来
   • 使用 text-indent:-999px（将文字移到盒子外边），然后使用 overflow:hidden(切除盒子外的内容) 淘宝的做法
   • 直接给 font-size:0 就看不到文字了 京东的做法
4. 最后给链接添加 title 属性，这样鼠标放到 logo 上，就可以看到提示文本了。