網站logo優化分爲四大步:html
1. logo要用h1標籤包住,目的是提權,告訴搜索引擎logo很重要。優化
2. h1標籤裏在放一個a標籤,能夠返回首頁,轉化a的顯示模式,將logo做爲背景圖片放入a標籤。網站
3. a標籤裏放入網站名字,經過 font-size: 0; 隱藏文字。搜索引擎
4. 給a標籤一個 title 屬性,值爲網站名稱,當鼠標放到logo上就能夠顯示網站名字。url
<style> .logo { display: block; width: 200px; height: 100px; background: url(logo.png) no-repeat center; } </style>
<div class="logo"> <h1><a href="index.html" title="網站名字">網站名字</a></h1> </div>