什么是SEO
SEO(Search Engine Optimization),中文名叫搜索引擎优化。百度百科的解释:是一种利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名一个具有注脚的文本。通俗的说法,就是当别人通过关键词进行搜索时,让你的网站优先出现在前面或者首位的一种技术和优化思路。
关于网站logo的SEO优化
当我们在写网站的时候,做到logo的时候,如果我们只是简单的放一个盒子再将logo图片放上去的话,SEO不会认为你的这个logo是一个好logo,就不会让用户在搜索关键字的时候让你的网站出现在前列,那么我们该如何做好logo的SEO优化呢?
- logo里面首先放一个h1标签,目的是为了提高权重,告诉搜索引擎,这块很重要!!
- h1里面在放一个a链接,点击可以返回首页,把logo的背景图放进去即可。
- 为了让搜索引擎更好的接纳我们,a链接里要放文字,一般是网站名,但是文字不要显示出来
①:text-indent移到盒子外(text-indent: -9999px),然后overflow: hidden 隐藏
②:直接给font-size: 0,就看不到文字了。 - 最后给a链接一个title属性,这样鼠标放到logo上的时候就可以看到提示文字了。
我们可以看一下淘宝的做法:
然后自己再简单做一个:
<style>
.logo {
position: absolute;
width: 171px;
height: 61px;
top: 25px;
}
.logo a {
display: block;
width: 171px;
height: 61px;
background: url(../images/logo.png) no-repeat;
/* 隐藏文字 */
font-size: 0;
}
</style>
<!-- logo -->
<div class="logo">
<h1>
<a href="index.html" title="品优购商城">品优购商城</a>
</h1>
</div>
虽然看起来的效果和直接放一个logo图片没什么区别,但是在搜索引擎看来,这就是一个好的logo!
感谢pink老师让我知道了这个小技巧,让我涨知识!