网站favicon图标制作
- 制作favicon图标
- 把图标切片成png图片
- 把png图片转换为ico图标，借助网站比特虫：制作ico图标 | 在线ico图标转换工具 方便制作favicon.ico - 比特虫 - Bitbug.net
- 在html页面的<head></head>元素之间引入代码<link rel="shortcut icon" href=" /favicon.ico" />
网站TDK三大标签SEO优化
SEO（search engine optimization）汉译为搜索引擎优化，是一种利用搜索引擎的规则提高网站在有关搜索引擎内自然排名的方式。
SEO的目的是对网站进行深度的优化，从而帮助网站获取免费的流量，进而在搜索引擎上提升网站的排名，提高网站的知名度。
页面必须有三个标签来符合SEO优化：title description keyword：
- title网站标签
Title具有不可替代性，是页内的第一个重要标志，是搜索引擎了解网页入口和对网页主题归属的最佳判断点
建议：网站名（产品名）-网站的介绍
- Description网站说明
简要说明网站主要做什么
<meta name="description" content="" />
- Keyword关键字
Keyword是页面关键字，是搜索引擎的关注点之一，一般限制为6-8个关键词，之间用英文逗号隔开，采用关键词1，关键词2的形式
<meta name="keywords" content="">
约定命名模块
LOGO SEO优化
- logo里面首先放一个h1标签，目的是为了提取，告诉搜索引擎这个地方很重要
- h1里面再放一个链接，可以返回首页的，把logo的背景图片给链接即可
- 为了搜索引擎收录我们，链接里面要放文字（网站名称），但文字不要显示出来
方法1：text-indent移到盒子外面（text-indent：-999px），overflow：hidden（淘宝）
方法2：直接font-size：0（京东）
- 最合给链接一个title属性，当鼠标放到logo上就可以看到提示文字了