突然發現，一個普通不過的網站Logo的鏈接，卻隱藏著令人感嘆的SEO技術。
網站Logo位，有的網站選擇放置形象圖片，有的網站比較簡單，只寫個網站關鍵詞。而不管是放圖片還是放文字，都會帶上一個連到主頁的鏈接。
正常情況下的HTML代碼應該是這樣的
圖片鏈接：<a href="http://www.yourtsite.com/"><img src="logo.jpg"></a>
文字鏈接：<a href="http://www.yourtsite.com/">你的網站關鍵詞</a>
為了SEO，Logo位鏈接不能這樣寫
因為是Logo位，所以，你得為其加上最重要標簽：H1。這樣，對于只有文字的形式來說，比較好辦，HTML代碼寫為
文字鏈接：<h1><a href="http://www.yourtsite.com/">你的網站關鍵詞</a></h1>
但是對于圖片Logo來說，在img標簽外面加H1是沒有效的，因此，你得想辦法讓Logo位既出現你的網站關鍵詞鏈接，又要顯示你的Logo圖片。實現的方法是使用CSS技術。方法如下：
首先，在網頁的HTML代碼這樣寫
<div id="logo">
<h1><a href="http://www.yoursite.com/" >你的網站關鍵詞</a></h1>
</div>
然后，在CSS里對logo樣式進行設置。我們的目標是不用顯示這個文字，取而代之的是一張Logo圖片。實現的CSS代碼如下
#logo{
float: left;
text-align: left;
text-indent: -999em;
background-image: url(logo.jpg);
}
#logo h1 a{
width: 200px;
height: 50px;
display: block;
}
如果你細心點，你就會發現，現在的blog和cms平臺，都采用了這個技術，可見他們不單對程序開發有深遠研究，同時對SEO的研究也很深入的。而對SEO沒有研究過的程序員開發的企業或者個人網站，往往會容易忽略這些SEO技巧。
