DIV CSS 佈局教程網

在寫這篇文章之前，網上已經有很多網友寫過對麥包麥的優化分析的文章了，都基本闡述了麥包麥的優化令人矚目的地方，現在讓我們再一次深度挖掘下麥包包的優化內功。其實沒什麼深度，只有一句話可以概括，即“百度更懂中文，谷歌更懂英文”。

一般來說優化都基本深致三層，麥包包的商城優化也可以這麼認為，大致優化可以深致三層，首頁，欄目頁面，內頁。四個節點，首頁，欄目頁，內容頁，專題頁。

熱點1

樣式，標簽，英文標識的靈活運用

但不同的是麥包包已經把每頁塊分了三個檢索層，見首頁源代碼，h1，h2，h3及相關英文標識的靈活運用。

<h1 class="h1_siteinfo">麥包包</h1> 

分析：一個頁面只有一個h1，樣式標簽名為h1_siteinfo加下橫線，siteinfo是網站信息的意思，一個頁面只能有一個h1，樣式標簽的更應該圍繞英文意思，對其用“_”劃分，做為代碼的關鍵詞劃分。引擎只捉取客戶端代碼。

如果你仔細查看麥包包這個詞在那裡展示，你會發現你壓根看不到它，請看樣式表。

.h1_siteinfo{position:absolute;left：-999em;}完全靠左，引擎捉取的原則是從左到右，從上到下。

<h2 class="h2_keywords"><span class="span_title">熱門搜索詞：</span>……<a href="http://www.mbaobao.com/cps/13028" target=_blank>復古包</a><a href="http://www.mbaobao.com/activity.html" target=_blank>限時搶購</a></h2>

<h2 class="h2_index_new"><a href="http://www.mbaobao.com/cps/1360" target=_blank>新品推薦</a><strong id="js_moveclew" class="strong_tip">新款初體驗，購買立減10元</strong></h2>

<h3 class="h3_newpro_title"><span class="span_newpro_title now">本期新品</span>|<span class="span_newpro_title">往期熱銷新品</span></h3>

<h3 class="h3_proinfo"><a href="http://www.mbaobao.com/pshow-1111116301.html" target=_blank>[DUDU]雲端天使系列牛皮兩用包 藍灰色 </a><strong class="strong_price">￥298.00</strong><s>￥769.00</s></h3>

每一層次都做得很到位。

熱點2

導航欄目nofollow的運用

針對導航欄目。導航欄目也就是頻道，你會發現它的下拉菜單的欄目鏈接已經nofollow掉了。

<li><a href="http://www.mbaobao.com/k-leather/?order=sale_down" target=_blank>真皮</a><div class="subnavbox">
<div class="div_subnavbox">
<h3 class="h3_navfocus">特別關注</h3> 用h3進行標識
<ul class="ul_subnav">
<li><a href="http://www.mbaobao.com/cps/6703" target=_blank>經典款真皮包</a></li> 沒有nofollow掉。
</ul>
<div class="dotline_a1"></div>
<ul class="ul_subnav">
<li><a href="http://www.mbaobao.com/k-leatherwoman/?order=sale_down" target=_blank>真皮女包</a></li>……</li>

 Nofollow的作用是不指權重放在這些鏈接上，針對於其它內容，這樣提高了主題性。

熱點3

分析：關鍵詞建議三到四個，用逗號劃分，強烈建議關鍵詞之間使用逗號劃分。逗號是符合英文寫作及中文停頓的規范。下橫線“_”則是主要側重title的中頻道加宣傳口號。

<title>麥包包官方網站_淘寶網商城品牌，滿99包郵，淘寶網購貨到付款</title>
<meta name="Copyright" content="mbaobao.com" />
<meta name="Keywords" content="包包,麥包包,麥包包網站,麥包包官網" />
<meta name="Description" content="麥包包，淘寶網商城時尚包包知名品牌！選麥包包官網，團購秒殺正品折扣聚劃算，全場淘寶滿99元免運費，可支付寶登陸付款，網上購物支持貨到付款，7天原件無條件退換貨！" />

熱點4

也許看了以上還不了解百度更懂中文，谷哥更懂英文含義，我們知道無論是百度還是谷歌都納括了海量的關鍵詞數據庫。那麼百度對那些關鍵詞比較有興趣呢？最大，最專業，熱銷，熱門，最新，推薦，新款，關鍵，搶購，特別等等，當然這也是對目標客戶來說也是最醒目的。那麼百度對這些描述都會相對注重，當谷哥就不一樣，對谷歌得用標簽對這些內容對行標識，如h2，h3。請看上面熱點1的代碼h1和h2的地方，還有下面圖：

你會不會注意到，h2和h3標識的一個些檢索詞是不是接近了?

如特別，關注，新品等“<h3 class="h3_navfocus">特別關注</h3>” 用h3進行標識
“><h2>......限時搶購</a></h2>

<h3 class="h3_newpro_title"><span class="span_newpro_title now">本期新品</span>|<span class="span_newpro_title">往期熱銷新品</span></h3>”

那你又發現了什麼，又知道了什麼呢？歡迎你的見解。

熱點5

至少上面的某些點欄目已經包括，在些不多闡述，略過。選擇欄目女包包作為欄目頁的一個分析點。這個欄目已經沒有h1標簽了，已經把注意力下放到了欄目頁面更新點的地方。

我們看看分類列表有如下：

分類加上數字除了對用戶友好外，對引擎來說也是友好的，我們看看單肩包（1218），它的鏈接地址是http://www.mbaobao.com/c-2/，是不變的鏈接，它的旁邊數字是不斷更新的，當蛛蛛來這裡的時候就會爬到這就是欄目頁更新點上。

有一個有趣的地方是，大家做優化都知道，欄目頻道主題很重要的，麥包包並沒有並更多的精力放到這個“女款包包”上。我們看其頻道的面包屑路徑去看，是女款包包，http://www.mbaobao.com/k-women

因為“女款包包”這個關鍵詞上，因為搜索量極小。搜索量如下圖：相反其它更新的節點，如單肩包之類的，這樣更新節點的作用。遠強於“女款包包”這一點，當然它是為目標客戶用戶體驗下功夫的。

更有趣味的一個地方，所有欄目實現二級目錄路徑。應該說是根目錄下的一個文件，不過如果麥包包把這些都作為一個二級域名來作推廣，我想優化推廣的作用會更大。二級域名就相當一個站點。

女款包包http://www.mbaobao.com/k-women

手袋系列http://www.mbaobao.com/c-1/

單肩包http://www.mbaobao.com/c-2/

熱點6

對單肩包欄目：單肩包http://www.mbaobao.com/c-2/欄目頁面的metal情況

<title>單肩包_時尚女士單肩包新款搶購，男士單肩包品牌價格獨享 - 麥包包網《/title》

<meta name=“Copyright” content=“mbaobao.com” />

<meta name=“Keywords” content=“單肩包，男士單肩包，女士單肩包，什麼單肩包好” />

<meta name=“Description” content=“選擇什麼牌子的單肩包？背什麼單肩包好？單肩包怎麼背？麥包包品牌單肩包系列女士單肩包彰顯女性的柔媚，男士單肩包突顯男性的陽剛。網購單肩包，就選麥包包。” />

個人認為Description其實非常重要，這裡是對頻道整體的描述。

頻道最下面重復metal的描述，熱點就在這裡：

其代碼為：<div class=“description_bottom”>選擇什麼牌子的單肩包？背什麼單肩包好？單肩包怎麼背？麥包包品牌單肩包系列女士單肩包彰顯女性的柔媚，男士單肩包突顯男性的陽剛。網購單肩包，就選麥包包。</div>

Description的再度回顧，以及中文的再度回顧，或者說有始有終。

熱點7

7.1這裡查看其中一個產品的內容

http://www.mbaobao.com/pshow-1201002201.html

采用根目錄路徑形式。即在根目錄放置靜態產品頁的形式，降低引擎捉取層次。

7.2

其metal描述情況，非常有意思的一點，也很專一。其metal描述如下：

<title>［金魚］愛。定格系列時尚單肩包 灰色 - 麥包包網</title>

<meta name=“Copyright” content=“mbaobao.com” />

<meta name=“Keywords” content=“” />

<meta name=“Description” content=“麥包價：298元 市場價：968元 編號：1201002201 品牌：金魚 滿100全國免郵，不滿意7天無條件退貨，還有禮品贈送！” />

每一個產品頁的meta的keywords關鍵詞都為空，為什麼呢？

我們知道網站首頁，頂級域名的權重最高，它會把權重分到相應的關鍵詞裡面去。

產品頁不加關鍵詞的好處是讓權重完全附加到標題上去，就是為收錄頁面下功夫。

另外meta的description是提取有關價格，品牌，等的屬性，是目標客戶最為關注的地方。

我們看一下這個頁面是否收錄，收錄情況如何：

我們來看一下標題是否在百度的最前面或者說已經有比較好的排名。當然排名需要一個量。

如果它這種情況的收錄量多了，你說它的情況怎麼樣？對單肩包這個關鍵詞的推廣有用嗎？作用多大呢？

熱點8

專題的力量不容忽視，主要是內容聚合，關鍵詞聚合等，如何能真正聚合成對用戶有用，對引擎友好的內容呢？下一節將會講到。歡迎關注我的微博：http://t.sina.com/czneng

暢談你我彼此的見解和心得。

其實上面主要讓谷歌和百度圍繞著的麥包包轉不停。當然還有一點是用戶體驗，這一點麥包包也做得很好，能夠把這些多種元素做最優的組合並發揮到極致，說得上是非常強悍手法.

文章出處：http://www.paidai.com/displaythread.php?boardid=23&topicid=42235