昨天，熱愛學(xué)習(xí)的Jack負(fù)責(zé)的網(wǎng)站終于成功上線了。在這里，我想記錄一下這一路上的經(jīng)歷，希望能給大家提供一些方向性的指導(dǎo)，幫助大家避免一些我曾經(jīng)遇到的坑。

從九月下旬到十一月下旬，這個項目的持續(xù)時間大約兩個月。說長不長，說短也不短。長是因為我們花費了大量時間來商量網(wǎng)站的整體風(fēng)格，例如首頁的呈現(xiàn)形式、關(guān)鍵詞調(diào)研、整個網(wǎng)站的版面設(shè)計，以及涉及到一些代碼的修改。但說短是因為實際上傳圖片、產(chǎn)品文案的速度很快，后期主要是進(jìn)行站內(nèi)優(yōu)化。關(guān)于站內(nèi)優(yōu)化和關(guān)鍵詞調(diào)研的內(nèi)容，可以參考我之前的文章：《On Page SEO 單頁面優(yōu)化，你需要知道這8點》。

在選擇合適的運營級網(wǎng)站系統(tǒng)方面，我們有WordPress、Shopify和Magento這三個比較流行的選擇。WordPress適合搭建個人博客和B2B網(wǎng)站，對代碼有一定的基礎(chǔ)要求，但要求不高，可以學(xué)習(xí)W3schools的基礎(chǔ)代碼。Shopify則適合搭建中小型B2C在線商城網(wǎng)站，特別是當(dāng)公司產(chǎn)品SKU數(shù)量較多時。它對代碼的要求不高，但如果你想要實現(xiàn)某些定制功能，還是需要了解一些代碼知識。Magento適合大型B2C在線商城，對代碼要求較高，一般需要配備技術(shù)團(tuán)隊來維護(hù)后臺。運營人員還是需要了解一些基礎(chǔ)代碼知識，雖然不需要會編寫代碼，但至少要能看懂，簡單的修改一些。因為很多功能都在HTML代碼中操作，會很簡單。代碼對于運營而言就像語法對于學(xué)英語的人一樣，懂得越多越好。

在這次建站過程中，Jack選擇了Shopify作為平臺。有些朋友可能會問為什么不用WordPress，因為Shopify相對更簡單、更省時。老板對網(wǎng)站的交付時間有較高要求，所以Jack選擇了Shopify。在使用過程中，Jack發(fā)現(xiàn)某些主題存在一些限制，很多自定義功能無法實現(xiàn)。于是，他選擇了一個懂技術(shù)的朋友進(jìn)行外包合作，這位朋友對Shopify的操作非常熟練，所以交流非常順暢。

在此之前，Jack所在的公司網(wǎng)站是使用Wix搭建的。Wix有幾個明顯的缺點：不是自適應(yīng)網(wǎng)站、打開速度慢、國內(nèi)使用者較少，難以與同行交流。但Wix也有其優(yōu)點：價格便宜、拖拽方便。這次選擇使用Shopify搭建網(wǎng)站，主要是為了克服Wix的缺點。Shopify的主要優(yōu)點包括：自適應(yīng)、打開網(wǎng)速快、國內(nèi)使用人數(shù)多便于交流。

在完成了建站平臺的選擇之后，我們需要進(jìn)入網(wǎng)站的頁面規(guī)劃階段。這主要包括基礎(chǔ)規(guī)劃、首頁規(guī)劃、列表頁規(guī)劃和詳情頁規(guī)劃。在基礎(chǔ)規(guī)劃中，主要包括logo、產(chǎn)品方向、色彩風(fēng)格和字體等。在首頁規(guī)劃中，主要包括導(dǎo)航條、核心產(chǎn)品、價值信息、底部導(dǎo)航等。列表頁規(guī)劃則采用了2級目錄，方便客戶查找產(chǎn)品。詳情頁規(guī)劃則主要做了展示規(guī)劃和賣點規(guī)劃。

站內(nèi)內(nèi)容優(yōu)化與SEO策略探討

隨著網(wǎng)站的布局與設(shè)計工作的順利推進(jìn)，接下來我們需要集中關(guān)注站內(nèi)內(nèi)容以及搜索引擎優(yōu)化工作。這里涉及到幾個重要的環(huán)節(jié)：內(nèi)容原創(chuàng)、圖片優(yōu)化以及站內(nèi)SEO的進(jìn)一步改進(jìn)。

一、內(nèi)容原創(chuàng)：價值與創(chuàng)新融合

二、圖片優(yōu)化：細(xì)節(jié)決定速度與體驗

圖片優(yōu)化涉及多個方面，包括圖片大小、圖片Alt標(biāo)簽以及圖片命名規(guī)劃。圖片尺寸越大，加載速度越慢，特別是在網(wǎng)站圖片數(shù)量較多的情況下。若公司有設(shè)計和美工人員，應(yīng)確保照片在提供時已進(jìn)行壓縮處理。若沒有相關(guān)人員，我們可以使用Tinypng等工具進(jìn)行圖片壓縮。此工具可一次性壓縮多張照片，有效減小圖片體積。

圖片Alt標(biāo)簽的使用能夠為圖片提供文字描述，這在Html代碼中為圖片命名時尤為重要。這不僅可以增強(qiáng)用戶體驗，還有助于搜索引擎理解圖片內(nèi)容。具體好處包括：替代無法加載的圖片、幫助視力障礙者閱讀以及提高圖片在Google Image的搜索排名。

關(guān)于圖片命名規(guī)劃，我們應(yīng)針對不同產(chǎn)品建立相應(yīng)的產(chǎn)品文件夾，并搜集相關(guān)關(guān)鍵詞進(jìn)行命名。這樣既便于我們自己查找圖片，也便于同事和客戶在未打開圖片的情況下，通過關(guān)鍵詞了解產(chǎn)品信息。

三、站內(nèi)SEO優(yōu)化：從細(xì)節(jié)著手提升排名

站內(nèi)SEO優(yōu)化主要涉及On Page SEO單頁面優(yōu)化，涵蓋以下八個方面：站內(nèi)標(biāo)題、描述、H1標(biāo)簽的設(shè)置，關(guān)鍵詞密度的控制、LSI關(guān)鍵詞以及TF-IDF關(guān)鍵詞的植入，頁面的文案編寫，站內(nèi)的內(nèi)鏈與外鏈管理，301與404異常鏈接的檢測，搜索者意圖分析，單頁面的速度測試以及鏈接建設(shè)策略等。

對于On Page SEO單頁面優(yōu)化的具體實施，可以參考之前撰寫的相關(guān)文章《On Page SEO 單頁面優(yōu)化,你需要知道這8點》。

通過shopify搭建營銷型網(wǎng)站的過程包括選擇合適的運營系統(tǒng)、確定網(wǎng)站的布局和設(shè)計、進(jìn)行站內(nèi)內(nèi)容與SEO的優(yōu)化等步驟。在這個過程中，我們需要注重每一個細(xì)節(jié)，從內(nèi)容到圖片到SEO策略，都需要精心策劃和執(zhí)行。希望這份思維導(dǎo)圖能夠幫助大家更好地理解和實施這些步驟。

（來源：好學(xué)的Jack）

以上內(nèi)容屬于作者個人觀點，不代表其他機(jī)構(gòu)的立場。本文已經(jīng)獲得原作者授權(quán)轉(zhuǎn)載，如有需要轉(zhuǎn)載請聯(lián)系原作者。