1、1 “ “PagePage Experience Experience Page EffectivePage Effective” ” 網頁體驗與網頁實效網頁體驗與網頁實效致北京現代致北京現代北京現代北京現代 網站全新改版提案網站全新改版提案2002006.66.6EyeworldEyeworld Ad Beijing Ad Beijing2本次提案的主要內容是本次提案的主要內容是1 1競爭對手的網站是怎么作的？北京現代網站的問題所在競爭對手的網站是怎么作的？北京現代網站的問題所在？2 2本次改版的核心思路和策略。本次改版的核心思路和策略。 4 4為了日后的發展，提出為了日后的發展，提出Web

2、 VIWeb VI規范和相關的技術應用手段規范和相關的技術應用手段3 3提出新改版網站的框架、內容以及功能。提出新改版網站的框架、內容以及功能。 5 5希望合作走向成功，瑞爾互動的努力希望合作走向成功，瑞爾互動的努力 31競爭對手的同類網站分析，以及目前網站的競爭對手的同類網站分析，以及目前網站的不足之處。不足之處。競爭對手的網站是怎么作的？競爭對手的網站是怎么作的？對照我們目前的不足，確定重點改進和調整方向是對照我們目前的不足，確定重點改進和調整方向是？4/分析競爭對手網站的角度和切入點分析競爭對手網站的角度和切入點/網絡體驗就是品牌體驗訪問者在網站中的瀏覽感受將直接影響他們對品牌印象的優良

3、！那么，企業網站的那些方面是影響訪問者瀏覽感受的重要因素呢？網頁的畫面設計、文字內容是否統一的體現了企業及品牌的形象！同時又照顧到網民的瀏覽特點，具有親和力呢！網頁設計網頁設計訪問者想找的網站的內容上是否足夠滿足不同身份的訪問者的信息需求（潛在購車者車主媒體合作伙伴企業內部員工）。快捷的、直接的、幾乎不用尋找的獲得內容功能與互動功能與互動這個網站除了信息內容之外，還有那些功能可以給予訪問者實際的幫助呢？還有那些樂趣的設計，可以讓訪問者流連忘返呢？內容與結構內容與結構5上海通用汽車上海通用汽車 http:/ 非常規范的企業形象應用，每個網頁都有統一的企業Layout、色調和logo應用，全部圍繞

4、GM企業的形象與風格核心。 首頁中，明顯的企業品牌體現，企業形象區域占據了將近50。 注重各車型子品牌的應用，經GM旗下子品牌的以logo形式代替車型展示放置在頁面中。好的6 缺乏明顯統一的企業形象體現，形象表現力嚴重不足！ 子品牌車型體現不明顯，在首頁中無法明顯找到。 二級頻道導航和下拉菜單，大量使用系統默認字體，用戶訪問瀏覽不方便，且無法作各頻道之間跳轉。上海大眾首頁：上海大眾首頁：http:/ 差的7中國中國BMW首頁：首頁：http:/,cn 兼顧了企業形象體現和完整網站內容呈現的兩方面。 通過首頁中色調、logo、車型等凸現的設計，深刻感受到BMW的企業品牌形象。 同時，將網站二、三

5、級內容，清晰明了的呈現，訪問者幾乎不用尋找即可點擊到想要的內容頁。好的8本田（中國）首頁：本田（中國）首頁： 頁面內容架構非常分散，缺乏重點。訪問者無法明確快捷的找到想要的內容。 鏈接結構混亂，每個子頁面的布局并不統一。部分頁面居然沒有導航返回。訪問者瀏覽迷路的可能性大大增加 信息內容以企業導向嚴重，缺乏從用戶角度設計的內容與功能。缺乏親和力和互動性。差的9長安福特在線俱樂部長安福特在線俱樂部 長安福特網站中設有俱樂部專區，為注冊會員提供豐富、全面、實效的功能和內容。 旗下5款車型有分別的專區，提供有針對性車型養護、維修和在線咨詢等內容。 設置很多吸引人氣、互動樂趣的功能和內容，例如：“本月明

6、星用戶、福特知識問答、用戶積分排名”，以此提高網站粘滯度和用戶的品牌忠誠度！。好的10豐田一汽網站豐田一汽網站 南京菲亞特南京菲亞特 三菱（中國）三菱（中國）www.mitsubishi- 上述網站，雖然內容和頁面表現都趨于完善。但是卻沒有任何會員注冊和互動的功能設計。 企業導向嚴重，成為了純粹的瀏覽。訪問者回頭率很低。 菲亞特網站，雖然有會員注冊和服務，但是在三級頁面中才能找到入口，專屬性差，形同虛設。差的1112優勢及繼續完善發展的地方優勢及繼續完善發展的地方 頁面的視覺化（色調、圖像、Layout），基本符合北京現代企業的品牌形象。但仍有補充、完善和統一的需要。 會員功能有很不錯的設想（

7、按照車主、購買者、媒體等身份區別注冊），但是一些功能已經失效，會員專屬的內容還待加強。不足及需要亟待改善的地方不足及需要亟待改善的地方 頁面內容和頁面內容和LayoutLayout不統一，尤其是車型展示的部分。沒有體現出北京現代全線車型不統一，尤其是車型展示的部分。沒有體現出北京現代全線車型的形象和實力。的形象和實力。 信息內容的相對匱乏及更新慢，尤其在服務的內容信息內容的相對匱乏及更新慢，尤其在服務的內容上，上， 。 互動性、數據庫方面，雖然有較不錯的設置構想，但是互動性、數據庫方面，雖然有較不錯的設置構想，但是缺乏實際的后續支持，在注缺乏實際的后續支持，在注冊、會員活動等環節，已經實效冊、

8、會員活動等環節，已經實效。已經影響用戶對企業及品牌形象的信任度。已經影響用戶對企業及品牌形象的信任度。132北京現代企業網站北京現代企業網站本次改版的核心思路與策略本次改版的核心思路與策略即將全新亮相的北京現代企業網站，希望帶給不同身份的訪問者的即將全新亮相的北京現代企業網站，希望帶給不同身份的訪問者的感受和利益點是什么呢！感受和利益點是什么呢！14視覺視覺設計設計體現北京現代的國際化品牌形象，需要統一的完善的視覺化網頁表現體系，使訪問體現北京現代的國際化品牌形象，需要統一的完善的視覺化網頁表現體系，使訪問者對北京現代的品牌形象加深認知。者對北京現代的品牌形象加深認知。架構架構&內容內

9、容產品和服務的信息內容，需要完善與精細化，尤其是全線車型展示和服務方面，頻產品和服務的信息內容，需要完善與精細化，尤其是全線車型展示和服務方面，頻道鏈接架構需要更加清晰、簡潔、便利。道鏈接架構需要更加清晰、簡潔、便利。互動互動&功能功能在原有基礎上，設計更多實效的、便捷的、互動性以及個性化的網站功能，數據庫在原有基礎上，設計更多實效的、便捷的、互動性以及個性化的網站功能，數據庫的功能需要滿足會員、企業行銷、經銷商三方面的需求。的功能需要滿足會員、企業行銷、經銷商三方面的需求。技術技術&管理管理 網絡環境與技術日新月異網絡環境與技術日新月異 。因此必須盡可能的維持。因此必須盡可能

10、的維持一次改版的有效期更長，與未來技術趨勢的接軌越近！一次改版的有效期更長，與未來技術趨勢的接軌越近！/分析競爭對手，對照目前自身不足，確定如下改版的關鍵點分析競爭對手，對照目前自身不足，確定如下改版的關鍵點/15/首先需要明確，新網站給予不同身份訪問者的利益感受，即是新網站的建設任務是首先需要明確，新網站給予不同身份訪問者的利益感受，即是新網站的建設任務是 / /購車者能夠輕松快速的找到北京現代5款車型的詳盡信息（車型特點詳細規格配備），完全的了解車型信息，為購買決定提供更多的信息參考。可以得到詳細豐富的購買支持的資訊服務。（價格指導保險貸款特約店購車流程）品牌認知購買決定的支持現代車主即時

11、獲得售后服務的資訊（店頭活動服務活動服務站愛車知識），通過網頁感受到“我是現代車主的榮耀”和專屬的服務（會員專區個性化定制在線咨詢）。通過網站，能夠與其他車友之間交流（車友會社區車主活動）。品牌忠誠有被品牌關懷的感受，更多個性溝通的樂趣媒體與旁觀者通過網站，及時獲得企業的最新新聞信息（降價公益活動體育營銷），以及企業周邊信息（人才政策）。通過網站提供的便利工具，給予媒體工作便捷的服務工具（新聞、圖片專用下載）。感受友好的國際化的企業形象，給予媒體工作便捷的工具合作伙伴主要針對經銷商，感受網站對渠道銷售的支持。有便利的工具和銷售線索支持（規范化的特約店網頁編輯體系定期的店頭服務宣傳支持試車、訂車

12、、維修的在線預約）。對經銷商提供實際的銷售支持和規范化的網頁管理16/北京現代汽車企業網站改版的核心原則與思路北京現代汽車企業網站改版的核心原則與思路 / 從單純的從單純的“網頁瀏覽網頁瀏覽Page View”向向“網頁體驗網頁體驗Page Experience 網頁實效網頁實效 Page Effective”發展發展 提出Web VI設計規范，統一所有網頁中的視覺化表現。重點補充車型展示的表現和內容，統一所有車型展示頁面的模版。網頁、頻道以及功能之間的鏈接結構清晰簡潔。讓訪問者不超過2次點擊，即可達到目的頁。車型展示、購車、服務之間形成關聯性。會員俱樂部、互動功能性更具有實際幫助的效果。設置

13、更多個人化定制的功能。為目前日益增加的車主用戶群提供網絡平臺。通過運用更符合發展趨勢的網頁制作技術和后臺管理技術，使上述三點原則更加完善的體現。17/根據客戶品牌體驗的過程，確定新改版重點改進調整的內容版塊根據客戶品牌體驗的過程，確定新改版重點改進調整的內容版塊 /北京現代企業網站北京現代企業網站改版調整的內容重點改版調整的內容重點企業內容版塊，目前的內容結構基本滿足訪問者需求。新增加新增加，提供便利下載和快速新聞的網頁工具。，提供便利下載和快速新聞的網頁工具。 提出統一、規范的全線車型展示網頁。 務必使訪問者，能夠方便快捷的了解到每個車型的全貌。同時在務必使訪問者，能夠方便快捷的了解到每個車

14、型的全貌。同時在車型展示的網頁版塊中，關聯購買支持內容與互動反饋功能車型展示的網頁版塊中，關聯購買支持內容與互動反饋功能 將目前的單一的客戶服務頻道。按購車者和現代車主的不同需求，重新劃分為重新劃分為&兩個頻道兩個頻道企業內容版塊企業內容版塊全線車型展示版塊全線車型展示版塊購買支持與售后服務購買支持與售后服務互動、功能與用戶數據庫互動、功能與用戶數據庫結合購買者和車主的需求，增加相關 . 增加個性化定制和更多針對個人化服務的內容 Tab。按不同車型， 的提出。的提出。提出與知名汽車網站在內容和用戶群上的結合。183提出網站改版的框架、內容、功能設計提出網站改版的框架、內容、功能設計檢視

15、改版的視覺表現、網頁內容規劃以及功能設計是否遵循檢視改版的視覺表現、網頁內容規劃以及功能設計是否遵循核心思路的核心思路的19/目前北京現代汽車企業網站的內容架構目前北京現代汽車企業網站的內容架構/首頁快速通道預約 試車/購車/維修市場活動熱點新聞經銷店服務站360度展示伊蘭特北京現代車型介紹市場動態客戶服務人才招聘俱樂部公司介紹領導致辭公司榮譽公司歷程現代科技在線播放人力資源索納塔伊蘭特途勝NF御翔雅紳特市場活動各地車展體育營銷公益活動購車指南維修保養互動溝通人力資源精英團隊員工生活在線招聘索納塔專區伊蘭特專區車友期刊駕車寶典E娛E樂精彩下載車友訪談XXXXX我要買車價格試算X20首頁新聞中心

16、全線車型購車支持車主服務企業介紹市場活動MY CARS快速通道預約試車/購車/維修車型在線推薦經銷商檢索各地車展社會公益會員登錄人才招聘版權信息經銷店加盟熱點新聞媒體專區車型推薦購車顧問特約店查詢在線咨詢中心車輛貸款指南車輛保險常識服務活動維修保養服務站查詢公司介紹領導致辭公司榮譽公司歷程管理團隊最新活動各地車展社會公益體育營銷My Cars管理我的愛車博客我的車友會我的愛車我的熱門活動我的護車寶典索納塔伊蘭特途勝NF御翔雅紳特理念外觀內飾性能安全車身換色360觀車專題網站寫真庫試車報告詳細規格電子手冊價格試算特約店檢索/改版后的內容架構改版后的內容架構/21/ / 重點改進首頁重點改進首頁/

17、首頁內容和功能方面，重點改進的地方： 首頁畫面設計更符合國際化、大品牌的風格。 首頁增加視頻功能，展示最新的電視廣告。 在首頁明顯位置展現5款全線車型。 區別以往的用戶登錄的方式，將會員個性化定制功能，以Tab方式在首頁展現。 在首頁增加智能化的購車推薦功能。 將以前的人才招聘頻道，降低為一個欄目，不在主導航中體現。 首頁設計動態DemoA稿B稿C稿22/ / 重點改進新聞中心重點改進新聞中心 頻道頻道/新聞中心，內容和功能方面，重點改進的地方： 除熱點新聞的欄目外，增加媒體專區。設置專門為記者、媒體提供的內容和工具。除熱點新聞的欄目外，增加媒體專區。設置專門為記者、媒體提供的內容和工具。 在

18、新聞發布會或重點活動后，將新聞資料上傳至媒體專區欄目中，供媒體記者方便下載。在新聞發布會或重點活動后，將新聞資料上傳至媒體專區欄目中，供媒體記者方便下載。包括：包括： 車展、新車型、企業活動的圖片快速下載車展、新車型、企業活動的圖片快速下載 專題片、電視廣告、線下活動等視頻的快速下載專題片、電視廣告、線下活動等視頻的快速下載 企業新聞期刊的快速下載企業新聞期刊的快速下載 各網絡媒體專題區的鏈接，各網絡媒體專題區的鏈接， 23/ / 重點改進全線車型頻道重點改進全線車型頻道/ 展示區，展示區，展示車型的展示車型的“理念理念 外觀外觀 內飾內飾 性能性能 安全安全”等特點。等特點。 在每個車型網頁

19、中，增加在每個車型網頁中，增加“專題網站專題網站 車型寫真庫車型寫真庫 試車報告試車報告 詳細規格詳細規格 電子手冊下載電子手冊下載”等內等內容與鏈接。容與鏈接。 增加增加“價格試算價格試算 特約店檢索特約店檢索”等購買支持的關聯內容。價格試算中的價格為官方指導價格。等購買支持的關聯內容。價格試算中的價格為官方指導價格。 在每個車型展示網頁，左側空白處，增加在每個車型展示網頁，左側空白處，增加“我要提問我要提問”功能，督促訪問者互動溝通。功能，督促訪問者互動溝通。全線車型設計Demo提出統一、規范的全線車型展示網頁。務必使訪問者，能夠方便快捷的了解到每個車型的全貌。同時在車型展示的網頁版塊中關

20、聯的購買支務必使訪問者，能夠方便快捷的了解到每個車型的全貌。同時在車型展示的網頁版塊中關聯的購買支持內容持內容與互動反饋功能與互動反饋功能24/ / 全新提出購車支持頻道全新提出購車支持頻道/將目前的單一的客戶服務頻道。按購車者和現代車主的不同需求，重新劃分為&兩個頻道。新增的頻道，設置更多的為購車者服務的資訊和互動功能，為購車者作最后的購買決策提供更完整、周密的服務。常規資訊內容：常規資訊內容： 特約店查詢檢索按地區、關鍵字檢索北京現代全國特約店。特約店查詢檢索按地區、關鍵字檢索北京現代全國特約店。 購車顧問詳細介紹，購車流程和購買過程中的注意事項。購車顧問詳細介紹，購車流程和購買過

21、程中的注意事項。 車輛貸款介紹車輛貸款常識。車輛貸款介紹車輛貸款常識。互動功能互動功能價格試算訪問者輸入價格試算訪問者輸入“計劃購買的車型和規格、貸款期限，網頁即可自動計算出首付、每期付款、款息合計計劃購買的車型和規格、貸款期限，網頁即可自動計算出首付、每期付款、款息合計”。 。車型指南訪問者輸入希望購買車型的預算和排氣量，網頁自動推薦最適合的北京現代車型和規格。車型指南訪問者輸入希望購買車型的預算和排氣量，網頁自動推薦最適合的北京現代車型和規格。我要提問按照我要提問按照“購買購買 維修維修 活動活動 車輛常識車輛常識 其他其他”5 5個分類，展示經典問答，訪問者也可以直接在網頁中提問，后臺個

22、分類，展示經典問答，訪問者也可以直接在網頁中提問，后臺管理將答案發至用戶郵箱中，并將經典問題在網頁中展示。管理將答案發至用戶郵箱中，并將經典問題在網頁中展示。關聯內容關聯內容在購車支持頻道的每個網頁的左側空白處，設置在購車支持頻道的每個網頁的左側空白處，設置“最新動態、熱門活動最新動態、熱門活動”的點擊鏈接。的點擊鏈接。購車支持設計Demo25/ / 全新提出全新提出MY Cars 頻道頻道/全新提出具有個性化定制的會員俱樂部頻道全新提出具有個性化定制的會員俱樂部頻道My Cars讓現代車主、網站會員在這個頻道中獲得讓現代車主、網站會員在這個頻道中獲得“家、大本營家、大本營”的感受，享受更多網

23、絡專屬的服務，的感受，享受更多網絡專屬的服務，更具有互動、交流、個人信息服務的樂趣。更具有互動、交流、個人信息服務的樂趣。同時同時，My Cars也希望作為北京現代日后啟動顧客關懷體制也希望作為北京現代日后啟動顧客關懷體制（eCRM）的網絡基礎平臺。的網絡基礎平臺。My Cars 個人管理設計DemoMY Cars 個人信息管理北京現代車主、網站注冊會員，可以通過My Cars 頻道的個人信息管理功能。日常更新個人信息和車輛信息。第一次訪問My Cars頻道。會員可以選擇5款車型的任一圖標，作為會員Tab上的個性化頭像。會員Tab將伴隨會員在網站中所有瀏覽頁面。26/ / 全新提出全新提出MY

24、 Cars 頻道頻道/全新提出具有個性化定制的會員俱樂部頻道全新提出具有個性化定制的會員俱樂部頻道My Cars讓現代車主、網站會員在這個頻道中獲得讓現代車主、網站會員在這個頻道中獲得“家、大本營家、大本營”的感受，享受更多網絡專屬的服務，的感受，享受更多網絡專屬的服務，更具有互動、交流、個人信息服務的樂趣。更具有互動、交流、個人信息服務的樂趣。同時同時，My Cars也希望作為北京現代日后啟動顧客關懷體制也希望作為北京現代日后啟動顧客關懷體制（eCRM）的網絡基礎平臺。的網絡基礎平臺。MY Cars 我的愛車&護車寶典現代車主第一次訪問My Cars我的愛車 頁面。選擇輸入所購買的車

25、型、規格、購買日期和行使公里數。提交后，直接轉換至“護車寶典”頁面。網站后臺自動計算出該款車型的年限、每月平均行駛公里數，并在網頁中提交給用戶針對目前已行駛公里數的養護方案。日后，網站后臺會自動按照用戶輸入的車倆試用狀況，自動計算。達到一定公里數時，即在用戶的個人Tab上體現。護車寶典欄目還提供不同款車型的護車小帖士。作為資訊供用戶瀏覽My Cars 我的愛車27/ / 全新提出全新提出MY Cars 頻道頻道/全新提出具有性化定制的會員俱樂部頻道全新提出具有性化定制的會員俱樂部頻道My Cars讓現代車主、網站會員在這個頻道中獲得讓現代車主、網站會員在這個頻道中獲得“家、大本營家、大本營”的

26、感受，享受更多網絡專屬的服務，的感受，享受更多網絡專屬的服務，更具有互動、交流、個人信息服務的樂趣。更具有互動、交流、個人信息服務的樂趣。同時同時，My Cars也希望作為北京現代日后啟動顧客關懷體制也希望作為北京現代日后啟動顧客關懷體制（eCRM）的網絡基礎平臺。的網絡基礎平臺。MY Cars 我的博客 & 我的車友會方案一： 完全自制搭建，北京現代的車友Blog模版，以及分別按照5款車設置的車主社區（BBS）。車主或會員在北京現代網站中，即可完全自制Blog，并參加社區通過BBS結朋識友，參與活動。特別說明：由于Blog和BBS的開放性自主原則，因此網站后臺管理不僅需要專人長期維護

27、、監督，另外也有擔負一些個別車主不良言論的問題。方案二： 與國內知名的車友俱樂部網站，如：愛卡汽車網。作內容上的聯動。用嵌套的方式，將愛卡汽車網中的現代車型車友會和Blog作聯合。既保證充實了企業網站的俱樂部功能，同時規避掉管理的風險。28/ / 全新提出全新提出MY Cars 頻道頻道/全新提出具有性化定制的會員俱樂部頻道全新提出具有性化定制的會員俱樂部頻道My Cars讓現代車主、網站會員在這個頻道中獲得讓現代車主、網站會員在這個頻道中獲得“家、大本營家、大本營”的感受，享受更多網絡專屬的服務，的感受，享受更多網絡專屬的服務，更具有互動、交流、個人信息服務的樂趣。更具有互動、交流、個人信息

28、服務的樂趣。同時同時，My Cars也希望作為北京現代日后啟動顧客關懷體制也希望作為北京現代日后啟動顧客關懷體制（eCRM）的網絡基礎平臺。的網絡基礎平臺。MY Cars 用戶個性化Tab的應用延展，將My Cars頻道放到用戶的電腦桌面上。將My Cars的個性化Tab制作成為桌面的即時Icon軟件。用戶可以通過北京現代網站的網頁，下載到本地電腦中。用戶電腦桌面上的Mycars，可以隨時提醒用戶“最新的活動通告、 最新的車友會留言、車輛定期保養維護”以及其他相關用戶定 制化內容。（只要用戶是在線狀態） 比eDM更加即時、個性化的溝通工具，不僅增加會員的訪問網站回頭率，而且更加具有有顧客關懷、

29、品牌與客戶之間隨時保持溝通的感受。30000km保養提醒29/ / 重點改進重點改進針對經銷商等合作伙伴，提供更加便捷的網絡銷售管理工具/ 為經銷商提供實效的網絡支持規劃化的經銷商網頁電子版式為經銷商提供實效的網絡支持規劃化的經銷商網頁電子版式為了方便訪問者，通過查詢經銷商，直接訪問各地經銷商的頁面，更進一步促動到店。為了方便訪問者，通過查詢經銷商，直接訪問各地經銷商的頁面，更進一步促動到店。為尚不具備網頁、網站的經銷商，提供規范的網頁電子版式。為尚不具備網頁、網站的經銷商，提供規范的網頁電子版式。 北京現代網站北京現代網站各地特約店查詢與檢索各地特約店查詢與檢索歡迎光臨，北京現代信發4S店本

30、月最佳銷售員訪問者通過北京現代網站查詢當地特約店。進而訪問統一規范的北京現代各地特約店的網頁，訪問者通過北京現代網站查詢當地特約店。進而訪問統一規范的北京現代各地特約店的網頁，既給經銷商提供實際支持，統一規范也體現了知名品牌的企業形象既給經銷商提供實際支持，統一規范也體現了知名品牌的企業形象最新活動:XXXXXXXXXX規范的電子版式展廳圖片最新活動位置地圖車型規格價格表車型到貨通告本月最佳銷售員30/ / 重點改進重點改進針對經銷商等合作伙伴，提供更加便捷的網絡銷售管理工具/ 提高各地經銷商對在線預約試駕、維修、訂車等信息的反饋速度提高各地經銷商對在線預約試駕、維修、訂車等信息的反饋速度運用

31、短信手段，通過后臺短信管理平臺，及時通知經銷商登陸網站后臺，處理網友的預約請求。運用短信手段，通過后臺短信管理平臺，及時通知經銷商登陸網站后臺，處理網友的預約請求。后臺數據庫自動收錄網站自動發手機短信，給預約的特約店人員督促其上網處理預約用戶北京現代網站后臺處理在線預約訂單及時與客戶聯系314針對北京現代企業長期的發展與運營，針對北京現代企業長期的發展與運營，提出必不可少的網頁設計原則與技術應用手段提出必不可少的網頁設計原則與技術應用手段針對企業網站長期規劃，針對企業網站長期規劃，網頁設計原則以及技術應用方案網頁設計原則以及技術應用方案32/北京現代企業網站北京現代企業網站 Web VI 體系

32、的提出體系的提出 /作為企業形象的重要組成部分，作為企業形象的重要組成部分，提出全面完善的提出全面完善的Web VI體系，是北京現代網絡體現國際化大品牌的重要任務之一。體系，是北京現代網絡體現國際化大品牌的重要任務之一。啟動啟動Web VI的目的：的目的： 體現國際化品牌，使網民最完整、最統一的感受網頁中企業及品牌形象，為品牌加分 企業線上與線下形象統一的重要步驟 為日后的更新維護、新增網頁、再一次的改版，提供完整的設計方針在本次改版中，提出北京現代企業網站在本次改版中，提出北京現代企業網站Web VI體系的主要部分體系的主要部分33智能檢測訪問者的接入設備，配置相對應的智能檢測訪問者的接入設

33、備，配置相對應的CSS樣式表。網頁內容樣式表。網頁內容版式的自動轉換，版式的自動轉換，使網站更加適應于不同的網絡環境。在使網站更加適應于不同的網絡環境。在WAP應用迅猛的今天，應用應用迅猛的今天，應用W3C技術更具前瞻性。技術更具前瞻性。/應用目前最新的網頁制作技術標準應用目前最新的網頁制作技術標準W3C，使網站改版后具有更強的環境適應力，使網站改版后具有更強的環境適應力 /由萬維網發明人Tim Berners創建的國際性技術聯盟，W3C的網頁程序開發語言，是最具有應用潮流趨勢的網頁技術標準。W3C技術帶給北京現代網站的優勢是與技術帶給北京現代網站的優勢是與WAP等其他網絡接入無縫對接等其他網

34、絡接入無縫對接1常規的常規的互聯網訪問互聯網訪問W3C技術應用下的CSS樣式表自動偵測無線網進入，轉換成自動偵測無線網進入，轉換成WAP網頁網頁34/應用目前最新的網頁制作技術標準應用目前最新的網頁制作技術標準W3C，使網站改版后具有更強的環境適應力，使網站改版后具有更強的環境適應力 /W3C技術對傳統技術對傳統html頁面切割制作，改變以往的頁面切割制作，改變以往的Tab表格的制作方法，表格的制作方法，因此，網頁中的圖文、因此，網頁中的圖文、Flash、視頻容量較大，訪問者仍可以快速的下載網頁。、視頻容量較大，訪問者仍可以快速的下載網頁。W3C技術帶給北京現代網站的優勢瀏覽下載速度更快技術帶

35、給北京現代網站的優勢瀏覽下載速度更快2傳統的頁面制作技術，按表格嵌套方式。不利于應用Flash、視頻等技術。對于用戶瀏覽下載速度慢W3C技術將網頁制作化繁為簡。用戶瀏覽速度更快，更利用在頁面中嵌套Falsh、視頻等技術。35/ 在網站建設中，每個細節考慮到搜索引擎優化行銷，在網站建設中，每個細節考慮到搜索引擎優化行銷，SEM /頁面源代碼的頁面源代碼的Meta Tag的應用關鍵字嵌入網頁源代碼中，的應用關鍵字嵌入網頁源代碼中，更容易的讓搜索引擎找到并提高排序更容易的讓搜索引擎找到并提高排序1 以相關技術最為先進的IBM網站為例頁面源代碼中的Meta Name 同樣運用到現代企業網站改版的網頁技

36、術中目前源代碼中的Meta Name只有一條beijing hyundai 北京現代汽車網站北京現代汽車網站改版后規范Meta應用，增加關鍵字段SEM 搜索引擎優化 36/ 在網站建設中，每個細節考慮到搜索引擎優化，在網站建設中，每個細節考慮到搜索引擎優化，SEM / 以相關技術最為先進的IBM網站為例同樣運用到現代企業網站改版的網頁技術中目前網站Title的命名無論是首頁還是產品均是一樣，顯然不利于搜索引擎。全線車型北京現代汽車有限公司全線車型北京現代汽車有限公司購車支持北京現代汽車有限公司購車支持北京現代汽車有限公司 市場動態北京現代汽車有限公司市場動態北京現代汽車有限公司瀏覽器瀏覽器Ti

37、tleTitle名稱的統一規范和相對應的頻道名稱的統一規范和相對應的頻道TitleTitle命名命名2SEM 搜索引擎優化 37/ 在網站建設中，每個細節考慮到搜索引擎優化，在網站建設中，每個細節考慮到搜索引擎優化，SEM /SEM 搜索引擎優化 規范網頁圖片位、導航位的文字注釋，也是優化搜索引擎尋找的捷徑規范網頁圖片位、導航位的文字注釋，也是優化搜索引擎尋找的捷徑2 以相關技術最為先進的IBM網站為例網頁中的圖片位網頁中的圖片位全部設有規范的全部設有規范的文字注釋，即使文字注釋，即使因為訪問者瀏覽因為訪問者瀏覽問題，無法看到問題，無法看到圖片，也可以或圖片，也可以或者圖片位的名稱者圖片位的名稱與解釋。與解釋。 同樣運用到現代企業網站改