CSS中网站TDK三大标签SEO优化

为了以后便于复习，记录一下三大标签的SEO优化

1.SEO定义

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

2. 页面中必须包含的标签

为了复合SEO优化，页面中必须包含3个标签，这3个标签分别是title、description、keywords.
2.1 title网站标题
title具有不可替代性，是网页的第一个重要标签，是搜索引擎了解网页入口和对网页主题归属的最佳判断点
建议：网站名（产品名）-网页的介绍（尽量不要超过30个字）
2.2 description 网站说明
description简要说明网站是做什么的。
description作为网站的总体业务和主题概括，多采用"我们是…",“我们提供…”,“XXX网站作为…”,"电话010-…"之类的语句
2.3 keywords关键字
keywords是页面关键词，是搜索引擎的关注点之一。
keywords最好限制在6-8个关键词，关键词之间用英文逗号隔开，采用关键词1,关键词2,…

3.网站favicon图标

favicon一般用于作为缩略的网站标志，它显示在浏览器的地址栏或标签上，目前的主要浏览器都支持favicon图标
** 制作favicon图标**
（1）将需要的图标切成为png图标
（2）将png图标转换成ico图标，这个需要借助第三方转换网站，例如比特虫，网址为http://www.bitechong.net/
（3）将favicon图标放到文件的根目录下
（4）.html文件引入favicon图标，放到标签里面

4.logo的SEO优化

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