网站logo优化
- logo中放h1标签,提升权重,告诉搜索引擎内容重要
- h1中放链接,提供返回首页的功能,链接需要转换成块,给标签一个大小和logo背景图片
- 链接中需要放文字,文字不需要显示
方法1:可以对a标签使用text-indent: -9999px; 然后添加overflow:hidden;
方法2:设置a标签的font-size:0; - 添加title
下面是我写的练习题中的局部代码
css代码如下
.logo a {
display: block;
overflow: hidden;
width: 175px;
height: 56px;
text-indent: -9999px;
/* 或者font-size: 0; */
background: url(../images/logo_03.png) no-repeat;
}
htm代码如下:
<div class="logo">
<h1>
<a href="index.html" title="logo名字">logo名字</a>
</h1>
</div>