目录
favicon图标
网页TDK三大标签SEO优化（title、description、keywords）
常用模块命名
例如：
一. 制作favicon图标（将图片转化为ico为后缀） 二、favicon图标放到网站根目录下 三、HTML页面引入favicon图标
引入图标
在html 页面里面的<head> </head>元素之间引入代码。
<link rel=" shortcut icon" href="favicon. ico" type= "image/x- icon" />
SEO ( Search Engine Optimization )汉译为搜索引擎优化,是一种利用搜索引擎的规则提高网站在有关搜索引擎内自然排名的方式。目的：是对网站进行深度的优化,从而帮助网站获取免费的流量,进而在搜索引擎上提升网站的排名,提高网站的知名度。 页面必须有三个标签用来符合SEO优化。
description title keyword 三大标签
1. title网站标题
title具有不可替代性,是我们内页的第一个重要标签,是搜索引擎了解网页的入口和对网页主题归属的最佳判断点。 建议:网站名(产品名) - 网站的介绍( 尽量不要超过30个汉字) 例如: ●京东(JD.COM) - 综合网购首选正品低价、品质保障、配送及时、轻松购物! ●小米商城 - 小米5s、红米Note4、 小米MIX、小米笔记本官方网站
2. description网站说明
简要说明我们网站主要是做什么的。 我们提倡, description作为网站的总体业务和主题概括,多采用“我们..”、“我们提供.." 、"xxx网 作为.."、“电话 : 010..."之类语句。
例如: <meta name=”description" content=“京东D.COM-专业的综合网上购物商城销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务,为您提供愉悦的网上购物体验!" />
3. keywords关键字
keywords页面关键词,是搜索引擎的关注点之一。 keywords最好限制为6~8个关键词,关键词之间用英文逗号隔开,采用关键词1,关键词2的形式。 例如: <meta name= "keywords" content="网上购物,网上商城手机笔记本,电脑,MP3,CD,VCD,DV,相机,数码配件,手表存储卡,京东" /> （包含在head标签内）
4、LOGO SEO优化
1. logo 里面首先放一个h1 标签,的是为了提权,告诉搜索引擎,这个地方很重要。 2. h1 里面再放一个链接,可以返回首页的,把logo的背景图片给链接即可。 3.为了搜索引擎收录我们,我们链接里面要放文字(网站名称) ,但文字不要显示出来。 ●方法1 : text: indent移到盒子外面( text- indent: -9999px) , 然后overflow:hidden； 淘宝的做法。 ●方法2 :直接给font-size:0;就看不到文字了,京东的做法。 4.最后给链接一个title属性,这样鼠标放到logo.上就可以看到提示文字了。
