DIV CSS 佈局教程網

　　“判定一個網站的SEO情況，不能從單一細節出發，而是要看整體。某個特定細節很可能顯得不夠優化，甚至是有問題的，但外人並不了解之所以這樣的真正原因，或者當SEO部門沒有能決定網站平台的生死權利時，使用的方法可能是很多因素折中的結果”。

　　文/Mr Bill

　　外貿B2C中，如果說有那麼一個站SEO/SEM做的漂亮的話，基本都會回答蘭亭集勢(lightinthebox.com)，我也覺得他們做的好;但是否真的已經無懈可擊，就要保留意見了。引用下Zac老師說的“判定一個網站的SEO情況，不能從單一細節出發，而是要看整體。某個特定細節很可能顯得不夠優化，甚至是有問題的，但外人並不了解之所以這樣的真正原因，或者當SEO部門沒有能決定網站平台的生死權利時，使用的方法可能是很多因素折中的結果”。

　　接下來，本人也僅僅代表個人談談lightinthebox.com的SEO/SEM情況，會深入細節處和結合電商Web端產品經理的角色(用戶體驗)。

　　基礎數據(域名歷史、Google PR、收錄、外部鏈接、關鍵詞排名、www首選域設置、死鏈、robots.txt、基本流量數據、競爭對手)，這些基本可以通過分析工具查證，在此不占用分析空間。

　　(Litb屏幕抓圖)

　　(2013.09 Aelxa當前截圖)

　　谷歌算法影響

　　前十的流量渠道

　　據某統計機構去年做的統計，蘭亭集勢2012年近一年的營銷投放，僅PPC投入預算就每月上萬美金。其中Ads投放11035個，PPC關鍵詞25892個，SEO關鍵詞達17038個，各項指數遠高於同類外貿網站DX、大龍網等。

　　(插曲：此前–蘭亭集勢過度依賴Google，這就意味著一旦Google調整算法，蘭亭集勢也容易受影響。2011年7、8月份，Google針對惡意影響搜索結果的情況調整了新算法，調整算法後，一向依賴於Google搜索的外貿B2C流量普遍受影響下滑，而“蘭亭集勢一度在Google搜不到了”。後來據說其強大的公關能力讓其恢復。

　　(2010—2013 預估自然搜索流量 )

　　以下是本人手工簡單用word繪制的首頁示意圖，用來建立原型概念，方便針對重要區塊進行說明

　　(本文首發於《天下網商·經理人》6月刊，轉載請注明出處和作者)

　　重要交互功能區：在電子商務網站中,其搜索功能和導航分類入口是購物者尋找商品最重要的分類兩個途徑和手段。因此，從用戶體驗會分析下該站是如何的。

　　Litb 站內搜索

　　(聯想搜索)

　　搜索功能的布局和體驗

　　布局位置：網站的頭部區域是用戶最敏感和最關注的部分，也是顧客進行頁面浏覽的開始，是用戶的視覺重心，因此搜索放在頭部，對於顧客來說，是一個強烈的提示和交互信號。而搜索最重要的兩個功能其實就是‘搜索結果’和‘排序(銷量、價格、折扣、上架時間)’。

　　在Litb search區域裡，外觀顯得比較簡約，‘輸入框直接搜索’這也是比較常用的表現形式—支持搜索語法和全匹搜索。同類型的網站，很多也會根據目前搜索量最 多的關鍵詞，集中體現出來，以方便購物者可以快速的進行的搜索，引導關鍵詞推薦，一方面可以反映出當前的購物者所關注的熱度，另一方面也可以反映出商家最 近的銷售策略。是否要加上這個，取決於一個站是否想要傳達更豐富的信息，進而相應的布局。

　　嘗試輸入搜索字詞體驗搜索過程，如圖會發現，Litb search支持聯想搜索和相似搜索及搜索歷史(個性化足跡)：聯想搜索可以通過用戶已經輸入的字段進行聯想匹配，這樣，讓用戶可以完整的填寫想要輸入的 字段，方便提示和幫助用戶完成搜索。 而通常來說這個相關搜索是在你已有關鍵字基礎上改一個單詞或是刪掉一個單詞(或詞語的變體進行匹配)而形成的。這裡其實還可以引出兩個值得深思的地方：其 站內搜索中其詞庫估計都是如何建設的?英文分詞中詞庫/歧義表的建立方法?

　　(相似搜索和搜索類似詞的用戶還購買過什麼)

　　(搜索歷史足跡抓圖)

　　只要浏覽器的cookies保持不變，性化定制搜索類型的內容就會在隨後的訪問中一連串出現。一個好的電子商務網站將跟蹤客戶端行為(在服務器端)，以確保每個用戶每次訪問越來越適合他們的口味和習慣。如果說數據有誤，則說明追蹤文件匹配不對。

　　如果你仔細一看，是否會覺得搜索框少了點什麼。我的第一眼想法是：是否要增加一個‘搜索分類頻道’：分類一般置於搜索框之上或者搜索框之前，先選類別而後搜索，縮小後的結果范疇更明確。蘭亭作為搜索背景出身的團隊，會有可能沒考慮過這個嗎?

　　( 搜索Wedding Dresses結果頁)

　　以搜索Wedding Dresses作為例子，來到商品展示的list頁，有進行搜索時可選擇的分類維度(Shop by Category)，其篩選區域(Narrow by)按照價格、品牌、款式、面料、裙長等類型推送給用戶可供精細化篩選。如果類比中文站，跟京東類似(搜索產品詞會觸發返回搜索結果分類和產品屬性間的 篩選)。所以，看似簡約的搜索區域，其實並不簡單。

　　關於搜索，遠遠不止這一些，如果說信息結構能符合搜索使用場景，只能說是符合基本需求。因為站內搜索的開發是一個技術要求很高的應用，開發搜索引擎的工程師會承擔巨大的開發工作量和成本壓力。

　　在我看來，蘭亭的Litb search還是挺不錯的，如果說還可以稍微增加的地方的話，或者可以考慮‘搜索詞高亮顯示、關鍵詞搜索結果觸發的廣告推廣(廣告區)、搜索該詞的用戶還 關注過什麼(流量引導)、及其特殊情況的設計等’。而緊密相關電商網站站內搜索URL的問題和可以結合SEO的地方會在後面專門講URL的一塊裡。

　　Litb 分類導航

　　Litb 分類導航的目標是：提供給用戶方便的網頁間跳轉的方法，以及能夠表達出頁面之間、頁面與內容之間的關系。

　　在蘭亭集勢的Litb導航信息架構裡，也是有“一，二，三”級分類目錄，第四級為產品詳情頁：鼠標經過商品主分類，對應右側顯示詳細子分類層， 超過數量則需進入分類內頁可展示，分類list頁局部導航支持返回父級目錄，進入子級目錄，在同級目錄間跳轉三種類型的行為。在其“所有分類”的專頁網站 地圖鏈接和下拉菜單，搜索引擎蜘蛛和用戶都可以迅速沿著鏈接進入內頁主體。

　　在這一點上的交互方式，本人覺得是在學習亞馬遜，Amazon主頁的左上角有一個商品分類浏覽的下拉菜單。當鼠標從菜單中的選項上滑過時，子菜 單的顯示速度非常快，基本是與鼠標移動同步的，而絕大多數網站的下拉菜單在顯示子菜單時會有一定的延遲。不論是大局上還是細節上，亞馬遜在用戶體驗這方面 都是值得學習的。