根據網站實例分析web標籤設計的想法

仲介交易 SEO診斷 淘寶客 雲主機 技術大廳

一 為何要關心Web標籤

這周每天下午都會花點時間看網站的日誌，網站日誌記錄了使用者在流覽網站的行為軌跡，不是每一家公司都能邀請使用者進行測試和訪談，所以網站日誌是運營者和設計者瞭解使用者的一個重要途徑。

在使用者的搜索日誌裡，發現很多使用者不去使用我們設計的標籤，通常在外部搜尋引擎裡輸入相關內容，搜尋引擎匹配後，又回到了我們的頁面，反反復複的流覽著我們的頁面，如一位使用者預定了周莊景區門票，但他又想瞭解周莊的酒店， 我們在景區產品頁面中已呈現了酒店入口，但使用者卻在搜索框裡輸入周莊住宿，有時候甚至跳到外部搜尋引擎中搜索，還好我們有強大的SEO團隊，最後又把使用者引導回了網站，這裡我們的標籤沒有被使用者認知，使用者不清楚我們的標籤所傳達的意義 ，那標籤在網站中到底起什麼作用呢?

標籤是簡化網站的一個重要辦法，它代表網站的很多資訊，目的是引導使用者快速無障礙的流覽網站。 例如「關於我們」就是一種標籤，代表一大塊內容，包括公司資訊、位址、聯繫電話和傳真等，使用者看見「關於我們」就能明白此標籤後面所呈現的內容。

最近我也在關注網站的資訊架構，標籤是資訊架構重要的一部分，結合著網站的日誌分析整理下關于Web標籤設計的一些想法。

二 標籤分類

其實我們每個人都是標籤設計師，我們每天為自己或為別人做著各種各樣標籤，QQ資料有一個好友印象的功能，你能為你的好友添加各種標籤;現在比較火的微薄也有給自己添加標籤的功能，flickr的圖片上傳者可以為每張圖片添加標籤， 方便了其他使用者來搜索查看，目前網上最大的書簽類網站Delicious也越來越受到互聯網好友的歡迎。 一般網站的標籤面向的是全體使用者，絕大多數使用者能理解的標籤才是好的標籤，網站標籤大概分為以下四種： 導航標籤、標題標籤、情境標籤和索引標籤。

導航標籤很好理解，就是網站的導航條，一般我們進入網站，首先看的就是網站的導航，導航能夠讓使用者明白網站的大體架構，例如，同程網是十一級導航標籤，對應著「首頁」、「六大旅遊產品」和「三大輔助產品」。

標題標籤是一大塊資訊的描述，有時候使用者在流覽我們網站的時候只是掃一眼，並不想花太多的時間來查看，標題標籤需要分級，不同的級別應在視覺上呈現不同的效果，如同程知道右邊欄問題分類是一級標題標籤，對應下面的「吃」、「住」、「行 」、「游」、「購」等二級標題標籤。

情境標籤是一種特殊的標籤，顧名思義是依據情境而產生的標籤，如果整個網站和內容能夠營造出一種使用者使用情境，那這個標籤就是一個成功的標籤，否則不同的使用者有不同的理解，就像之前提到的QQ好友印象標籤，當使用者看到這些標籤的時候， 在聯繫其在生活中的種種表現，就能直觀的瞭解這個人的性格及喜好，博客類網站通常也會才用情境式標籤，因為大多數使用者都是好朋友，相互之間比較熟悉，標籤可以設計的模糊一些充滿神秘感，網站適當的使用情境標籤可以增加網站的趣味性。

索引標籤時常被叫著元關鍵字，能夠簡單準確的匹配，使用者也容易理解索引標籤所代表的意義。 最簡單的索引標籤是採用英文字母，由英文字母匹配相關資訊。

三 標籤設計

如何設計和建立網站的標籤呢，記得當初在設計自己的網站的時候一直很糾結標籤，參考了好多相關網站，最後結合了自己的內容才定下來三個導航標籤，其實標籤設計有兩個重要來源，分別是內容和使用者。

內容

內容為王，標籤可以直接來自網站的內容分析，你可以選擇網站中有代表性的內容，就像我們寫文章一樣，有題目、關鍵字和摘要，這些都能形成標籤，關鍵是如何找到具有代表性的內容，標籤設計是一項痛苦而漫長的過程，需要付出很多努力， 有時靈感閃現的時候才能獲得一個可用的標籤，有人說標籤設計是一個藝術性的工作。

分析內容的同時，你可以去找內容的提供者或作者，要求作者對他的內容建議標籤，因為作者對他們的內容非常熟悉，作者提供的標籤可能是最有用的，很多公司網站的內容都是市場部的同學在負責，他們去尋找資源和挖掘使用者需求， 但是網站的標籤多是設計部門的架構師或設計師在負責，這裡對內容理解的微小差異導致了使用者最終無法正確理解標籤。

另外一種做法是尋找行業專家或行業內口碑較好的網站，他們對使用者的需求有比較深入的研究，站在前人的肩膀上，你會考慮的更全面一些。

使用者

網站的使用者是標籤的最佳來源，也是標籤的最終消費者，使用者會說出他們喜歡什麼樣的標籤，不論是直接或間接來自使用者，這些資訊都是很有價值的。

直接找使用者

直接找使用者進行測試和訪談，讓使用者參與到網站的標籤設計中來，在這個過程中一般會採用卡片分類法，卡片分類法在定性研究中被廣泛應用，在標籤系統設計中採用的卡片分類法分為開放式和封閉式，開放式卡片分類法是為被試提供內容， 讓被試為每個內容命名標籤，封閉式卡片分類法是為被試提供內容和標籤，一個內容對應幾個標籤，讓被試選擇並排除優先順序，在實驗的過程中，也可以讓使用者說出選擇標籤的原因，主持人要隨時做好記錄。

由於時間、人力、財力等相關資源的限制，標籤設計中的卡片分類法很難在國內公司中應用，只有一些大公司才會花很多時間和精力來做使用者研究，之前三月份和寶潔公司合作一個關於新產品使用者滿意度的調研的專案，為了獲得被試的消費特徵， 專案中就使用了卡片分類法，讓被試選擇一組圖片能夠代表他的現在生活和理想生活，這些圖片包括了不同的消費水準衣食住行，通過被試選擇的圖片，我們也從相關角度來分析被試的消費特徵，這也是我第一次將卡片分類法運用到實際中， 那次專案結果也比較滿意。

間接找使用者

絕大多數公司都通過分析和挖掘網站資料，如查詢使用者的行為軌跡來指導網站的標籤設計，這也是一種有效的辦法，搜索日誌分析就是標籤來源的一個重要途徑，根據使用者在網站上留下的痕跡，包括使用者流覽的頁面、使用者點擊的標籤和內容、 使用者搜索使用的關鍵字等，搜索日誌裡記錄了使用者用其語言描述了他們的資訊需求，這些都是最真實的使用者語言，比使用者自己親口說出來還要有價值，我發現很多網站的標籤語言都太學術或專業，一看就知道，標籤是電腦人士或公司領導寫出來。

優秀的標籤設計是網站可用性的先決條件，互聯網的發展，海量資訊的劇增，我們也看到了不少互聯網產品開始讓使用者參與到標籤設計中來，社會化的標籤必將是未來互聯網的發展趨勢，試使用通俗的使用者語言來設計標籤， 也許能給你的網站流量帶來一個數量級的增加。

文章作者：wangliang

文章來源：HTTP://www.wwued.com/?p=221 轉載請注明文章出處連結。