一個獨立站，是否可以贏得Google的絕對信任，很大程度上取決于頁面的內(nèi)容深度。然而這看起來，多少與我們對于網(wǎng)站的認(rèn)知，有所不同。這里說的內(nèi)容深度，不僅僅是頁面內(nèi)容的質(zhì)量和豐富度。

我更想強調(diào)的是：頁面中每個模塊之間的關(guān)聯(lián)性、以及對于用戶訴求挖掘的邏輯體驗。所以，本篇我將重點分享我是如何根據(jù)用戶心里訴求，進(jìn)行獨立站用戶體驗的全面構(gòu)建。

上圖是2022年，我們?yōu)楸本┮患以诰€教育平臺，面向北美以及歐洲（德國、英國與法國為主）市場，展開的品牌站首頁設(shè)計。因為大部分Learning Online平臺，主要服務(wù)于國外小學(xué)生以及Preschool群體，所以在設(shè)計上偏于兒童化。

然而，字體和色調(diào)對于兒童的一味友好，最終的結(jié)果，很可能給人的感覺：這個平臺的課程質(zhì)量較低，所以需要外部的裝飾，來掩蓋師資和課程體系上面的短板。

這是我們非常不希望看到的！

所以，在設(shè)計之初，我們就果斷放棄了大量國外同行網(wǎng)站的設(shè)計思路。我們需要給用戶提供一個專業(yè)、權(quán)威的課程品牌網(wǎng)站，而不是什么都賣、什么都便宜賣的感覺。我們十分清楚：

• 孩子學(xué)習(xí)的過程中，感受到的是課程內(nèi)容、課堂氛圍、學(xué)習(xí)方式。顯然，課程價值比網(wǎng)站給人的初體驗，更加重要。

• 最終付款的是家長，所以，我們要清楚，美國各州之間家庭的薪資水平，所代表的家長社會地位，以及這些家長、他們怎么看待一個Online School是否專業(yè)？

怎么做到的？

#1、Banner首屏奠定平臺基調(diào)，亮出最大的品牌價值

我們要在客戶剛剛進(jìn)入網(wǎng)站，就開門見山地告訴他：你來到了什么地方？這個地方能給你的最大價值是什么？我們不希望浪費客戶的每一分鐘，所以，設(shè)計之初，放棄了并列輪播的播放形式，而改用一張圖片，平鋪直敘。

第一印象，直接決定了整個網(wǎng)站的逼格；也同樣決定了課程的價格走向。所以，在第一版上面（無論是顏色搭配、素材選擇、文案還是圖標(biāo)的設(shè)計），花費多少時間，都不過分。你需要明白：

• 你的Slogan到底是什么？Slogan到底有沒有最大的亮點；

• Banner圖的選擇，能不能從側(cè)面再強化下你的Slogan？如果是一張整圖，那么就一定要還原產(chǎn)品的細(xì)節(jié)和應(yīng)用場景；如果是組合圖，就要概念+場景，這樣顯得不亂而又循序漸進(jìn)。

#2、采用Woocommerce，羅列出學(xué)科分類

相比于數(shù)量較少的產(chǎn)品網(wǎng)站，上千個課程頁面，如果采用并列的順序展示，用戶需要反復(fù)滾動好幾次鼠標(biāo)，才能夠找到目標(biāo)學(xué)科。如果一屏下來，用戶可以清晰看到所有學(xué)科分類，這樣他就不會產(chǎn)生厭倦的瀏覽體驗。

通過Woocommerce插件，能夠輕松實現(xiàn)，多個產(chǎn)品分類之間的自由切換?？蛻粼僖膊挥蒙舷禄瑒邮髽?biāo)，去找他喜歡的目標(biāo)課程。但并不是所有的主題，都能夠滿足這種設(shè)計。大家在購買主題時，一定要多看Demos的演示效果。在搜索主題時，可以輸入“eCommerce WordPress”，找到理想的WP框架。

#3、定向推薦，再次拉住客戶的眼睛

如果用戶看到上述所有的課程列表之后，仍然不知道該為孩子選擇哪些課程......不用著急，我們在這里，引用Slider滾動播放的形式，為家長做Featured課程的定向推薦。

采用大圖外加動畫樣式，最大程度貼合兒童課程的特點。恰好與課程列表的展示方式，在視覺上差異較大，會讓人有眼前一亮的感覺。當(dāng)然，這些課程的推薦，在底層開發(fā)時，我們注意的問題包括：

• Featured課程利潤是否較高；
  

• 通過JS的底層開發(fā)，實時跟蹤用戶的瀏覽行為——他搜索什么課程，這里的輪播圖，就會匹配播放什么學(xué)科；

• 考慮到移動端自適應(yīng)，采用圖片內(nèi)鏈形式，點擊跳轉(zhuǎn)。

這也是C端產(chǎn)品網(wǎng)站，促進(jìn)轉(zhuǎn)化的一個重要策略：通過GA的埋點，實時追蹤用戶的瀏覽行為，進(jìn)行定向、高效的產(chǎn)品推薦。

#4、絕對看重Practical內(nèi)容，打消用戶一切顧慮

我們看過很多國內(nèi)同行，做的外貿(mào)獨立站。在這一版，通常大家喜歡講述Company Story（關(guān)于我們），但是這種做法，從實際效果看，并不能真正讓客戶對你產(chǎn)生興趣和信任。

從用戶數(shù)據(jù)Session Time和Engagement分析，我們在這個模塊，通過視頻的形式，介紹自己開發(fā)的在線課堂軟件ClassPod，以及通過這個軟件，上課的真實的課堂環(huán)境。

當(dāng)用戶看完課程內(nèi)容之后，對于在線教育的家長們來說，他們更想關(guān)注：這么好的課程，是否可以搭配良好的課堂氛圍？而不是立刻去想：這些課程，是由哪個公司提供的。所以，在介紹產(chǎn)品的時候，一定不要讓客戶意猶未盡，否則他對于產(chǎn)品的熱情，會大打折扣。

#5、師資力量，就是教育平臺最大的自信

對于教育平臺而言，老師的資格和特點介紹，本質(zhì)上就可以說明這個平臺的質(zhì)量。相比于那些蒼白的About Us，我們直接展示全球簽約的優(yōu)秀教師，以及這些教師的主頁和評價，作為家長選擇時的重要依據(jù)。

一個產(chǎn)品獨立站，一定要有Review系統(tǒng)，這是一個最基本的常識。大家可以選擇全球比較知名的評價系統(tǒng)：

• Trustpilot（全球性客戶評價系統(tǒng)：支持WP/Shopify）
  

• Yotpo（美國本土客戶評價系統(tǒng)：支持WP/Shopify）

個人推薦Trustpilot，它的展現(xiàn)方式更加多樣。無論是在網(wǎng)站Header、Sidebar、Footer還是Products頁面，都有多種樣式可供選擇。而且，Trustpilot支持二次開發(fā)的成本更低，0代碼自定義模式空間更大！

#6、Why Us作為補充說明，分條列點

大部分美國網(wǎng)站，都喜歡在接近Footer的位置，列出為什么選擇我們的幾個理由。這種量化的描述方式主要考慮到：

• 作為補充說明，更進(jìn)一步解釋產(chǎn)品或者服務(wù)的優(yōu)勢；

• 為首頁SEO的標(biāo)簽進(jìn)行優(yōu)化（H2/H3標(biāo)簽、關(guān)鍵詞內(nèi)鏈）；

• 增加谷歌可索引的內(nèi)容字?jǐn)?shù)，提升谷歌SEO質(zhì)量。

作為網(wǎng)站內(nèi)容部分，我們同樣要求內(nèi)容的量化程度。其實，含糊其辭的表達(dá)方式，就是在浪費客戶的時間——這不是一個負(fù)責(zé)的品牌站，該有的東西。我們要講清楚：到底如何High Quality？我們是怎么提供Available Support的？

所有無法量化的東西，其實就是從側(cè)面反映你對自己產(chǎn)品的不自信。這非常致命！

綜上所述，頁面的內(nèi)容設(shè)計與用戶體驗，并不是一件簡單的事情；當(dāng)然，也不是通過理論學(xué)習(xí)能夠掌握的。這需要通過大量的數(shù)據(jù)分析和用戶行為觀察，進(jìn)行二次、三次的深度優(yōu)化，是一個不斷提升和提煉的過程。

希望上述我分享的頁面用戶體驗設(shè)計，會對你有些不錯的啟發(fā)。其實，我們只需要記住一個點，就能把這個事情做好：網(wǎng)站內(nèi)容，不管來自什么頁面，都必須對用戶要有實實在在的價值。

更多關(guān)于外貿(mào)獨立站設(shè)計與谷歌SEO相關(guān)技術(shù)問題，歡迎在線咨詢與交流。