logo的SEO优化

SEO是什么

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

SEO优化的步骤

1. 定义类名为logo的div盒子
2. div盒子里面放一个h1标签，目的是为了提高权重
3. h1里面再放一个a标签，点击可以返回首页
4. 以背景图片的方式把logo放在a里面
5. a标签里再放一些文字，一般是网站名，但是不要让文字显示出来
6. 最后给a链接一个title属性，鼠标放到logo上的时候可以看到提示文字

演示

.logo {
	width: 200px;
	height: 80px;
}

.logo a {
	display: block;
	width: 200px;
	height: 80px;
	background: url(../images/logo.png) no-repeat;  
	
	
	/* 让文字消失看不见的两个方法 */
	
	/* 1. 让字体大小变为 0 */
	/* font-size: 0; */
	
	/* 2. 移动文字到视野之外，并隐藏超出部分 */
	text-indent: -9999px;
	overflow: hidden;
}
<div class="logo">
    <h1>
        <a href="index.html" title="品优购商城">品优购商城</a>
    </h1>
</div>

参考

• seo是什么意思
• logo的SEO优化，原来这样的logo才是一个好logo！