SEO 优化

大约 2 分钟

网站 TDK 三大标签 SEO 优化

SEO(Search Engine Optimization)汉译为搜索引擎优化，是一种利用搜索引擎的规则提高网站在有关搜索引擎内自然排名的方式。

SEO 的目的是对网站进行深度的优化，从而帮助网站获取免费的流量，进而在搜索引擎上提升网站的排名，提高网站的知名度。

页面必须有三个标签用来符合 SE0 优化。

title 具有不可替代性，是我们内页的第一个重要标签，是搜索擎了解网页的入口和对网页主题测归属的最佳判断点。

建议：网站名（产品名）- 网站的介绍（尽量不要超过 30 个汉字) 例如：

简要说明我们网站主要是做什么的。

我们提倡，description 作为网站的总体业务和主题概括，多采用“我们是.”、“我们提供.”、“××× 网作为…”、“电话：010.”之类语句。

例如：

<meta
  name="description"
  content="京东-专业的综合网上购物商城，销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验！"
/>

keywords 是页面关键词，是搜索引擎的关注点之一。

keywords 最好限制为 6~8 个关键词，关键词之间用英文逗号隔开，采用关键词 1，关键词 2 的形式。例如：

<meta
  name="keywords"
  content="网上购物,网上商城手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东"
/>

对于我们前端人员来说，我们只需要准备好这三个标签，具体里面的内容，有专门的 SEO 人员准备。

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