logo优化
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>