LOGO SEO优化
1、logo里面首先要放一个h1标签,目的是为了提权,告诉搜索引擎,这个地方很重要。
2、h1里面再放一个链接,可以返回首页的,把logo的背景图片给链接即可。
3、为了搜索引擎收录我们,我们链接里面要放文字(网站名称),但是文字不要显示出来。
- 方法1:text-indent移到盒子外面(text-indent:-9999px),然后overflow:hidden,淘宝的做法。
- 方法2:直接给font-size:0;京东的做法。
4、最后给链接一个title属性,这样鼠标放到logo上面就可以看到提示文字。
如下
.logo {
position: absolute;
top:27px;
width: 171px;
height: 61px;
}
.logo a {
display:block;
width: 171px;
height: 61px;
background: url(../images/logo.png) no-repeat;
/* 隐藏a标签文字 */
/* font-size:0;京东做法 */
/* 淘宝做法 */
text-indent: -9999px;
overflow:hidden;
}
<div class="logo">
<h1>
<a href="index.html" title="品优购商城">品优购商城</a>
</h1>
</div>