前些天，當(dāng)廣州被連綿的雨水籠罩的時(shí)候，有一位朋友（絕不是無(wú)中生友）很真誠(chéng)地問(wèn)了個(gè)問(wèn)題：“為什么你們慢慢來(lái)建站要這么‘久’？”

好家伙，身經(jīng)百戰(zhàn)，解答無(wú)數(shù)關(guān)于建站“疑難雜癥”的小編，居然一下子不知道咋回復(fù)？

只能打著一邊哈哈，一邊在回復(fù)框里敲下：“‘站’如公司名，慢慢來(lái)嘛！”

慢著（腦補(bǔ)爾康表情包），小編轉(zhuǎn)念一想，“不行啊，你可是慢慢來(lái)與廣大粉絲連接溝通的橋梁啊。這么‘虛無(wú)縹緲’的答案，發(fā)出去不是完全不符合我們公司一貫“專業(yè)人做專業(yè)事”的匠心精神嗎？“

于是，在回復(fù)了“等等，我去取取經(jīng)，回來(lái)告訴你！”的文字后，小編準(zhǔn)備了一堆零食滿滿誠(chéng)意，踏上了請(qǐng)教項(xiàng)目組小伙伴的取經(jīng)之路。

問(wèn)大家一個(gè)問(wèn)題：一般的建站需要多久呢？

1，2，3！

好了，思考時(shí)間結(jié)束！

一般來(lái)說(shuō)，普通的模板建站時(shí)間不會(huì)超過(guò)15天，快的可能2~3天就可以完成。但是，我們慢慢來(lái)定制化建站卻需要一個(gè)半月的時(shí)間。

久嗎？按理來(lái)講，是久的。

但是，正所謂“工欲善其事，必先利其器。”而自建獨(dú)立站就是幫助企業(yè)獲取流量、詢盤(pán)、品牌知名度等等所需要的“器”。

明代的《天工開(kāi)物》中提到“制瓷”：“共計(jì)一坯之力，過(guò)手七十二，方克成器?！?制瓷共有七十二道工序，雖然真實(shí)情況沒(méi)那么多，但是少說(shuō)也要十幾道工序。

（圖片來(lái)源網(wǎng)絡(luò)，侵權(quán)聯(lián)系刪除）

而慢慢來(lái)定制化建站，就跟“制瓷”一樣，都是匠心誠(chéng)意的精細(xì)活。

慢慢來(lái)網(wǎng)站的出廠（指策劃到上線的過(guò)程）簡(jiǎn)單分為五個(gè)階段，分別是調(diào)研階段、網(wǎng)站框架制作階段、設(shè)計(jì)階段、開(kāi)發(fā)階段和上線階段。

雖然遠(yuǎn)達(dá)不上七十二道工序，但是五個(gè)大階段細(xì)分下也有二十一個(gè)小環(huán)節(jié)。

最終呈現(xiàn)在大家眼前的網(wǎng)站就是經(jīng)過(guò)五個(gè)大階段二十一個(gè)小環(huán)節(jié)慢慢“打磨”出來(lái)的。

“調(diào)研階段？看起來(lái)似乎只是一個(gè)簡(jiǎn)單收集資料的階段嘛……”感受到來(lái)自策劃小伙伴“親切”的視線，小編立馬調(diào)轉(zhuǎn)話頭，“看起來(lái)是，但調(diào)研一定不簡(jiǎn)單吧！”

確實(shí)不簡(jiǎn)單，前面也提到了，五個(gè)大階段下有二十一個(gè)小環(huán)節(jié)。打個(gè)比方，調(diào)研階段就像“制瓷”里的“選礦”，都是最終“成器”的基礎(chǔ)?；A(chǔ)不好，后面網(wǎng)站的效果也就無(wú)法保證了。

前期調(diào)研階段，細(xì)分下就有：

①閱讀和熟悉客戶資料

②整理客戶資料

③產(chǎn)品調(diào)研

④關(guān)鍵詞調(diào)研

⑤同行優(yōu)秀網(wǎng)站調(diào)研

⑥疑問(wèn)整理及解答

六個(gè)小環(huán)節(jié)，缺一不可。知“己”更要知“彼”。

關(guān)于客戶，策劃需要從PM和銷(xiāo)售負(fù)責(zé)人那邊，了解售前反饋的客戶信息；整理好所有收集和反饋的信息（信息一般包括客戶的公司信息、行業(yè)信息、產(chǎn)品信息及生產(chǎn)信息）。

然后根據(jù)收集到的信息展開(kāi)調(diào)研。

產(chǎn)品的調(diào)研環(huán)節(jié)確保對(duì)客戶的產(chǎn)品有一個(gè)清晰的了解；關(guān)鍵詞、同行優(yōu)秀網(wǎng)站調(diào)研確保對(duì)客戶網(wǎng)站的信息架構(gòu)有初步的方案。

當(dāng)然，實(shí)地的看廠環(huán)節(jié)也是不可少的，解答客戶對(duì)建站的疑問(wèn)也有助于后續(xù)項(xiàng)目的推進(jìn)。

前期的調(diào)研階段的關(guān)鍵性就體現(xiàn)在這里了，按策劃小伙伴的解答來(lái)看，這簡(jiǎn)直就是一個(gè)從無(wú)到有的突破。

前面也提到“制瓷”也是需要多道工序的，“選礦”之后，還要經(jīng)歷“制不(dǔn)、運(yùn)料、燒釉、制匣、制模、淘泥”，才到我們通?？匆?jiàn)的器物雛形——“制丕”環(huán)節(jié)。

而網(wǎng)站搭建框架階段，猶如“制瓷”里的“制丕”這道工序。走完這個(gè)階段，呈現(xiàn)在我們眼前的就是網(wǎng)站的雛形。

從“白紙”到雛形，這個(gè)過(guò)程，策劃的小伙伴們需要做什么呢？接下來(lái)就是相當(dāng)專業(yè)的內(nèi)容了，前方高能……

①根據(jù)客戶資料、客戶答疑和前期調(diào)研所得，決定下來(lái)，并開(kāi)始撰寫(xiě)框架內(nèi)容。主要包括URL結(jié)構(gòu)（導(dǎo)航欄、頁(yè)面設(shè)置）、模塊內(nèi)容和文案

②標(biāo)注頁(yè)面、模塊的設(shè)置邏輯

③功能標(biāo)注

④（框架審核通過(guò)之后）開(kāi)始制定拍攝的計(jì)劃

⑤Landing Page 框架制作

⑥SEO Basic

⑦文案校對(duì)

聽(tīng)完這些，也只有一句話可以概括：“真不愧是專業(yè)人做專業(yè)事！”

經(jīng)過(guò)前面高能的框架搭建，網(wǎng)站已經(jīng)有了雛形，那下一步該做什么呢？

于是，我們來(lái)到了設(shè)計(jì)部。

沒(méi)錯(cuò)，這時(shí)候有了雛形的網(wǎng)站該進(jìn)入到設(shè)計(jì)階段了。

網(wǎng)站的設(shè)計(jì)階段，可不是單純給網(wǎng)站上色。

網(wǎng)站的設(shè)計(jì)階段，恰似“制瓷”里的“施釉”工序，這道工序?qū)τ凇爸拼伞眮?lái)講，有增加產(chǎn)品的美感，提高產(chǎn)品使用性能的作用。

網(wǎng)站的logo、頁(yè)面圖標(biāo)、視覺(jué)效果、頁(yè)面風(fēng)格……都會(huì)在這個(gè)階段確定下來(lái)。

據(jù)設(shè)計(jì)總監(jiān)濤哥講解到，一般的設(shè)計(jì)流程（以logo為例）：

①（客戶填完問(wèn)卷）問(wèn)卷反饋分析

②了解客戶的產(chǎn)品，技術(shù)特點(diǎn)，業(yè)務(wù)目標(biāo)地域等等；客戶同行企業(yè)網(wǎng)站調(diào)研（包括同行企業(yè)網(wǎng)站使用的色彩，標(biāo)志，字體，網(wǎng)站風(fēng)格分析等）

③logo設(shè)計(jì)草稿（方向）構(gòu)思

④設(shè)計(jì)師初稿（電腦稿）

⑤內(nèi)部審核（優(yōu)化修改）

⑥客戶提案

呈現(xiàn)在我們眼前一個(gè)小小的logo，背后卻是經(jīng)過(guò)這樣一個(gè)漫長(zhǎng)的過(guò)程打磨出來(lái)的。而這樣的工作量，還僅僅只是一個(gè)logo。

還有，設(shè)計(jì)過(guò)程中，網(wǎng)站需要的工廠、產(chǎn)品照片，也需要設(shè)計(jì)部、攝影部、策劃部三方溝通需求，最終確定拍攝計(jì)劃，再由攝影部小伙伴去實(shí)地進(jìn)行拍攝。

哦，對(duì)了，在這里偷偷說(shuō)一句，千萬(wàn)別在設(shè)計(jì)師面前提到：

經(jīng)過(guò)設(shè)計(jì)階段“加持”的網(wǎng)站，目前還只是一個(gè)無(wú)法運(yùn)行的精美demo。而開(kāi)發(fā)階段需要做的，就是讓網(wǎng)站“動(dòng)起來(lái)”。

如果按照“制瓷”里的工序來(lái)比喻的話，這應(yīng)該到了“燒窯”的工序?！盁G”是需要通過(guò)生火加熱產(chǎn)生高溫，使粘土燒制成型的過(guò)程。

而網(wǎng)站的開(kāi)發(fā)階段需要做的，就是讓網(wǎng)站“動(dòng)起來(lái)”，真正成型，達(dá)到可以上線的標(biāo)準(zhǔn)。

開(kāi)發(fā)需求討論會(huì)必不可少。可惜聽(tīng)的時(shí)候每每覺(jué)得自己智商不夠，完全聽(tīng)不懂專業(yè)人士在討論什么產(chǎn)品結(jié)構(gòu)、網(wǎng)站功能、交互效果的實(shí)現(xiàn)。

并且在開(kāi)發(fā)階段，技術(shù)部的小伙伴還要面對(duì)來(lái)自策劃的聯(lián)合設(shè)計(jì)師Local檢查、Digital檢查以及正式域名檢查。

總而言之，技術(shù)部的工作大致就是需求討論、網(wǎng)站開(kāi)發(fā)、程序開(kāi)發(fā)、服務(wù)器和網(wǎng)絡(luò)維護(hù)、優(yōu)化、網(wǎng)站功能實(shí)現(xiàn)、上線前測(cè)試等。

當(dāng)然，不管是什么樣的程序代碼，能讓網(wǎng)站達(dá)到更好效果的就是好的程序代碼。（這一句話絕對(duì)不是在狡辯自己完全不懂技術(shù)的托詞哈）

看看這個(gè)小標(biāo)題，當(dāng)獨(dú)立站搭建到了這個(gè)階段，可以說(shuō)距離正式上線只有一步之遙了，確實(shí)是應(yīng)該普天同慶。

那么這個(gè)階段，我們還需要做什么呢？

很簡(jiǎn)單，我們需要給產(chǎn)品圖片進(jìn)行命名。告訴大家What's your name？

當(dāng)然不僅是這個(gè)目的。

猶如“制瓷”中的“釉上彩”工序，用各種彩料在已經(jīng)燒成的瓷器釉面上繪制各種紋飾。

產(chǎn)品圖片命名，字面意思就是給網(wǎng)站上的產(chǎn)品圖片命名Alt標(biāo)簽，在HTML代碼中被用來(lái)描述頁(yè)面上圖像的外觀和功能。

這么做有兩個(gè)作用：

①當(dāng)網(wǎng)站在網(wǎng)絡(luò)不好的環(huán)境下打開(kāi)時(shí)，圖片加載不出，Alt標(biāo)簽將代替圖像顯示；

②給產(chǎn)品圖片命名Alt標(biāo)簽在帶來(lái)更好用戶體驗(yàn)的同時(shí)，Alt標(biāo)簽有助于網(wǎng)站的SEO。可以理解為雖然搜索引擎的圖像識(shí)別技術(shù)如今已有了很大的改進(jìn)，但搜索爬蟲(chóng)并不是像我們一樣直接“看到”網(wǎng)站上的圖片，所以為了避免搜索引擎識(shí)別不出或錯(cuò)誤，Alt標(biāo)簽就很有必要了。

完成產(chǎn)品圖片命名之后，再經(jīng)過(guò)上線前的測(cè)試，一個(gè)半月也差不多了，網(wǎng)站終于到了正式的上線環(huán)節(jié)，“成器”出廠了。

回到開(kāi)頭，“取經(jīng)”完畢的小編終于知道要怎么回復(fù)那位朋友了。

于是，回復(fù)框慢慢顯示出這樣一句話：“要不，你來(lái)看看我這篇文章吧！”

然后，點(diǎn)擊“發(fā)送”。