一個(gè)好的網(wǎng)站應(yīng)該在形式和功能上都表現(xiàn)出色，它應(yīng)該在視覺(jué)上令人愉悅且易于導(dǎo)航。它應(yīng)該有很棒的設(shè)計(jì)和一流的用戶體驗(yàn)，并且在技術(shù)上穩(wěn)定和安全，且具有吸引力、功能性和實(shí)用性，更必須滿足用戶意圖并有明確的目標(biāo)。

而我們不得不承認(rèn)現(xiàn)在大部分的人都是通過(guò)網(wǎng)絡(luò)搜索來(lái)找到你，事實(shí)上，有數(shù)據(jù)研究有76%的人會(huì)在拜訪你的公司或商店之前，先搜索過(guò)你的品牌，這就好比我們想要找附近店家，總是會(huì)在Google地圖搜索一遍，進(jìn)而認(rèn)識(shí)他的品牌先，再去拜訪他吧？這可以讓認(rèn)識(shí)品牌的訪客有良好的體驗(yàn)，加深你的第一個(gè)印象。

搜索頁(yè)面的右邊出現(xiàn)公司產(chǎn)品的信息，是Google神通廣大到什么都知道嗎？

不是的，這些數(shù)據(jù)都是你要讓Google知道，并且告知他你會(huì)有什么資料，Google雖然平常也會(huì)爬網(wǎng)絡(luò)資料并且建立索引，但若你是品牌或網(wǎng)站的擁有人的話，你可以把Google當(dāng)作秘書(shū)一樣，把資料給他，他就會(huì)按照你提供的數(shù)據(jù)，把呈現(xiàn)畫(huà)面弄的更好。

一個(gè)沒(méi)流量的網(wǎng)站，做得再好也沒(méi)用。一個(gè)有流量的網(wǎng)站，你就應(yīng)該好好把握。因?yàn)榱髁烤褪巧虣C(jī)。

那一個(gè)好的網(wǎng)站，應(yīng)該具備什么樣的條件才算好呢？我們先從最大的架構(gòu)來(lái)講起，基本上要達(dá)成一個(gè)好的網(wǎng)站有非常多的條件。

我把他分成三個(gè)面向：

對(duì)于現(xiàn)在的網(wǎng)站以及搜索引擎來(lái)說(shuō)，你要網(wǎng)站排名好，其實(shí)很簡(jiǎn)單，你只要考慮了解重點(diǎn)：

用戶有良好的體驗(yàn)，能找到他們所需要的，那你就掌握了這排行的要點(diǎn)，搜索量自然也會(huì)上升。

然而，我這邊提到的良好體驗(yàn)，不一定是設(shè)計(jì)，也不一定內(nèi)容，因?yàn)檫@兩個(gè)都是相輔相成的，我來(lái)解釋為什么。

要提供好的用戶體驗(yàn)

Appify跨境電商獨(dú)立站App開(kāi)發(fā)項(xiàng)目主任Bagon認(rèn)為，用戶體驗(yàn)不僅是網(wǎng)站設(shè)計(jì)，還包括你的網(wǎng)站是否能讓用戶帶來(lái)快樂(lè)的瀏覽體驗(yàn)，讓他們記住一些東西。

如果你的頁(yè)面加載很長(zhǎng)時(shí)間，這讓他們感到沮喪，因?yàn)橛捎谀愕呐渖桨?，他們無(wú)法閱讀你網(wǎng)站上的文字，或者他們無(wú)法點(diǎn)擊你移動(dòng)網(wǎng)站上的按鈕，這都會(huì)影響用戶體驗(yàn)。

不是設(shè)計(jì)好用戶體驗(yàn)就好，也不是動(dòng)態(tài)有多浮夸，能抓到重點(diǎn)讓用戶瀏覽時(shí)感到開(kāi)心，能夠輕易地找到需要的信息，這就是好的用戶體驗(yàn)。

品牌標(biāo)識(shí)

要讓用戶體驗(yàn)好，整個(gè)網(wǎng)頁(yè)設(shè)計(jì)就必須要有完整一致的感覺(jué)，讓他從進(jìn)到官網(wǎng)，或者從廣告進(jìn)來(lái)到其中一個(gè)頁(yè)面來(lái)，直到他送出他的第一個(gè)表單或接觸點(diǎn)之前，都必須讓他感受到你品牌的特質(zhì)，就如對(duì)方到你的公司或店里來(lái)，你會(huì)花很多心思在空間裝潢是一樣的概念，一個(gè)品牌可以給顧客留下好的印象。

在網(wǎng)站中，我們需要考慮的是，網(wǎng)站的品牌識(shí)別如何跟線下的是一致的呢？ 

這很簡(jiǎn)單，就好比空間設(shè)計(jì)來(lái)說(shuō)，每一張桌子、椅子、燈管、擺飾，都會(huì)突現(xiàn)出你店里的風(fēng)格。而從網(wǎng)站中，我們可以從不同的站點(diǎn)元素來(lái)保持一致，如：按鈕、圖片、插圖、圖標(biāo)、動(dòng)態(tài)、字體大小等等的，都可以達(dá)成這個(gè)目的。 

我們的重點(diǎn)是希望可以讓訪客這邊能強(qiáng)烈的感受到你的品牌風(fēng)格，但又在不干擾他的使用體驗(yàn)下，給他留下一個(gè)很好的印象。

設(shè)計(jì)規(guī)范Style Guide

MobileSKU跨境電商獨(dú)立站App研發(fā)團(tuán)隊(duì)經(jīng)理Gisen，在近期舉辦的Appify數(shù)字化移動(dòng)電商峰會(huì)私享會(huì)沙龍擷英會(huì)上提到，當(dāng)我們?cè)陂_(kāi)啟一個(gè)設(shè)計(jì)項(xiàng)目的時(shí)候，在UX以及UI的設(shè)計(jì)領(lǐng)域里，設(shè)計(jì)規(guī)范扮演了相當(dāng)重要的角色，有了這個(gè)之后，才能將品牌視覺(jué)跟體驗(yàn)融合成一個(gè)。

但我想強(qiáng)調(diào)的是，品牌的設(shè)計(jì)規(guī)范，跟網(wǎng)站的設(shè)計(jì)規(guī)范兩個(gè)是不同的。

我們會(huì)遇到客戶大部分只有品牌的設(shè)計(jì)規(guī)范，但是對(duì)于網(wǎng)站的設(shè)計(jì)規(guī)范沒(méi)有概念，那請(qǐng)問(wèn)這兩個(gè)是一樣的嗎？不~這兩個(gè)是有很大的差異的！

品牌的Style Guide會(huì)著重在于Logo的用色、對(duì)比、印刷等使用情況。

而在網(wǎng)站的Style Guide多半結(jié)合了品牌的Style Guide之后，還會(huì)有一個(gè)很重要的UI Style Guide，這里面就包含了許多網(wǎng)站的組件，如按鈕、鏈接、大小標(biāo)體、內(nèi)文的文字大小、顏色、表單等設(shè)計(jì)的統(tǒng)一，除此之外，插圖、圖標(biāo)、以及動(dòng)態(tài)等的一致也是相當(dāng)重要。

唯有將這兩個(gè)結(jié)合，才能將品牌融入網(wǎng)站合一體，讓訪客有個(gè)完整又一致的數(shù)字體驗(yàn)。

網(wǎng)站效能與速度

有數(shù)據(jù)指出，太慢的網(wǎng)站會(huì)讓你流失掉75%的訪客。

我常常遇到很多詢問(wèn)是關(guān)于網(wǎng)站的效能不好，大部分都是因?yàn)榫W(wǎng)頁(yè)的動(dòng)態(tài)速度，以及整體設(shè)計(jì)太過(guò)于強(qiáng)烈，導(dǎo)致用戶可能無(wú)法在一開(kāi)始的時(shí)候就找到他們需要的信息，或者是要找一個(gè)東西都要1~2秒以上的話，用戶很容易失去耐心而離開(kāi)這個(gè)網(wǎng)站。

效能在體驗(yàn)上是個(gè)非常重要的一環(huán)。

SKUKING跨境電商獨(dú)立站建站技術(shù)主任Charles提到，想象一下，就如對(duì)方到你的店里來(lái)的時(shí)候，都沒(méi)有店員愿意服務(wù)，或者怠慢了這個(gè)訪客，是否我們就流失掉這個(gè)商機(jī)了呢？

所以網(wǎng)站的效能跟速度很重要，反而要如何在設(shè)計(jì)以及程序中取舍，會(huì)是個(gè)很大的挑戰(zhàn)。

我有遇過(guò)很吃動(dòng)態(tài)的網(wǎng)站，這基本上80%的SEO策略都是失敗的，或許在品牌識(shí)別上他是非常成功的，但這也比較適合那些可能原本就知道他們網(wǎng)站的人，但至于要通過(guò)自然搜索排上去的話，需要很有技巧。

以下我舉出一些會(huì)影響到網(wǎng)站效能的關(guān)鍵。

網(wǎng)絡(luò)速度

你家的網(wǎng)絡(luò)會(huì)影響到整體網(wǎng)站的數(shù)據(jù)，為什么？其實(shí)Google現(xiàn)在的Speed Test分?jǐn)?shù)會(huì)去算出平均拜訪你網(wǎng)站的人的整體數(shù)據(jù)，好比說(shuō)，你的受眾若都是東南亞國(guó)家，用手機(jī)上網(wǎng)的用戶的話，那么分?jǐn)?shù)就是建立這個(gè)依據(jù)上，并且提供你修改優(yōu)化的建議。

服務(wù)器主機(jī)

主機(jī)的規(guī)格會(huì)影響到效能，這個(gè)主機(jī)簡(jiǎn)單的來(lái)說(shuō)就是你的電腦，當(dāng)你的網(wǎng)站架在一個(gè)規(guī)格強(qiáng)大的電腦上時(shí)，效能自然就會(huì)好，相同的，若網(wǎng)站架在一個(gè)規(guī)格比較簡(jiǎn)陋的電腦上，當(dāng)你的網(wǎng)站遇到比較大的流量的時(shí)候，很容易就因?yàn)檫@樣掛掉。

我通常都會(huì)以房子來(lái)解釋主機(jī)的事情，基本上我會(huì)這樣分：

為什么？雅房與套房的裝潢，是否房東都幫你處理好了？其實(shí)你可以拎包入住，但因?yàn)榭臻g地方小，水管與其他租客共享，好比你安排了一場(chǎng)在你家辦生日Party的時(shí)候，邀請(qǐng)了數(shù)十人來(lái)你家的概念是一樣的，要煮飯、上廁所等等，因?yàn)楦蠹叶际枪蚕硗粭l水管，所以整體上會(huì)卡卡的。

相反的，若你是租整層或別墅等級(jí)的房子，因?yàn)樗芨臻g都大，所以辦了一場(chǎng)生日Party的時(shí)候，也不會(huì)遇到大家都要擠在同一個(gè)空間上的狀況，效能跟速度都會(huì)順暢許多。那為什么費(fèi)用會(huì)差這么多？其實(shí)道理很簡(jiǎn)單。

雅房跟套房的優(yōu)缺點(diǎn)就是便宜、有事找房東，但限制多，跟共享主機(jī)是同樣的概念。整層或別墅的優(yōu)缺點(diǎn)就是貴、什么都要自己處理，跟獨(dú)立自架主機(jī)是同樣的概念。

裝入文件數(shù)量與大小

一般來(lái)說(shuō)，當(dāng)你的文件越大越多的時(shí)候，在瀏覽器中的加載所需的時(shí)間就會(huì)越長(zhǎng)，雖然說(shuō)你家的網(wǎng)絡(luò)可能會(huì)很快使得可以在更短的時(shí)間內(nèi)加載這些文件更快，但是并不是每個(gè)人的狀況都與你一樣。 

況且，這些加載文件的體驗(yàn)對(duì)于機(jī)器人來(lái)說(shuō)是非常重要的，我有遇過(guò)因?yàn)槲募螅虞d速度慢，分?jǐn)?shù)也會(huì)降低，這都會(huì)連帶影響到你的頁(yè)面效能跟SEO排行的成效。

SKUKING跨境電商獨(dú)立站出口外貿(mào)事業(yè)部Daisy認(rèn)為，必須花時(shí)間盡可能的優(yōu)化這些文件，例如縮小圖檔，簡(jiǎn)化代碼等的可能，就可以加快網(wǎng)頁(yè)加載的效能了。

插件

確實(shí)，很多平臺(tái)如WordPress在使用插件的情況下，可以輕松的在你網(wǎng)站上添加功能…...尤其是如果你是在沒(méi)有太多技術(shù)知識(shí)的情況下自行維護(hù)網(wǎng)站。但是，你的網(wǎng)站上若有太多插件，或者選擇太多插件的情況下，反而會(huì)降低網(wǎng)站速度。

每個(gè)插件都有不同的功能跟特性，有些會(huì)跟數(shù)據(jù)庫(kù)做連動(dòng)，而有一些會(huì)在設(shè)計(jì)或互動(dòng)（前端）增加功能。

但是基本上，每個(gè)插件背后里都會(huì)送出許多與數(shù)據(jù)庫(kù)請(qǐng)求的鏈接，也會(huì)額外加入許多不必要的文件，如Javascript、CSS等等的，這些若你本身不是網(wǎng)站開(kāi)發(fā)的程序人員，很容易會(huì)被忽略，甚至不知道這個(gè)帶來(lái)的影響會(huì)對(duì)網(wǎng)站有多大。

瀏覽器

瀏覽器會(huì)影響網(wǎng)站加載速度，舊版本的瀏覽器更會(huì)因?yàn)殡y以加載某些文件或代碼的關(guān)系，導(dǎo)致不兼容。

MobileSKU獨(dú)立站App海外營(yíng)銷市場(chǎng)部McCain提醒，這些都是機(jī)器人可以幫你算出來(lái)的，自然這些會(huì)因?yàn)槟闶鼙姵Ｓ玫臑g覽器和數(shù)據(jù)有關(guān)，進(jìn)而去推算出你的分?jǐn)?shù)而影響排行榜。

網(wǎng)站體驗(yàn)的影響

網(wǎng)頁(yè)效能的重要性

網(wǎng)頁(yè)加載時(shí)間越長(zhǎng)，對(duì)跳出率的影響就會(huì)越大。舉例來(lái)說(shuō)：

如果網(wǎng)頁(yè)加載時(shí)間從1秒增加到3秒，跳出率就會(huì)增加32%。如果網(wǎng)頁(yè)加載時(shí)間從1秒增加到6秒，跳出率就會(huì)增加106%。

而這個(gè)指標(biāo)里面有涵蓋三大重點(diǎn)：

執(zhí)行結(jié)果后，系統(tǒng)會(huì)根據(jù)網(wǎng)址在特定類型設(shè)備上的效能，應(yīng)用「不良」、「需要改善」和「良好」標(biāo)簽。

你或許會(huì)有疑問(wèn)說(shuō)，這些分?jǐn)?shù)又跟設(shè)計(jì)還有效能有何關(guān)系？我來(lái)說(shuō)明一下，好比說(shuō)：

正如Appify跨境電商獨(dú)立站品牌主題會(huì)議中強(qiáng)調(diào)的：如今的網(wǎng)站其實(shí)重點(diǎn)已經(jīng)不只是在塞關(guān)鍵詞，而是希望你的網(wǎng)站能夠給用戶帶來(lái)多少價(jià)值？

網(wǎng)頁(yè)使用者體驗(yàn)本來(lái)就是Google現(xiàn)在極力在推廣的項(xiàng)目，從原本早期的移動(dòng)設(shè)備友善、AMP頁(yè)面、安全性瀏覽、https安全協(xié)議等，都能感受到Google想要倡導(dǎo)的目的。

而Core Web Vitals開(kāi)啟了另外一個(gè)衡量網(wǎng)站的項(xiàng)目，讓制作一個(gè)好網(wǎng)站多了一個(gè)新的指標(biāo)。

給搜索引擎看的技術(shù)性優(yōu)化

其實(shí)很多人都會(huì)忽略掉一件事，總是網(wǎng)站做好給人家使用、給人家看就好。營(yíng)銷部分通過(guò)廣告或其他方式就好了，但是其實(shí)你知道嗎？Appify跨境電商獨(dú)立站App研究中心認(rèn)為，好的自然流量一年可以省下你好幾百萬(wàn)的廣告費(fèi)。

這也是大家所想要致力想要提升的SEO排行，在這之前，你要知道搜索引擎是怎么被收錄的，因?yàn)檫@些爬蟲(chóng)并不會(huì)看得懂網(wǎng)站的內(nèi)容，所以他必須通過(guò)各種項(xiàng)目以及程序給他的信息，這樣他才能知道把網(wǎng)站收錄起來(lái)，當(dāng)用戶打關(guān)鍵詞的時(shí)候，給出適當(dāng)?shù)膬?nèi)容或結(jié)果出來(lái)。

當(dāng)你給爬蟲(chóng)更多資料時(shí)，你被收錄的機(jī)會(huì)就越高。

除了我上面提到的Core Web Vitals的體驗(yàn)相當(dāng)重要之外，其實(shí)還有許多指標(biāo)提供參考：

當(dāng)然還不止這些，每個(gè)網(wǎng)站的問(wèn)題都可能會(huì)在開(kāi)發(fā)或運(yùn)營(yíng)時(shí)，面臨到的問(wèn)題都不同。

讓人家認(rèn)識(shí)你的數(shù)字營(yíng)銷

營(yíng)銷是需要長(zhǎng)期運(yùn)營(yíng)的，不是一次成功就完成了。在數(shù)字營(yíng)銷中，你的競(jìng)爭(zhēng)對(duì)手只會(huì)一直增加，不會(huì)減少，所以時(shí)時(shí)并進(jìn)以及時(shí)常維護(hù)才是數(shù)字營(yíng)銷的成功之道。

數(shù)位營(yíng)銷（Digital Marketing）包含了在電子設(shè)備或網(wǎng)絡(luò)上所做的一切營(yíng)銷手段，人們利用數(shù)字上的渠道——例如搜索引擎（Google、Yahoo）、社交媒體（Facebook、IG）、電子郵件、網(wǎng)站、一頁(yè)式銷售頁(yè)面、或APP等——去接觸到潛在目標(biāo)受眾。

SEO搜索引擎優(yōu)化

優(yōu)化我們的網(wǎng)站使它在搜索結(jié)果的排列順位出現(xiàn)地越前面的這個(gè)程序，就是所謂的「Search Engine Optimization（SEO）」，在搜索結(jié)果頁(yè)面越前面出現(xiàn)，被看到的機(jī)會(huì)就越大，進(jìn)而自然搜索流量也會(huì)增加。

博客運(yùn)營(yíng)

你不應(yīng)該在沒(méi)有制定明確內(nèi)容策略（Content Strategy）的狀況下就直接開(kāi)始創(chuàng)造內(nèi)容

有了內(nèi)容策略（Content Strategy），你可以保持在正軌上，并確保你所創(chuàng)造的每個(gè)內(nèi)容都具有明確的目的。

廣告投放

95%的流量都集中在排在第一頁(yè)的網(wǎng)站，當(dāng)你的網(wǎng)站無(wú)法以自然排序出現(xiàn)在第一頁(yè)，你就必須通過(guò)有效的廣告來(lái)輔助你的社交營(yíng)銷和SEO工作。

廣告投放可以幫助你更快地被看見(jiàn)，會(huì)投廣告不代表你投對(duì)廣告，SKUKING跨境電商獨(dú)立站建站技術(shù)主任Charles提到，許多營(yíng)銷人的問(wèn)題在于，「無(wú)法在對(duì)的時(shí)間，提供給對(duì)的人對(duì)的信息」，若你無(wú)法精準(zhǔn)的選擇受眾，通過(guò)廣告只帶來(lái)低品質(zhì)的流量，忽略了受眾人物畫(huà)像的重要。

使得花費(fèi)許多廣告預(yù)算將消費(fèi)者導(dǎo)流到網(wǎng)站，卻無(wú)法把握時(shí)機(jī)提供對(duì)消費(fèi)者有價(jià)值的品牌信息，投了廣告卻形同亂槍打鳥(niǎo)，既無(wú)法發(fā)揮效用、又浪費(fèi)成本。

一個(gè)好的廣告能夠幫你增加轉(zhuǎn)換率，給對(duì)的客戶在對(duì)的時(shí)間給他們對(duì)的廣告內(nèi)容，進(jìn)而增加廣告轉(zhuǎn)換率達(dá)到你的商業(yè)目標(biāo)。

社群運(yùn)營(yíng)

運(yùn)營(yíng)社群的主要目的在于與目標(biāo)顧客建立連接，增加信任感，便可通過(guò)產(chǎn)制內(nèi)容引發(fā)目標(biāo)顧客的興趣，使他們產(chǎn)生購(gòu)買(mǎi)欲望。社群是唯一可以新客戶與舊客戶聯(lián)系的渠道，也是幫助網(wǎng)站引流更多流量的方式。

數(shù)據(jù)驅(qū)動(dòng)網(wǎng)站持續(xù)優(yōu)化

SKUKING跨境電商運(yùn)營(yíng)營(yíng)銷主任John補(bǔ)充說(shuō)，新網(wǎng)站已經(jīng)上線了，并有真實(shí)的用戶與該網(wǎng)站的互動(dòng)紀(jì)錄，這將提供有價(jià)值的反饋。

這些寶貴的數(shù)據(jù)將顯示用戶感興趣的部分，將你的用戶瀏覽行為作為網(wǎng)站持續(xù)優(yōu)化的根據(jù)，集中精力對(duì)高價(jià)值的用戶持續(xù)優(yōu)化網(wǎng)站體驗(yàn)，以支持你實(shí)現(xiàn)商業(yè)目標(biāo)，再加上整合的市場(chǎng)營(yíng)銷和銷售工作，可以不斷進(jìn)行調(diào)整和更新，進(jìn)而增加流量和優(yōu)化轉(zhuǎn)化率。

創(chuàng)建一個(gè)出色的中小型企業(yè)網(wǎng)站可能并不像你最初想象的那么簡(jiǎn)單。