重头学习html5+css3系列笔记（11）

网页favicon图标

1. 截取png格式的图片
2. 在网站中将其转为.ico格式
3. 在head中引入

 <link rel="shortcut icon" href="favicon.ico">

网站三大标签SEO优化

SEO(search Engine Optinization)意思是搜素引擎优化，是一种利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名的方式
页面必须有三个标签TDK，即title description keyword来进行SEO优化

title 网站标题

title具有不可替代性，是我们网页的第一个重要的标签，是搜索引擎了解网页的入口和对网页主题归属的最佳判断点。
建议：网站名-网站的介绍（不超过三十个字）

 <title>品优购-综合网购首选，价格实惠，质量保证，配送及时，轻松购物！</title>

description 网页介绍

对网站进行介绍

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

keywords

keywords 是页面关键词，是搜索引擎的关注点之一
keywords最好限制在6~8个关键词，关键词之间用英文逗号隔开，采用关键词1，关键词2的形式（越靠前权重越高）

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

LOGO SEO优化

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