logo优化

1、logo尽量小

2、一般做背景放进去，搜索引擎不人IMG

3、加h1提权

4、搜索引擎对a标签友好，加a标签

5、加title属性，提高用户体验

6、可以用text-indent:-9999em隐藏a标签中的文字

7、首页logo和二级域名的logo不能取相同的名字

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6 <style type="text/css">
 7     body,div{margin:0;padding:0;}
 8     body{min-width:700px;}
 9 .column{
10     height:300px;float:left;
11 }
12 .main{
13     width:100%;
14 }
15 .inner{
16     height:300px;background:red;width:100%;
17     margin:0 200px 0 200px;
18 }
19 .left{
20     width:200px;margin-left:-100%;;
21 
22 }
23 .logo{width:181px;height:45px;}
24 .logo a{
25     display:block;
26     width:100%;
27     height:100%;
28     text-indent:-9999em;
29     background:url("img/logo.gif") no-repeat;
30 }
31 .right{width:200px;margin-left:-200px; background:orange;
32 
33 }
34 
35 
36 </style>
37 
38 
39 </head>
40 <body>
41     <div class="container">
42         <div class="column main">
43 <div class="inner">
44         acvbdfdfesdfacvbdfdfesdfacvbdfdfesdf
45         acvbdfdfesdfacvbdfdfesdfacvbdfdfesdfacvbdfdfesdfacvbdfdfesdfacvbdfdfesdf
46         acvbdfdfesdfacvbdfdfesdfacvbdfdfesdfacvbdfdfesdf
47         acvbdfdfesdfacvbdfdfesdfacvbdfdfesdfacvbdfdfesdf
48         acvbdfdfesdfacvbdfdfesdfacvbdfdfesdfacvbdfdfesdf
49         acvbdfdfesdfacvbdfdfesdfacvbdfdfesdfacvbdfdfesdf
50         acvbdfdfesdfacvbdfdfesdfacvbdfdfesdfacvbdfdfesdf</div>
51         </div>
52         <div class="column left">
53             <div class="logo">
54                 <h1>
55                     <a href="#" title="企业">企业</a>
56                 </h1>
57             </div>
58         </div>
59         <div class="column right"></div>
60     </div>
61 </body>
62 </html>

View Code