2021年我主導(dǎo)了企業(yè)官網(wǎng)的迭代升級(jí)，堅(jiān)定啟動(dòng)官網(wǎng)改版的原因來自于清楚的認(rèn)識(shí)到了官網(wǎng)對(duì)于B2B營(yíng)銷獲客的價(jià)值，結(jié)合我的認(rèn)知和工作復(fù)盤，聊一聊如何做好B2B企業(yè)官網(wǎng)的網(wǎng)站建設(shè)和運(yùn)營(yíng)。
上一篇文章講到B2B企業(yè)官網(wǎng)的價(jià)值，搭建高質(zhì)量的企業(yè)官網(wǎng)非常重要。
不管是公司內(nèi)部的技術(shù)團(tuán)隊(duì)還是找專業(yè)建站公司，作為市場(chǎng)人了解網(wǎng)站的構(gòu)建原理和搭建流程是非常重要的，對(duì)每個(gè)流程做精細(xì)化的管控，才能搭建高質(zhì)量的企業(yè)官網(wǎng)。
網(wǎng)站整體的搭建步驟為：網(wǎng)站分析—網(wǎng)站架構(gòu)規(guī)劃—內(nèi)容布局—視覺設(shè)計(jì)—前端交互開發(fā)—后端開發(fā)—網(wǎng)站測(cè)試/上線。
一、網(wǎng)站分析
首先要對(duì)官網(wǎng)進(jìn)行分析，找到舊官網(wǎng)存在的問題，明確網(wǎng)站搭建的目的是要進(jìn)行網(wǎng)站改版重構(gòu)還是網(wǎng)站升級(jí)。改版重構(gòu)與升級(jí)是兩個(gè)概念，很多網(wǎng)站不需要推翻改版，而是網(wǎng)站升級(jí)。
應(yīng)該慎重考慮網(wǎng)站改版，從策劃到上線需要?jiǎng)佑煤芏噘Y源，花很多時(shí)間，如果網(wǎng)站不可控導(dǎo)致改動(dòng)成本很高，而要改動(dòng)的東西又很多，可以考慮推翻重構(gòu)，如果并沒有以上問題或者改版之后的收益并不明顯，可以考慮基于原有的環(huán)境進(jìn)行持續(xù)優(yōu)化，增加頁(yè)面和內(nèi)容。
還要對(duì)網(wǎng)站搭建的時(shí)間做好規(guī)劃，最好有一個(gè)明確的完成時(shí)間，圍繞著這個(gè)時(shí)間去達(dá)成。
二、網(wǎng)站架構(gòu)規(guī)劃
ToB企業(yè)官網(wǎng)兼顧品效合一，官網(wǎng)一部分要解決客戶的問題，另一部分是介紹自身的業(yè)務(wù)，網(wǎng)站負(fù)責(zé)人在規(guī)劃網(wǎng)站架構(gòu)和內(nèi)容的時(shí)候一定要具備“用戶思維”和“業(yè)務(wù)思維”，用戶思維核心在于思考企業(yè)的客戶是誰，企業(yè)能為客戶提供什么價(jià)值，解決客戶的什么問題，業(yè)務(wù)思維的核心在于思考如何通過官網(wǎng)獲客。
官網(wǎng)負(fù)責(zé)人要梳理好網(wǎng)站結(jié)構(gòu)，可以參照一下行業(yè)頭部公司的結(jié)構(gòu)做法，詳細(xì)規(guī)劃好從框架欄目結(jié)構(gòu)到每個(gè)子頁(yè)面的板塊結(jié)構(gòu)，比如首頁(yè)、產(chǎn)品中心、案例、方案中心、企業(yè)動(dòng)態(tài)、聯(lián)系我們等欄目，確?？梢宰尶蛻羟逦挠信d趣的去瀏覽網(wǎng)站內(nèi)容。
B2B網(wǎng)站承擔(dān)獲客任務(wù)，在規(guī)劃網(wǎng)站結(jié)構(gòu)的時(shí)候就要把SEO、SEM的轉(zhuǎn)化思路布局到網(wǎng)站中去，分析用戶行為路徑，要提前把統(tǒng)計(jì)工具、用戶行為分析工具植入到官網(wǎng)中，設(shè)計(jì)好引導(dǎo)注冊(cè)版塊，合理布局彈窗、按鈕和用于營(yíng)銷轉(zhuǎn)化的落地頁(yè)。
三、內(nèi)容布局
第一，從用戶角度撰寫內(nèi)容。用戶的時(shí)間非常短，每個(gè)頁(yè)面只有10秒的時(shí)間吸引客戶，短時(shí)間內(nèi)找不到自己想要的東西可能就會(huì)離開，所以一定要提煉出來產(chǎn)品服務(wù)的功能點(diǎn)和關(guān)鍵詞，減少文字堆砌盡量呈現(xiàn)重點(diǎn)，而且最好能夠通過過往的客戶分析，使用客戶在描述他們的需求時(shí)使用的語(yǔ)言。
第二，內(nèi)容差異化。仔細(xì)調(diào)研公司業(yè)務(wù)，分析自身的產(chǎn)品服務(wù)有沒有競(jìng)爭(zhēng)對(duì)手沒有的功能，提煉出本公司產(chǎn)品服務(wù)和行業(yè)內(nèi)競(jìng)爭(zhēng)對(duì)手相比的優(yōu)勢(shì)點(diǎn)和核心賣點(diǎn)，進(jìn)行差異化的內(nèi)容撰寫。
四、視覺設(shè)計(jì)
網(wǎng)頁(yè)設(shè)計(jì)階段需要大量的溝通，官網(wǎng)整體的色系、設(shè)計(jì)風(fēng)格、品牌元素、圖標(biāo)風(fēng)格等一般基于企業(yè)的VI系統(tǒng)，不同行業(yè)的審美可能不同，了解企業(yè)所處行業(yè)和人群的審美很重要，可以從客戶角度出發(fā)，打造有記憶點(diǎn)的視覺形象。
此外要形成統(tǒng)一的UI設(shè)計(jì)規(guī)范，包括字體、間距、節(jié)點(diǎn)、動(dòng)效緩動(dòng)時(shí)間的設(shè)置等，保證網(wǎng)頁(yè)設(shè)計(jì)產(chǎn)出的一致性，品牌對(duì)外的一致性。
動(dòng)效交互能夠讓網(wǎng)站更加立體，增強(qiáng)閱讀內(nèi)容的感受，打造官網(wǎng)的記憶點(diǎn)，但同時(shí)也要適當(dāng)做好減法，商業(yè)設(shè)計(jì)的目的是為了傳遞內(nèi)容，動(dòng)效交互設(shè)計(jì)不能分散用戶對(duì)目標(biāo)內(nèi)容的注意力。
五、前端交互開發(fā)
網(wǎng)站涉及的編程技術(shù)分為前端和后端。網(wǎng)頁(yè)設(shè)計(jì)稿完成只是一張平面圖，沒法進(jìn)行交互體驗(yàn)，還不能稱為網(wǎng)頁(yè)，需要前端工程師進(jìn)行開發(fā)。
先滿足基礎(chǔ)展示，再做主流分辨率的屏幕適配、主流瀏覽器的兼容性調(diào)試（包括PC端和移動(dòng)端）、特效開發(fā)和搜索引擎友好操作，轉(zhuǎn)換成我們可以操作的頁(yè)面。
六、后端開發(fā)
后端開發(fā)是開發(fā)官網(wǎng)的一些功能，主要實(shí)現(xiàn)網(wǎng)站的邏輯功能和網(wǎng)站內(nèi)容的錄入修改，要打造普通網(wǎng)站運(yùn)營(yíng)人員也能直接使用、方便進(jìn)行網(wǎng)站數(shù)據(jù)修改的管理后臺(tái)，后端開發(fā)最好使用開發(fā)效率高、維護(hù)快的程序語(yǔ)言，比如php。
七、網(wǎng)站測(cè)試/上線
官網(wǎng)上線前需要進(jìn)行完整的運(yùn)營(yíng)測(cè)試，包括文案正確性、顯示效果兼容性、設(shè)備適應(yīng)通用性、功能可用性、交互順暢性、載入速度等，以及使用 HTTPS 安全協(xié)議，和IT部門協(xié)調(diào)好服務(wù)器之后就可以正式上線了。
PS：一些需要重點(diǎn)避坑的地方！
1.重視官網(wǎng)字體、圖片、視頻的版權(quán)問題
2.如果是外包給建站服務(wù)商來做，要求交付代碼，防止后期內(nèi)部團(tuán)隊(duì)無法維護(hù)。
3.謹(jǐn)慎在官網(wǎng)上使用“第一”“最”等廣告字眼，除非能給出證明否則不要隨便用。
4.注意網(wǎng)站的工信部備案、公安局備案，做全球化營(yíng)銷推廣時(shí)候還要注意海外法規(guī)，比如隱私問題和GDPR等個(gè)人隱私要求。
最后，官網(wǎng)建設(shè)上線并不意味著結(jié)束，需要運(yùn)營(yíng)人員對(duì)網(wǎng)站進(jìn)行日常維護(hù)和持續(xù)升級(jí)迭代，包括：
優(yōu)化內(nèi)容和用戶路徑體驗(yàn)，監(jiān)控、分析和提升瀏覽量和留資轉(zhuǎn)化率；
及時(shí)調(diào)整SEO優(yōu)化策略，提高各關(guān)鍵字的網(wǎng)站自然搜索排名；
根據(jù)要求策劃、組織網(wǎng)站的專題，對(duì)網(wǎng)站的資源進(jìn)行深度挖掘和資源整合；
制作不同類型的廣告落地頁(yè)原型，策劃廣告頁(yè)面板塊文案，測(cè)試不同頁(yè)面的廣告投放轉(zhuǎn)化效果等。
關(guān)注我，分享學(xué)習(xí)與實(shí)踐經(jīng)驗(yàn)，一起成長(zhǎng)
