logoSEO优化

logoSEO优化规则：

1.logo里面首先放一个h1标签，目的是为了提权，告诉搜索引擎，这个地方很重要。

2.h1里面再放一个链接，可以返回首页的，把logo的背景图片给链接即可。

3.为了搜索引擎收录我们，我们链接里面要放文字（网站名称），但是文字不要显示出来。

        方法一：text-indent 移动盒子外面（text-indent:-999px），然后 overflow:hidden 。

        方法二：直接给 font-size:0 就看不到文字了。

4.最后给链接一个title属性，这样鼠标放在logo上就可以看到提示文字了。

例如：

CSS代码

.logo {
    width: 280px;
    height: 128px;
    background-color: pink;
}

.logo a {
    display: block;
    width: 280px;
    height: 128px;
    background: url(./bilibili.png) no-repeat;
    background-size: contain;
    /* text-indent: -999px;
    overflow: hidden; */
    font-size: 0;
}

HTML代码

<div class="logo">
    <h1>
         <a href="index.html" title="哔哩哔哩">哔哩哔哩</a>
    </h1>
</div>

     logo效果图