趙巖老師介紹說，雍熙馬總在TOB官網和SEO方面非常專業，我趕緊約了采訪，馬總確實是我見過做TOB官網最專業的，9月在上海也一起吃了個飯，采訪稿我拖到現在發出來，對TOB官網的一些干貨內容，分享給有需要的TOB市場營銷人。

我們公司主要是做企業官網，做了有10來年了，針對的就是一些中大型企業，也可以說是一些行業的頭部公司，對于這種做定制服務，我們只能盡量去服務好一些頭部的公司，我們公司有一個企業文化就是，我們在每一個部門內都要求能閉環，包括給客戶的服務盡量也能做到閉環，讓客戶在官網這塊上下游的一些服務，我們都能幫他支撐好。

尤其是近兩年來有很多新的場景，一個是數字化，一個是安全，數字化這塊也是國家在推進的，包括企業現在也都在往數字化上轉，包括數字化營銷方面，但安全是在國家由上往下在推進整個國內的互聯網的安全，對企業，對政府，對一些單位都提出了更高的安全性的要求，所以在這一塊我們盡量能夠給客戶提供一個閉環的服務，到現在為止，服務世界500強，包括中國500強，企業也有數10家，包括一些上市公司等等耳熟能詳的企業，GE、寧德時代，浪潮，西門子，默克化工、博世等，這些都是我們的客戶，而且是常年在服務的客戶。

基本上我們服務的客戶都是有官網的，而且大多數客戶，包括新創的品牌，其實能夠和我們做接觸的，都是有過一次和兩次官網的迭代的，所以我們想從官網升級來講，也就是講講為什么你的官網現在需要去升級，應該注意哪些點。

（1）視覺提升

對于一個官網來講，它是分兩部分，一部分是感性，一部分是理性，感性就是視覺這一塊，有點像我們去找對象，你肯定是要先看他的顏值，覺得還ok對眼的話，你可能會想更好地去了解他，慢慢去了解他有什么學識，或者他的家庭背景等等，才能進到理性，所以我們首先要把感性做好，就是說把視覺做好。

我們追溯一下之前的審美的一個變化，從最早的擬物設計，也就是說我們最早的蘋果手機，大家可能都有印象，像那些案例都是有光澤，光影，很立體，感覺它就像一個物體一樣，這叫擬物設計。后面蘋果就慢慢開始扁平化設計，圖標方式越來越簡約，到現在又開始扁平化加擬物的結合，再到3D，所以說審美其實是一直在變的，我們的網站也不可能做10年都不會去變。

一個網站的視覺周期基本是在3年，如果你不提升，業內其他的競品去提升的話，很容易就會感覺到跟不上。所以說對于網站來講，它就是企業的一個線上展廳，客戶時刻都在瀏覽我們的網站，對我們產生第一印象，是從網站開始的。

（2）內容添加

我們接觸過很多客戶的網站，有一個問題就是他沒法自己進行維護，因為當時在做的時候，很多后臺功能做得相對簡單，不能通過后臺進行一些數據的維護和添加，導致客戶很被動，就需要找第三方去幫他去進行數據的錄入，但會產生成本，造成時間的耽擱，有時可能今天就要做市場活動，今天就要把數據、文章或者頁面加進去，但是沒有后臺的支撐的話，是很難的。

另外，隨著我們業務的變化，我們增加了新的業務板塊，當時網站可能沒有這一塊的模型，沒法把對應的新的板塊的業務加進去，這時候就需要對網站進行改版升級。

（3）功能升級

隨著產品的提升，我們需要在網站上結合我們的業務，進行一些網站功能的提升。

有的公司之前是沒有上市的，后面它要上市的話，就要增加投資者關系的板塊。還有一種類型，就是像芯片或者是半導體這種公司，它會要在網站上進行非常復雜的條件的檢索，之前這個功能很多都是做的比較簡單弱化的，現在需要做一個升級，去匹配產品的變化。

再就是可以對網站進行一些營銷拓客的升級，比如說增加一些小工具來提升客戶的留資率，例如通過小程序可以領取紅包或者領取獎勵，或者做裂變分享等等。

（4）安全問題

安全問題是這兩年的一個重點，國家在推行等級保護體系，對于我們普通企業來講，未來也會有等級保護要求，但是現在并不是馬上能夠把它全部推行下去，這是國家接下來要去做的。

過等保其實是一個很復雜的流程，需要對網站的整個代碼做審計，對網站的漏洞進行滲透測試，包括服務器的一些安全軟件等等，它有幾百項的安全的要求，所以我們近年來碰到了很多這種要求，國家要求必須通過等保體系認證，尤其是一些金融、國企、高新企業。

另外，公司可能有做過的網站被別人種木馬，種了木馬之后，對于客戶做市場活動推廣產生了比較嚴重的影響。其實有一種木馬是很常見的，只是這種木馬它可以判斷你的來路，如果是客戶自己輸入公司的網址，他是沒法看到自己網站種木馬的，但是客戶通過搜索關鍵詞，到達這個網站的時候，就會變成了非法網站，這就是現在為什么很多網站被種了木馬，反而客戶自己沒有發現。所以這個也是我們碰到客戶需要解決的安全問題，不少公司因為使用開源的CMS導致被批量掛馬，必須要使用一個比較靠譜的CMS來去解決這個問題。

（5）營銷需要

不管是大企業小企業都會有這個問題，可能認為我們懂編程，懂開發就能把網站做好，其實整個網站和軟件開發是兩個體系，雖然也有功能也有開發，但是網站要注重營銷，它要考慮SEO、SEM轉化的問題。

所以說我們在做網站代碼開發的時候，是有一套SEO的要求規范，從前端進行代碼編程到后端的一些功能，都要去考慮SEO的問題，否則后面再去調整會造成大量的成本和時間的浪費。

我們之前碰到一些客戶網站上線后，百度是不收錄的，再去看一下它的代碼，在它的源代碼里根本就沒有輸出需要的文字和內容，都是用了一些js的輸出，導致整個網站無法在百度進行收錄，市場部在用的時候發現了這個問題，后面就要進行改版，再包括我們做SEM還要考慮CTA設置，也就是我們轉化的按鈕的布置布局及監控，這些都是一些營銷需求。

（6）業務拓展

現在大家都在全球化，我們的客戶之前可能只做一個中文網站，后面的話開始升級英文網站，做葡萄牙、日本、印度等等。做海外網站的時候，對于每一個國家都有不同的用戶體驗的要求，就是在其他國家找我們做的時候，我們要給他做用戶的習慣的分析，做網站的本地化。

舉個比較明顯的例子，比如說阿拉伯地區，網站的文字是從右邊往左邊讀的，和國內的網站完全是兩樣的，所以當你業務有擴展的時候，也需要進行網站的升級。

既然官網要升級了，肯定要考慮的升級之后想達到一個怎樣的目標。

（1）結構優化

一個優秀的網站首先要梳理的，就是網站結構，網站結構就像一本書的目錄一樣，我們怎么能讓客戶清晰地看明白，而且能夠讀下去，這個非常重要，從框架欄目結構到網站的每個頁面的閱讀的結構、板塊的結構，我們都要去幫客戶進行梳理。

工具書和暢銷書的目錄設置是有區別的，我們在做網站的時候，更要考慮網站并不是一個工具書，它其實是一個暢銷書，我們要考慮怎么能讓讀者更愉悅地有興趣地讀下去，當他對業務有更深入了解的時候，可以再聯系我們的業務人員等等，去獲取我們更詳細的產品介紹，而不是把網站當成一個工具書一樣把所有的東西都丟上去。

（2）設計優化

首先我們要分行業，每個行業的審美是不一樣的，軟件行業、醫療行業、半導體行業、傳統的行業，對網站的審美有很大區別，所以我們先要了解它的行業和人群的審美。

生物醫療行業更注重的是一種嚴謹，喜歡用一些視頻去展示高科技的一些內容；軟件行業喜歡用一些比較虛擬的圖標、插畫去展示網站的一些功能等等。

對于不同的行業，我們要想辦法找到它自己的設計語言，而且根據不同的公司定出設計方法，所以我們在做的時候，有一套UI規范，UI規范是區別于企業的VI規范的，企業的VI是對一個 logo怎么去應用，顏色運用等。

對于UI的話，它是涉及到網站的一些體驗，比如說網站上應該用什么樣的字體，大標題、一級標題、二級標題、三級標題應該有多少號字，英文字體應該是什么樣子的，網站的顏色有幾種，主色是什么，輔助色是什么，包括網站的輔助圖形，網站的網格系統等等。

一個優秀的網站設計是很體系化的，它在各個頁面都是以同樣的標準去設計的，而不是說每個頁面看過去它都是沒有規范的，所以說要幫客戶去整理一個UI的設計規范，保證設計產出的一致性，品牌對外的一致性。

（3）交互優化

網站和平面最大的區別就在于交互，因為網站是人機互動的，你可以點擊，可以滾動，可以滑動等等，所以說網站是有趣味性的。

如果設計好交互的話，首先我們可以讓客戶更容易去理解我們想表達的內容，其實網站就是幫助客戶把數據進行可視化的一個過程。另外當交互比較有趣味性時，也可以提高網站的黏著度，減少網站的調出率，其實對我們的營銷SEO優化也是有幫助的。

當然如果是視覺交互做得好，網站往往會給客戶一個更深刻的印象，能夠讓客戶對品牌有更好的印象，更深刻的印象。

我們給寧德時代做的整個3D建模，這里面就做了很多有意思的東西，首先是動畫3D，然后點擊整個場景，它可以彈出詳細的業務介紹，還有在黑夜白天有兩個不同的場景，這就可以給我們的用戶產生更好的印象。

（4）品牌化

品牌化和設計還是有一定關系的，我們怎么能把客戶的品牌植入網站，一定要去考慮這個網站的VI的要求，然后把客戶的品牌的基因融入到設計中，不管我們再進行一次二次三次的迭代，你進來看到都會知道這個網站、這個品牌，它會有自己的一個記憶點，這個是品牌化。

（5）規范化

規范化其實是對設計規范的細化，形成統一的UI設計標準，包括間距，分辨率，節點，動效緩動時間的設置等等，所以說規范化其實是對設計優化的補充。

（6）內容優化

我們在做的過程中，很多客戶經常會把自己的PPT直接發過來，想把PPT直接搬到網上去，其實這個做法是不對的，因為 PPT其實是講課的一種載體，他并沒有考慮說如果用戶自己去閱讀會是怎樣的一個過程，所以我們一般是有幫客戶去重新梳理文案。

雖然我們是做網站，但也是在幫客戶把現有的內容梳理出來，重新歸類整理，幫客戶去把內容優化得更好，把它更有亮點的東西展示出來。

其實很多客戶手里有很多很棒的東西，但是在做的時候沒有去用，像我們在跟客戶做建模的時候，客戶手里本來就有很多的建模的文件，但是他們只是在這個項目執行中用的，從來沒有考慮把這些東西放到網站上去怎么做交互，我們就可以借助我們的經驗和技術，幫客戶去把他的東西用起來。

我們在做開發的時候，就發現客戶有非常多優秀的視頻，但是一直都是在線下播放，沒有把它放到網站上，我們幫他重新做了視頻的剪輯提取，重新讓資料產生了新的價值，這是一個內容優化。

（7）營銷轉化

從一開始就考慮好轉化的思路，把SEO、SEM的轉化思路，布局到網站中去，分析用戶旅程，在用戶的轉化路徑上布局好，讓客戶能夠留資，所以要提前把統計工具，用戶行為分析工具植入到網站中。

其實網站背后有大量的流量和數據，從開始采集，到后面去做網站的二次迭代，再去找流量轉化的問題，這都是做好最基礎的準備，所以像網站的統計代碼，尤其是在國內一定要去安裝百度統計，因為百度現在對其他第三方統計進行了關鍵詞加密，沒有一家公司能夠精準獲取到網站的百度搜索的關鍵詞，百度統計是唯一一個可以統計到百度的搜索關鍵詞的工具。

（8）安全優化

一定要使用企業級的CMS，我是不推薦去網上用，尤其是中大型企業不要去用太多這種開源的免費的程序，因為當免費程序出現漏洞的時候，波及面是非常廣的，因為它代碼是開源的，它對你們的技術是開源的，對黑客也是開源，所以說一旦出現漏洞，你可以看到大量的網站同時受到這個木馬的襲擊。

其實大家如果都在用CMS就知道，CMS也是一個重災區，除了選好了 CMS，還要做好服務器安全防護，有些時候客戶就覺得我的網站后臺很穩定，沒有問題。其實這只是網站代碼層級，服務器本身如果有漏洞的話，你的代碼再好，人家都有鑰匙進你家門的，你里面保險柜再堅實也是沒有用的，他照樣可以把保險柜搬走。所以說服務器必須做好自身的安全防護，一些服務器的安全軟件都得及時更新。我們也碰到很多客戶因為安全問題推倒重建。

我們發現很多客戶不會去收集網站的數據，而且收集的數據不知道怎么去用。對于To B的企業來講，網站是非常重要的戰場，不管你是在做百度的推廣也好，活動營銷也好，客戶最后都會回歸到企業官網。

前不久我和一個投資人聊天，我問你們投資人會看網站嗎，投資人說我們不會看新聞，但我們一定會看企業的網站，因為如果網站都沒有講清楚他在做什么的話，這家企業估計也不會很清楚自己是做什么的。

（1）品牌力

品牌力就是兩點來決定，一個是設計，我們做設計一般都會去看一些更國際化的網站，尤其是像蘋果這種一直都走在設計前沿的公司，我們會分析它是怎么去做設計的。

再一個就是網站的結構，作為一個大企業，必須有大企業的一個網站結構，我們見過很多公司的網站，就一個頁面，沒有去把他的網站做豐滿，如果你的企業已經達到一定規模，你一定要按照企業的形象做好網站的內容。

（2）基礎能力

一是安全性，前面講過要保證它的穩定性，我們在做上市公司這種大型企業的時候，我們有更復雜的安全防護的方式，包括防篡改，前后臺分離，備份的機制等等，就是保證它即便是受到了任何的危險，它能在很短的時間內自動恢復。

第二個是可訪問性，可訪問性往往是大家忽略的，有很多網站做完，它沒有做過測試，訪問能不能通過，速度如何，很多客戶的網站可能在國外地區都訪問不到，所以這也是很重要的一點。

第三點講到適配性，指的是我們要適配各種各樣的屏幕的分辨率，因為現在除了手機，手機有大屏、小屏、折疊屏很多種層面，包括電腦，甚至包括電視機，都是我們的終端。網站的設備性如果不好的話，就會導致很多客戶在瀏覽的時候，可能都沒法看清楚內容，就不要說有更好的用戶體驗，這些能做的多好，要投入大量時間調試，我們有280項的測試要求來達到更好的交付。

第四，兼容性，現在瀏覽器各種各樣，IE，谷歌，火狐，包括國內的360，搜狗，每個瀏覽器都有自己不一樣的兼容要求，所以說這個也是能決定用戶體驗的很重要的方面。

（3）獲客能力

網站自身有一個天然的優勢，它只要是做好了基礎放到網絡上，搜索引擎就可能收錄你的內容，至于排名好不好，還需要其他的一些工作，但是它天然具有獲客能力，只要你做好優化，它就可以給你帶來更多流量。

雖然現在百度推出了積木魚，不少企業被強制轉積木魚，但是對于很多客戶來講，積木魚的功能非常單一，所以很多客戶是沒法去用積木魚的，所以企業可以根據自己情況跟百度協商進行加白處理，不用接入。

再就是信息流，包括我們的一些外鏈，舉個例子像知乎是可以引流到官網的，所以當你之后有一篇很優秀的內容，客戶產生了興趣，閱讀完之后再點擊鏈接跳到官網上，但發現很垃圾。最后一公里的轉化沒有做好，可能前面所有的內容營銷付出的努力，最后可能都沒有產生結果，這是我們講的獲客能力。

再講我們轉化網站里面的內容和文案，如果我們做好引導的話，目標都是要往客戶的最終的轉化上面去思考的，包括我們的白皮書，我們的視頻，或者是說像有些做技術類的企業，它可以把自己的一些行業的小軟件、小工具等通過留資才能下載或使用，也可以得到很好的客戶的注冊量，但是千萬不要做一件事，就是點擊什么東西看什么東西，都要填表，這樣的用戶體驗是非常差的，需要真誠的開放一些干貨內容給到用戶。

（4）轉化能力

官網可以開發轉化的小工具，讓客戶在上面能夠進行計算，計算之后一步一步地再進行留資，讓客戶進行一些體驗性的轉化，這也是一個很好的思路。

再就是做好CTA的布局，CTA布局也叫營銷探針，CTA的布局根據每個頁面從頭部、中部、底部都要做好，行動號召文案盡量要統一。

最后一點是北極星指標，這一點是指的是對我們客戶來講，他進到最終的一個轉化頁面的時候，你最好不要給他太多的選擇，要么就讓他留資，不要給他太多的選擇，往往你在做數據去進行歸因分析的時候，你就很難去進行分析，所以我們要明確好我們的轉化目標，這個頁面以留資表單為主，我們所有的目標轉化都是表單流進。

（5）數據沉淀

數據沉淀要具備安裝分析工具，要具備有收集用戶資產的能力，就像我們現在很多企業的網站，我都推薦增加內容中心或者增加用戶中心，客戶在上面可以進行注冊、進行留資，再產生新的一些操作，這個就是用戶資產的積累。

（1）流量來源

我們網站的流量來源，第一是SEO，第二是SEM，第三就是內容營銷，知乎頭條等等，第四是品牌帶來的一些搜索，或者是直接輸入你的網址過來的用戶，還有所有線下活動引流到線上的流量來源。

（2）流量承接轉化

流量承接網站其實是很重要的一個流量承接的環節，這里寫到智能CTA，是因為我們自己開發了一個智能的CTA的工具，可以統計到一些按鈕的點擊的數量轉化的情況，而且可以動態地去改變按鈕的樣式。如果你沒有應用這種工具的話，你也可以把你自己的CTA做好布局，不管是轉化表單還是在線咨詢，還是企業微信等等。

內容中心有很多玩法，一種玩法就是直接在網站上設置白皮書，下載視頻這樣的分類，客戶下載或者是想看內容的時候，就填寫表單。想玩的更溜一點，你可以通過先讓他閱讀一部分，然后再想閱讀更多的時候，或者是說閱讀完之后，底下有一條資料需要下載的時候，再進行留資。

還有更新的一種辦法是客戶關注公眾號，哪怕他不留存，關注之后，他也可以看到整篇完整的內容或者下載資料，然后我們再通過公眾號進行培育。

這里還有網站統計，還有UBA工具，承接了流量之后，我們去進行數據的分析。

（3）用戶轉化

這里我們把客戶承接下來，不管是進表單也好，或者進公眾號也好，或者進企業微信也好，我們承接下來之后，我們要進行孵化，其實就應用到MA工具，像營銷自動化相關的工具，當然如果你沒有營銷自動化工具，你也可以通過一些手動的方式進行客戶的跟蹤。

這里有一張圖，就是把我們可以進行觸達的方式，比如短信，企業微信，郵件或者是公眾號的消息推送等等，通過這種孵化方式再把客戶進行實名的轉化。

（1）SEM

很多企業做完網站之后都會去投放競價廣告，因為 SEM見效非常快，它非常適合冷啟動，當你沒有網站或者之前沒有做過營銷推廣的時候，你開始直接投放，馬上就可以給你帶來流量，但是有一個問題就是你花錢它就有，你不花錢它就沒有，你只能不斷地加大投放。

當然SEM雖然說見效快，但它也是需要長期優化的，每一個投放賬戶也需要差不多幾個月，你不斷地去投放關鍵詞，再進行提純篩選，不是說你花錢就ok的，也需要一個過程。

外面一直在講說我們怎么通過優化去降低轉化的成本，怎么從100塊變成70塊，怎么從70塊變成50塊，其實以我10多年 SEM的投放情況來看，每年整個行業的價格都在提升，之前可能投放只有十幾塊二十幾塊的詞，慢慢的第二年會變成30、40，第三年可能變成40、50，我們優化并不是說真的能幫我每年節省成本，投入可以變少，而是讓我們自身在這個不斷內卷的過程中，我們還是能夠以一個比較低的價格去進行客戶的轉化。

然后再講 To B企業的 SEM怎么去做，因為很多客戶他自身并不是非常了解SEM，首先會想到去外包，找一家 SEM的托管公司，其實對B端來講的話，我是不推薦大多數企業這樣去做，因為你的消耗非常少，我們接觸到B端的話，它的投放一天基本上也就幾千塊，上萬的非常少，對于你兩三千塊錢的投放來講，一個月的話就是幾萬塊的一個投放。

如果投放量過少的，再去找SEM托管公司的話，其實沒有什么太大意義，因為你的詞量非常少，不像醫療教育行業都是上萬個詞，要去不斷地去管理，需要大量的人力。

對于我們B端，你只要做好和百度的客服的溝通，自己去學習一下SEM的一些基礎知識，這就是對SEM有一定的了解。

其實市場人自己可以去管好SEM的賬戶，百度也會有客服幫你去操作，你提出要求他一定會去幫你做的，這個是我們講的競價的管理的問題。當然我們還可以通過一些其他的廣告創意形式，這塊的話是要其他的一些費用，SEM是可以讓我們快速啟動，而且能提升品牌，如果有實力投放品牌專區的話，能在搜索引擎上給品牌一個更好的印象。

（2）SEO

SEO是一個長期主義的問題，我覺得對市場來講，應該從一開始就要去考慮 SEO，因為SEO雖然見效慢，但是它有一個好處就是只要你做了，它可以給你回饋，可能是未來3年，5年，10年都會一直給你。

我們接觸的一些國際化的企業，包括像默克化工，我們一直在幫它做SEO的一些服務，他們每年都有固定的預算，一定要做SEO，這在國外可以說是一個必需品。

所以對于我們市場人來講，我覺得應該也有SEO的基礎知識，因為當專業的技術公司幫你做好SEO的網站的結構布局之后，后面的很多工作內容其實是在于內容產出，你是否能提供一些SEO搜索引擎更需要的內容或者更原創的內容，這個是非常重要的。市場人要對SEO有一個概念，包括文章中哪些關鍵詞需要進行錨文本的鏈接，怎么把整個網站的內鏈通過錨文本進行串聯，這些基礎還是需要去學習的。

（3）內容營銷

內容營銷其實是從c端開始的，慢慢地現在也延伸到B端，而且內容營銷帶來的轉化和價值，我認為應該是未來占比非常高的，尤其是像做的比較優秀的，比如致趣，因為我們也是一直在看致趣做很多內容，帶來了很多持續的轉化。

但是內容有個最大的問題是在于產出非常難，因為如果想產生專業的內容，首先要投入更多的精力，不光是精力的問題，而且在公司里能夠寫出專業內容的人也非常少，他首先要對公司的業務邏輯非常清楚，所以很多內容產出都是全員內容產出。

這種模式我也有和一些公司在溝通，他們的高管對每個部門的人都有內容產出的要求，而且還有積分制或者是獎金，以此激勵大家去構建和闡述內容。

當然你也可以讓外部的專業的老師幫公司去輸出一些內容，內容也是一個長期價值，它可以持續轉化，而且這些產出內容會很好地去反哺SEO，你有足夠好的內容的話，就可以構建你官網的內容中心。

內容營銷必須是需要內部外部力量一起推動，而且在內部一定是自上而下的，不管你是市場部的市場總監還是公司的CEO，一定要有更長遠的目光，應該從上到下去推行公司的內容營銷的執行，這樣的營銷方式才能長期讓公司產生價值。

（1）需求溝通

首先我們要對網站進行分析，找到舊網站存在的一些問題，當然優秀的東西我們要保留下來。

分析完之后，我們還要對它的項目的時間做一個規劃，有時客戶在改版網站上有明確的時間要求，有的是為了參加展會，有的是可能為了上市前的準備，還有的是為了融資，我們接觸的客戶還有的是為了世界500強新的名次的公布，各種原因吧，所以我們要明確這個時間，讓所有的目標圍繞這個時間去達成。

再就是改版的目的，因為改版的目的大家都有側重點，我們要對它最關注的一個點進行詳細的拆分，然后去滿足客戶最需要解決的那個點。有的客戶是為了快速提升他的品牌，有的客戶就是為了把網站的營銷做得更好，所以我們要找好我們最重要的一個發力點在哪里。

（2）項目策劃

需求溝通清楚之后，就要進行一個詳細的策劃。我們首先要幫客戶進行網站結構的梳理，梳理的過程我們會探討，包括去分析它的競品同行等等，然后再進行風格的定位，接著是進行原型策劃，我們會對每個頁面進行原型的制作，把思路通過原型的方式呈現，但是它并沒有任何的設計的元素。

最后就是出具一個甘特圖的詳細的規劃表，這里面不光是我們的工作的內容，我們還會把客戶的工作內容也列清楚，比如在什么階段需要什么內容，因為這是兩個團隊的共同的工作，所以說我們要進行一個詳細的時間說明和工作內容的安排。

（3）UI設計

首先進行首頁的設計，首頁設計也是我們最花時間的一個過程，也是我們的客戶最需要投入進來和大家一起探討的過程。首頁決定了風格，首頁也是終端用戶進來看到的第一個頁面，是產生第一印象的地方，所以這個地方是花時間最多的。

再就是欄目頁的設計，欄目頁設計是次于首頁，但是都重于內頁，它可能是一些長頁面，一些解決方案或者是很重點的一些產品，最后才是一些普通的內頁的制作。

（4）前端交互

當UI設計完，它其實只是一張平面圖，你沒法進行點擊，沒法進行交互體驗，這就需要我們前端工程師進行開發，先滿足基礎展示，再做屏幕大小的適配、主流瀏覽器的兼容性調試，最后開發特效，把它轉化成我們可以操作的頁面，這就叫前端交互的開發。

（5）后端開發

后端開發是開發網站的一些功能，比如搜索，后臺更新的邏輯，會員中心等等，讓網站的數據可以通過后臺添加，進行檢索，如果你有會員可以登錄，可以注冊，可以滿足客戶的要求，這些都需要進行后端的開發。

（6）網站測試

這個測試我們要求網站與設計稿基本達到99%的相似率。

首先設計稿比對，第二步進行兼容性測試，加上瀏覽器再進行功能的測試，比如說是否能夠正常的留言，留言是否錯誤，輸入錯誤的時候是否有正確的提示和引導，進行檢索的時候返回的內容是否正確，當搜索不到內容的時候，是否有提示這個內容為空，沒有檢索到你想要的內容等等這些提示語，這些都是功能性的測試。

然后是安全測試，要進行前后臺的滲透的測試，也就是模擬攻擊，看有沒有可能出現注入問題等等。

最后是撥測和壓測，撥測是說是否可以在國內外各個地區都能夠訪問得到，訪問的時長是多少。壓測是針對很多大型公司，它的訪問壓力比較大的，需要進行壓力測試，我們要測試每秒鐘請求能夠達到什么樣的量級，去滿足它峰值的要求，這叫壓力測試。

（7）數據添加

數據添加這個過程看著很簡單，但是蠻耗費精力的。首先是數據的整理，客戶的數據要整理成網站需要的格式，接下來還要核對數據添加的內容，看是否會觸及到敏感詞，大型的公司有內容官，它還要對內容進行審核，審核完了之后才能放到網站上去，所以說這個過程也是需要花點時間的。

（8）上線

最后就是我們講的上線，上線要協調對象企業的 IT部門服務器，如果是在我們公司托管服務器，我們就可以一條龍做完，如果涉及到客戶自己的服務器，還需要協調IT部門，去寫上線的流程，讓各個部門去配合我們的工作。

這個是一個官網的建設的流程，這個流程相對來說比較細，但是其實每個環節我們都會去做，這樣才能保證一個高質量官網的上線。

（1）甲方臨時團隊

甲方團隊一般是沒有專門的網站，負責團隊大多數情況都是品牌部或者是市場部，他會去在這個時間段內，配合我們的網站建設的工作，基本上在我們甲方團隊會有幾個部門協助，一個是市場部，一個是客戶自有的設計師，再一個就是 IT部門。

這里面負責溝通的一般都是市場，市場部跟各個部門索要資料去整理，對我們乙方公司去輸出他的想法，然后審核質量，或者是對我們輸出的網站的交付的前端，后端，程序進行測試，還有內部所有部門的時間協調，由市場部牽頭和各個部門進行開會，幫助他們去梳理資料，所以市場部門是最重要的一個銜接部門。

這里提到自有設計師，自有設計師為什么也很重要？因為自有設計師會很了解公司的設計風格或者設計的禁忌，所以我們會跟甲方公司自己的設計師進行溝通，盡量不要去觸碰到他們設計的一些剛性的要求。我們也可以在設計師那里獲取一些現有的設計資源和資料。

IT部門是在最后的過程中負責安全或者是負責網站上線服務器的部門。

（2）乙方項目人員

對于乙方，我們也會有一個團隊，這個團隊首先就是項目經理，項目經理是對整個項目的管理和把控，中間會涉及到網站策劃，是對一些動效風格進行策劃，然后UI設計師做頁面設計，前端工程師做交互程序，后臺程序做功能，QA做測試，這個內容錄入有我們的內容添加人員，協助客戶把內容添加進去，包括后面交付給客戶，還有培訓師，不光會教后臺使用，有時候還會教客戶一些簡單的圖片處理和視頻處理軟件的使用，保障客戶后續可以自行去維護自己的網站。

當這些都結束之后，網站會交付我們的客服部門，客戶在整個過程中可能會咨詢一些相關網站使用的問題，客服可以進行快速的解答。所有的客戶只要和我們合作之后，我們常年都會幫他提供一個額外的咨詢服務，我們如果能解決的我們會幫你解決，如果解決不了的，我們也可以推薦業內的專家幫你去解決。

（1）圖片和視頻版權

現在國內的版權的意識也在加強，很多公司都遇到了這種問題，就是之前用了一張圖，用這個視頻，沒有去考慮版權問題，設計師也可能從一些服務網站下載過來，后面就有專門的圖片公司給你發來了律師函，然后起訴，得不償失，所以一定要從一開始就選擇用一些有版權的圖庫。

比如說像視覺中國、海洛創意這些比較優質的圖庫，它的圖片可能會比較貴，如果是上市公司的話，一張圖可能要一兩千，對于普通的中小企業來講的話，一張圖幾十塊錢也不貴的。如果沒有這個條件，也可以使用一些免版權圖片，也就是說很多圖片是放棄版權的，但是使用要謹慎還是有一定風險。 

（2）字體版權

另外一個就是講字體的版權，字體的版權比圖片版權影響還大，你如果用了付費字體，可能他追溯你的賠償都是幾萬塊，具體要的賠償費用是很高的，這就比較容易踩坑。推薦可以使用思源字體。

（3）代碼交付

做完網站之后，一定要考慮這個代碼是否可以交付給公司，后續是否可以自己做好基礎的維護，有些公司網站做完代碼是不交付給客戶的。

我們碰到過挺多這種問題，客戶后面想去自己維護網站的時候，可能當時給他服務的公司都不在了，然后大家當時也沒有交付過，也聯系不上當時維護的公司，最后網站也沒法續費，沒法訪問了，必須得重新做，這個影響還是蠻大的。

（4）廣告法

廣告法的賠付是在20萬元起步，當無法認定價值的時候，它就以20萬起步，所以說“第一”、“領導品牌”、“最”，這些詞一定要注意，不要隨便去用。

但是如果你能給出證明或者第三方的報告，證明你的銷售額是行業內第一，你也是可以用。

（5）文案整理

前面我講過一定要針對網站的瀏覽思路，用戶的旅程去整理提煉文案，而不是把公司的一些內部的資料搬過來，這個過程其實要花點時間去做的，千萬不要把PPT直接貼進來，因為ppt一般是講的，但是網站是需要用戶自行閱讀的，這個是非常忌諱的。

（6）國內外法規

在國內可能大家都知道要去備案，然后現在還有說到工信部的備案，就是ICP備案號，沒有備案的話，你的網站是沒法在放在國內的服務器進行訪問的。

同時現在每個地區的公安局又提出了新的要求，你還要做公安局備案，而且你的備案號碼你必須要放在這個網站上，要鏈接到工信部或者公安局，這個鏈接還不能錯，如果鏈接錯了之后被查到，也會讓你整改。

像我們做全球化的戰略的時候，第一點就是隱私問題，你必須要有cookie提示，提示是否可以獲取第三方的cookie。第二就是像歐洲有GDPR這種個人隱私要求，我們也對接過咨詢顧問怎么去開發，比如如果有會員的話，你必須要允許客戶能夠去刪除自己的信息等等，所以說一旦你要去做國外的全球化的營銷推廣，你一定要考慮它在各個地區的合規的問題。

（7）找專業公司

我建議大家在前期選型的時候，找一個靠譜的專業的公司，其實一開始感覺這個行業門檻很低，很多公司都進來幫客戶做網站，但是很多公司做了一段時間之后，發現并沒有那么簡單，后來又不做了，就導致一些客戶的網站爛尾或者是沒人維護。如果你的網站只用了一年或半年就要重新再去做的話，這個成本也是蠻高的，所以一開始還是要選擇一家靠譜的長期在做的公司，它能夠伴隨大家一個長期的服務。

這里可能就想多講兩句，我們也一直在看國外的一些服務模式，其實公司一直在貫徹陪伴式服務，我們想能夠陪伴客戶真正去關注整個品牌或者營銷的一個過程，而不是說只關注結果，比如說搜索引擎做優化，就是關注某幾個字的排名，不關注整個優化的過程，導致很多客戶找到優化公司都是用黑帽優化，一段時間幫你快速把詞優化上去了，后面網站被k掉了，網站再去翻身就很難了。

所以說我們更關注去幫客戶做長期的布局，做白帽，做更多有流量的關鍵詞的布局，從三五年去考慮或者更長久去考慮，從客戶一開始合作，我們就把營銷優化就考慮進去。

我們雖然在服務全國各個地區的客戶，但是對定制服務來說我們只能全力去給一小部分客戶提供服務，但是我們也想和更多的企業進行交流，分享我們這10多年的一些經驗，能夠幫助國內的B端的客戶有更好的成長，雖然你不一定是我的客戶，但是我希望我們能帶來的一些分享，能夠幫助大家有更好的成長，這也是自己的一些想法。

本文作者：陳小步，36氪企服點評經授權發布。

了解更多To B運營干貨知識，歡迎訪問36氪企服點評