上一篇裡，我們從網站運營的角度說瞭說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('

).append(

);
})
需要註意的是，這個JavaScript代碼要寫到一個獨立的js文件中。

如果頁面中，用到多個圓角，則隻管設置class為panel即可。

這樣，我們可以減少HTML代碼，實現瞭增加內容和HTML代碼比的目的。
在不犧牲用戶視覺效果的情況下，給爬蟲看一個幹凈的頁面代碼，並且在網速相等的條件下，一定的減少抓取時間，有利於抓取，毫無疑問，也將有利於搜索引擎的排名。

除瞭這個圓角外，滑動門等，完全可以用jQuery進行代碼優化，說點不客氣的話，國內常用的那些滑動門實在是惡心，還得加一大堆沒用的id，其實滑動門可以做的更簡單。

這裡是HTML代碼:

<dl>
<dt>滑動門標題1</dt>
<dd>滑動門1對應的內容</dd>
<dt>滑動門標題2</dt>
<dd>滑動門2對應的內容</dd>
......
</dl>

文章版權為成捷信息科技所有，轉載請註明出處：.cn/blog/webdesign/words_html_code