上一篇裡，我們從網站運營的角度說了說SEO的網站內部鏈接。
今天，從網站建設的角度，既設計師的角度來說說如何SEO一個網站的文字和HTML代碼比。
其實對於搜索引擎來說，最友好的，當屬文字了，雖然現在圖片的抓取不斷在改進，但是任何一位有經驗的老手都會告訴你，SEO，文字最合適。也正因為此，比方說網站建設博客裡，圖雖有，但仍是文字居多。
這裡給大家舉個簡單的例子，說明如何增加網站的文字與HTML代碼比：
如：
很多人喜歡這樣寫H1：<h1 class=”title”>這裡是標題</h1>
眾所周知，一個頁面不會出現兩個H1，如果有兩個，那好比一個人身上長著兩個腦袋一樣很難看。這不僅是常識，也是標准。所以給h1加上這些那些class或id是畫蛇添足。
應這樣寫：<h1>這裡是標題</h1>
然後樣式需要在CSS中定義。
這是很簡單，那頁面中有圓倒角如何做？網上有N多辦法，其中最典型的就是HTML+CSS實現圓角矩形，HTML代碼部分如下：
<div class="panel">
<DIV class="t-o b1"></DIV>
<DIV class="t-o b2"></DIV>
<DIV class="t-o b3"></DIV>
<DIV class="t-o b4"></DIV>
<DIV class="content">
<!-- 這裡放內容 -->
<DIV class=clear></DIV>
</DIV>
<DIV class="b-o b4"></DIV>
<DIV class="b-o b3"></DIV>
<DIV class="b-o b2"></DIV>
<DIV class="b-o b1"></DIV>
<DIV class="break"></DIV>
</div>
其實，我們完全不必用這些代碼，可以簡化到：
<div class="panel">
<!-- 這裡放內容 -->
</div>
毫無疑問，這樣可以很明顯的減少HTML代碼，當然，光這樣寫是失去了圓角效果，效果我們可以借助JS加上。
我們完全可以用純粹的JavaScript代碼來寫，為了方便，我們采用jQuery來寫：jQuery(function($){
$('.panel').prepend('
‘);
})
需要注意的是，這個JavaScript代碼要寫到一個獨立的js文件中。
如果頁面中，用到多個圓角，則只管設置class為panel即可。
這樣，我們可以減少HTML代碼，實現了增加內容和HTML代碼比的目的。
在不犧牲用戶視覺效果的情況下，給爬蟲看一個干淨的頁面代碼，並且在網速相等的條件下，一定的減少抓取時間，有利於抓取，毫無疑問，也將有利於搜索引擎的排名。
除了這個圓角外，滑動門等，完全可以用jQuery進行代碼優化，說點不客氣的話，國內常用的那些滑動門實在是惡心，還得加一大堆沒用的id，其實滑動門可以做的更簡單。
這裡是HTML代碼:
<dl>
<dt>滑動門標題1</dt>
<dd>滑動門1對應的內容</dd>
<dt>滑動門標題2</dt>
<dd>滑動門2對應的內容</dd>
......
</dl>
文章版權為成捷信息科技所有，轉載請注明出處：http://www.inwebsite.com.cn/blog/webdesign/words_html_code