On Page SEO 單頁面優(yōu)化,你需要知道這8點(diǎn)
關(guān)鍵詞不夠用？試試這幾個(gè)工具
本篇文章一共4385字，13張照片，1張思維導(dǎo)圖，閱讀完需要13分鐘。
一 選擇合適的運(yùn)營(yíng)級(jí)網(wǎng)站系統(tǒng)
建站前我們需要選擇哪個(gè)網(wǎng)站系統(tǒng)，目前國(guó)內(nèi)市面上比較流行的建站系統(tǒng)有這么幾個(gè)：Wordpress, Shopify, Magento。Wordpress主要適合搭建個(gè)人博客，搭建B2B網(wǎng)站，對(duì)代碼有一些基礎(chǔ)要求，要求不是很高，可以去W3schools去學(xué)些基礎(chǔ)代碼。Shopify主要適合搭建中小型B2C在線商城網(wǎng)站，公司產(chǎn)品SKU幾十上百個(gè)那種的。對(duì)代碼沒什么要求，基本0代碼要求，不過你要是實(shí)現(xiàn)某些定制功能，還是需要懂點(diǎn)代碼知識(shí)。Magento 適合搭建大型B2C在線商城網(wǎng)站，公司產(chǎn)品SKU上千個(gè)以上那種。Magento的功能比較多了，對(duì)代碼要求很高，一般需要配備2個(gè)技術(shù)維護(hù)網(wǎng)站后臺(tái)。
PS: 運(yùn)營(yíng)還是需要懂些基礎(chǔ)代碼知識(shí)，不需要會(huì)編寫代碼，起碼能看懂，簡(jiǎn)單的修改一些，很多功能在HTML代碼里操作，會(huì)很簡(jiǎn)單。代碼對(duì)于運(yùn)營(yíng)而言就像語法對(duì)于學(xué)英語的人一樣，懂得越多越好，多多益善。
因?yàn)楣緦?duì)這個(gè)網(wǎng)站定位是品牌網(wǎng)站，到了后期肯定要開通在線商城的，這次好學(xué)的Jack 選擇的是Shopify這個(gè)平臺(tái)。有的朋友會(huì)問為什么不用WordPress，因?yàn)镾hopify相對(duì)簡(jiǎn)單點(diǎn)，相對(duì)省時(shí)間點(diǎn)，老板對(duì)網(wǎng)站交期也是比較趕的。當(dāng)然后期選擇了Shopify某個(gè)主題，發(fā)現(xiàn)這個(gè)主題有點(diǎn)坑，很多自定義功能實(shí)現(xiàn)不了，這個(gè)時(shí)候Jack果斷選擇了外包，找了個(gè)之前懂技術(shù)的朋友，他對(duì)shopify后臺(tái)操作是相當(dāng)?shù)牧铮∷院笃诮涣鞯暮茼槙?，和這位技術(shù)朋友來回修改了至少7-8次，因?yàn)橛杏涗浀膚ord 文檔需求有7-8個(gè)，其他的聊天截圖還沒考慮在內(nèi)。所以如果大家后期建站遇到自己解決不了的問題，不妨考慮外包，一來節(jié)約時(shí)間，二來交流提高自己能力。
因?yàn)镴ack來之前網(wǎng)站是用Wix搭建的，用過Wix的朋友都知道，Wix有這么幾個(gè)坑：
1. 不是自適應(yīng)網(wǎng)站，桌面端和移動(dòng)端是分開的，意味著需要搞兩套系統(tǒng)，圖片尺寸，網(wǎng)站位置排版都要搞兩套，如果只是個(gè)人博客或者單頁面網(wǎng)站其實(shí)也還好。但是如果需要經(jīng)常上傳產(chǎn)品，博客，banner圖片，對(duì)于運(yùn)營(yíng)和設(shè)計(jì)來說都很費(fèi)時(shí)間和精力，因?yàn)橥瑯拥氖虑樽鲋貜?fù)做兩遍。
2. 打開網(wǎng)速很慢，翻墻才能打開，前端和前端都慢，前端慢很多客戶反饋打開網(wǎng)站很慢，進(jìn)不去，懷疑你們公司是不是出了什么問題。很多新客戶因?yàn)榈炔患本完P(guān)掉了網(wǎng)站，一來直接導(dǎo)致影響SEO數(shù)據(jù)下降，畢竟網(wǎng)站停留時(shí)間，網(wǎng)站跳出率，瀏覽頁面很影響SEO排名的。二來，知道導(dǎo)致轉(zhuǎn)化減少，因?yàn)闆]有流量進(jìn)來，這是個(gè)硬傷！
3. 國(guó)內(nèi)使用的人相對(duì)較少，所以不好和同行交流?，F(xiàn)在做網(wǎng)站很多公司選擇Wordpress 和 Shopify了，你選擇用Wix系統(tǒng)搭建網(wǎng)站，很難和同行交流，也就很難進(jìn)步。有人會(huì)說可以自己去谷歌YouTube看博客視頻自學(xué)啊，那樣子不是不可以，就是效率低了，特別是你的問題很緊急，你去問群友，群友們都沒遇到過，也很難給你建議，你自己經(jīng)驗(yàn)又不足，但是問題馬上要解決，這個(gè)時(shí)候矛盾就比較突出了。
說了Wix的幾個(gè)缺點(diǎn)，我們現(xiàn)在來看下Wix的優(yōu)點(diǎn)：
1. 價(jià)格便宜，一年套餐150美金，差不多1000RMB，Shopify一年套餐接近300美金，是Wix的兩倍了。
2. 拖拽方便，像做PPT一樣。
所以這次網(wǎng)站選擇用Shopify搭建，那么Wix的缺點(diǎn)就是Shopify的優(yōu)點(diǎn)了，shopify主要有以下3個(gè)優(yōu)點(diǎn)：
1. Shopify是支持自適應(yīng)的，也就是桌面端和移動(dòng)端是一起的，不需要編輯兩次，可以節(jié)約很多時(shí)間，特別是當(dāng)你產(chǎn)品SKU很多的時(shí)候，不需要同一個(gè)產(chǎn)品上傳兩次。
2. 打開網(wǎng)速快，相對(duì)于Wix，shopify網(wǎng)速很快了，特別是后臺(tái)，不需要等后臺(tái)一直在加載，等后臺(tái)加載那段時(shí)間，整個(gè)人都要崩潰。
3. 國(guó)內(nèi)使用的人很多，交流起來方便，主要shopify還搞了個(gè)中文論壇，把很多疑問翻譯成中文了，節(jié)約了很多我們找資料時(shí)間。
二?網(wǎng)站頁面規(guī)劃
選好了建站平臺(tái)之后，我們需要進(jìn)入建站的第二個(gè)要素：網(wǎng)站的布局和設(shè)計(jì)。網(wǎng)站的布局和設(shè)計(jì)主要考慮這四個(gè)因素，基礎(chǔ)規(guī)劃，首頁規(guī)劃，列表頁規(guī)劃，詳情頁規(guī)劃。
網(wǎng)站的布局和設(shè)計(jì)--基礎(chǔ)規(guī)劃
基礎(chǔ)規(guī)劃主要包括logo，產(chǎn)品方向，色彩風(fēng)格，字體等。logo我們之前就已經(jīng)有了，所以這次沒花什么時(shí)間在logo上面，由于我們logo和Google的logo顏色很接近，所以后面的一些banner和圖片借鑒了Google的logo設(shè)計(jì)。
產(chǎn)品方向這塊，我們主要做單一種類產(chǎn)品，沒做多種類產(chǎn)品，所以這一塊也沒怎么花時(shí)間，如果你們公司產(chǎn)品種類很多的話，要做ABCD幾類產(chǎn)品，Jack建議你們多花點(diǎn)時(shí)間在產(chǎn)品方向上面。
色彩風(fēng)格主要是確定網(wǎng)站傳遞什么樣的品牌形象和個(gè)性，這一塊我們討論了好幾次，花費(fèi)了很多時(shí)間，因?yàn)槲覀冎饕鎏O果手機(jī)配件，查看了很多國(guó)內(nèi)外同行網(wǎng)站，保守估計(jì)起碼有30個(gè)國(guó)內(nèi)外同行網(wǎng)站。最終決定借鑒蘋果公司官網(wǎng)的灰色和黑色那個(gè)色彩，最終讓設(shè)計(jì)重新設(shè)計(jì)主頁banner，網(wǎng)站詳情頁banner也是主要是灰黑色的。
字體這塊，我們也是借鑒了好多種，最終選擇了比較合適的字體，大家可以根據(jù)自己公司的情況選擇適合自己公司網(wǎng)站的字體，字體建議不超過3種。
網(wǎng)站的布局和設(shè)計(jì)--首頁規(guī)劃
首頁規(guī)劃主要包括導(dǎo)航條，核心產(chǎn)品，價(jià)值信息，底部導(dǎo)航這四塊。
導(dǎo)航條我們用了這幾個(gè)部分：Home, About, Products, Blog, Videos, Contact。導(dǎo)航條主要為了解決網(wǎng)站訪客所在的位置，方便用戶了解我們公司品牌，展示公司信息，方便客戶搜索產(chǎn)品和服務(wù)。Home 主頁是我們花的時(shí)間最多的版面，主頁5張大banner前后修改了十幾二十次吧，最后才弄出想要的style。我們首頁從上到下具體頁面就是這七個(gè)部分：5張大banner，最新產(chǎn)品，公司介紹，代理商招聘，產(chǎn)品結(jié)構(gòu)展示，博客。
核心產(chǎn)品我們目前主要是iPhone X系列產(chǎn)品，這個(gè)產(chǎn)品放在了首頁5張大banner下面，客戶進(jìn)網(wǎng)站，第一眼就可以看到我們的核心產(chǎn)品，方便詢價(jià)。所以這個(gè)產(chǎn)品的詳情頁做的時(shí)候花了很多時(shí)間，文案介紹，參數(shù)介紹，詳情頁大圖等也是修改了七八次。后期會(huì)考慮做些內(nèi)鏈，鏈接到這個(gè)核心產(chǎn)品上面。
價(jià)值信息我們放了真實(shí)客戶的評(píng)價(jià)，考慮到首頁網(wǎng)速加載問題，放在了About us頁面。首頁傳遞給客戶的信息就是我們公司做高端定制產(chǎn)品，可以提供OEM/ODM服務(wù)，首頁的代理商招聘，就是我們想要傳達(dá)給客戶的，讓客戶成為我們代理商，這是個(gè)比較核心的Call To Action.
底部導(dǎo)航我們放了公司的社媒鏈接，客戶可以直接從網(wǎng)站到達(dá)公司的各大社媒頻道，可以快速了解我們的最新動(dòng)態(tài)，因?yàn)橛行┘磿r(shí)信息是適合放在社媒的，不太合適放在官網(wǎng)的。底部導(dǎo)航增加了公司的品牌介紹，進(jìn)一步強(qiáng)化了代理商合作按鈕，也放了公司重點(diǎn)產(chǎn)品，方便客戶從底部跳轉(zhuǎn)到產(chǎn)品詳情頁。
網(wǎng)站的布局和設(shè)計(jì)--列表頁規(guī)劃
列表頁我們采用了2級(jí)目錄，這個(gè)也是參考了很多同行的，發(fā)現(xiàn)客戶都比較懶，所以盡量把所有產(chǎn)品型號(hào)全部羅列出來，客戶喜歡哪個(gè)型號(hào)點(diǎn)擊那個(gè)型號(hào)就好了。由于Jack公司產(chǎn)品SKU不多，做的又是單一產(chǎn)品，所以列表頁規(guī)劃暫時(shí)介紹到這了。不同行業(yè)目錄參考標(biāo)準(zhǔn)肯定也不一樣，這里大家根據(jù)自己公司和行業(yè)特點(diǎn)，針對(duì)性做目錄。
網(wǎng)站的布局和設(shè)計(jì)--詳情頁規(guī)劃
詳情頁這塊我們還是花了很多心思的，目前展示效果還是挺不錯(cuò)的，詳情頁我們主要做了展示規(guī)劃和賣點(diǎn)規(guī)劃。
展示規(guī)劃第一次考慮的就是圖片的尺寸了，因?yàn)樽烂娑撕鸵苿?dòng)端圖片展示尺寸是不一樣大的，所以我們用了主題推薦的1920*750尺寸，在上傳圖片的時(shí)候選擇了original尺寸，因?yàn)椴贿x擇original尺寸，系統(tǒng)默認(rèn)是480*480，這樣子顯得很不自然。考慮到網(wǎng)頁加載速度問題，我們沒有做Gif動(dòng)圖，就是簡(jiǎn)單的圖文+參數(shù)表格，后期可能會(huì)放YouTube視屏鏈接，做到圖片文字表格視屏四位一體。
賣點(diǎn)規(guī)劃，借鑒了很多國(guó)內(nèi)外同行的，公司的業(yè)務(wù)根據(jù)客戶那邊的反饋，提煉了很多針對(duì)客戶痛點(diǎn)的賣點(diǎn)，比之前的賣點(diǎn)要好一些，后期看到同行或者客戶好的賣點(diǎn)，會(huì)在借鑒過來，賣點(diǎn)總結(jié)是個(gè)持續(xù)性學(xué)習(xí)的過程。
三 站內(nèi)內(nèi)容和SEO優(yōu)化
網(wǎng)站的布局和設(shè)計(jì)敲定之后，我們就進(jìn)入下一部分，站內(nèi)內(nèi)容和SEO優(yōu)化了。這一塊主要有三個(gè)部分：內(nèi)容原創(chuàng)，圖片優(yōu)化，站內(nèi)SEO優(yōu)化。
站內(nèi)內(nèi)容和SEO優(yōu)化--內(nèi)容原創(chuàng)
內(nèi)容原創(chuàng)顧名思義就是提供給客戶我們自己原創(chuàng)的有價(jià)值的內(nèi)容，內(nèi)容最重要作用是給客戶提供價(jià)值，可以借鑒同行和客戶的內(nèi)容，再結(jié)合自己公司的產(chǎn)品特點(diǎn)進(jìn)行加工修改，這種的偽原創(chuàng)也是可以的。也可以把框架搭建好，外包給老外寫手，后面我們自己在修改優(yōu)化。
站內(nèi)內(nèi)容和SEO優(yōu)化--圖片優(yōu)化
圖片優(yōu)化主要包含：圖片的大小，圖片Alt標(biāo)簽，圖片命名規(guī)劃。
一般圖片尺寸越大加載速度越慢，到了后期網(wǎng)站圖片多了，網(wǎng)速會(huì)更慢。如果公司有設(shè)計(jì)和美工，務(wù)必讓他們把照片給我們的時(shí)候壓縮下。如果公司沒有設(shè)計(jì)和美工，我們可以使用Tinypng這個(gè)工具壓縮圖片，這個(gè)工具一次性最多壓縮20張照片，每張照片尺寸不超過5M都可以。大部分圖片可以壓縮到之前大小的80%，加入之前照片是100Kb, 用這個(gè)工具壓縮后就變成20Kb了。如果網(wǎng)站1000個(gè)照片體積都可以壓縮80%，那么網(wǎng)速會(huì)提高很多。
圖片Alt標(biāo)簽允許你提供文字描述給圖片（通俗點(diǎn)就是在Html代碼給圖片命名），這樣子做有3個(gè)好處：好處1. 當(dāng)你圖片加載不出來的時(shí)候，alt文本會(huì)出現(xiàn)替代圖片，假如你圖片alt命名為rugged tablet, 圖片沒加載出來，網(wǎng)頁會(huì)顯示rugged tablet這個(gè)，假如你圖片直接從相機(jī)復(fù)制到網(wǎng)頁，會(huì)顯示2849，2849是你相機(jī)第2849張照片，你的受眾很難理解2849是什么意思。好處2. 幫助視力障礙的人閱讀，視力障礙的人會(huì)使用輔助程序例如屏幕閱讀器將alt屬性的可讀文字全部讀出，讓用戶以聆聽理解影像內(nèi)容。在維基百科中，影像指令都是作為鏈接存在所以都會(huì)輸入alt屬性。好處3.幫助提高圖片在Google Image 的排名，這樣子用戶用谷歌圖片搜索rugged tablet時(shí)候，我們排名靠前，也會(huì)增加網(wǎng)站流量和排名。
圖片命名規(guī)劃，我們需要針對(duì)不同的型號(hào)產(chǎn)品建立不同的產(chǎn)品文件夾，然后先去搜集不同型號(hào)的關(guān)鍵詞，再把這些關(guān)鍵詞和這些產(chǎn)品命名。產(chǎn)品命名的好處可以方便自己找圖片，也方便接收我們圖片的同事和客戶，他那邊不打開圖片的情況下，可以看到關(guān)鍵詞，大概知道是什么產(chǎn)品。
站內(nèi)內(nèi)容和SEO優(yōu)化--站內(nèi)SEO優(yōu)化
站內(nèi)SEO優(yōu)化主要就是On Page SEO單頁面優(yōu)化了，包含這八個(gè)地方
1、站內(nèi)標(biāo)題、描述、H1標(biāo)簽
2、關(guān)鍵詞的密度、LSI關(guān)鍵詞以及TF-IDF關(guān)鍵詞的植入
3、頁面的文案
4、站內(nèi)的內(nèi)鏈以及導(dǎo)出外鏈
5、301、404的異常鏈接檢測(cè)
6、搜索者意圖分析
7、單頁面的速度測(cè)試
8、鏈接建設(shè)策略
關(guān)于On Page SEO單頁面SEO優(yōu)化，大家可以看我之前寫的：
On Page SEO 單頁面優(yōu)化,你需要知道這8點(diǎn)
以上這些就是如何用shopify搭建營(yíng)銷型網(wǎng)站的全部步驟了，最后我們?cè)購(gòu)?fù)盤一次怎么用shopify搭建營(yíng)銷型網(wǎng)站。主要是先選擇一個(gè)合適的運(yùn)營(yíng)系統(tǒng)，WordPress, Shopify, Magento, The choice is yours。第二個(gè)就是確定網(wǎng)站的布局和設(shè)計(jì)了，這一塊比較費(fèi)時(shí)間，需要好好構(gòu)思。第三個(gè)就是做站內(nèi)優(yōu)化了。貼心的Jack為大家準(zhǔn)備好了思維導(dǎo)圖，老規(guī)矩需要思維導(dǎo)圖PDF的私信我。
文章為作者獨(dú)立觀點(diǎn)，不代表DLZ123立場(chǎng)。如有侵權(quán),請(qǐng)聯(lián)系我們。( 版權(quán)為作者所有，如需轉(zhuǎn)載，請(qǐng)聯(lián)系作者 )
網(wǎng)站運(yùn)營(yíng)至今，離不開小伙伴們的支持。 為了給小伙伴們提供一個(gè)互相交流的平臺(tái)和資源的對(duì)接，特地開通了獨(dú)立站交流群。
群里有不少運(yùn)營(yíng)大神，不時(shí)會(huì)分享一些運(yùn)營(yíng)技巧，更有一些資源收藏愛好者不時(shí)分享一些優(yōu)質(zhì)的學(xué)習(xí)資料。
現(xiàn)在可以掃碼進(jìn)群，備注【加群】。 ( 群完全免費(fèi)，不廣告不賣課！)
