外貿(mào)網(wǎng)站建設(shè)和優(yōu)化全面指南
發(fā)布時(shí)間：2022-07-29
點(diǎn)擊次數(shù)： 134次
對(duì)于大多數(shù)的外貿(mào)小白來(lái)說(shuō)，網(wǎng)站建設(shè)是一個(gè)難點(diǎn)，這篇文章從最簡(jiǎn)單的wordpress層面來(lái)講這個(gè)，不求大家看過(guò)之后會(huì)這個(gè)，而是說(shuō)讓大家明白這些個(gè)流程，還有就是關(guān)鍵的點(diǎn)，以便于你在對(duì)幫你做網(wǎng)站的人提出相應(yīng)的要求，不然你都沒(méi)法準(zhǔn)確的表達(dá)你的需求。
最近重新寫了篇建站方面的文章，希望大家能從我建站的過(guò)程中，得到一些啟發(fā)和收益。
1網(wǎng)站架構(gòu)
1.1列舉出你所有的產(chǎn)品詳情頁(yè)面
對(duì)于大部分B2B中小型企業(yè)來(lái)講，外貿(mào)獨(dú)立網(wǎng)站的主要頁(yè)面組成部分是由產(chǎn)品頁(yè)面組成的。所以在搭建網(wǎng)站前，將你公司的產(chǎn)品全部列舉出來(lái)，確定好有多少個(gè)產(chǎn)品頁(yè)面，如下圖：
產(chǎn)品1 產(chǎn)品2 產(chǎn)品3 產(chǎn)品4…產(chǎn)品N
當(dāng)你列舉完所有的產(chǎn)品，第一步就做完了。
1.2將產(chǎn)品頁(yè)面進(jìn)行分類
按照一定的邏輯，將你的產(chǎn)品進(jìn)行分組?？梢园床牧?、用途、顏色等分類，也可以根據(jù)各個(gè)行業(yè)通俗的分類進(jìn)行歸納產(chǎn)品，目的是為了讓客戶能非常直觀快捷的找到他們想要的產(chǎn)品。
如下圖，假定我是做耳機(jī)的，拿一種Sport(運(yùn)動(dòng)類來(lái)舉例），那么我根據(jù)用途把耳塞分成：Running(跑步的）、Gym(Work Out)健身的、其它的。用特定的邏輯把所有的產(chǎn)品頁(yè)面給分類好。
1.3列舉網(wǎng)站所有的頁(yè)面，并建立導(dǎo)航
通過(guò)前面2個(gè)步驟，我們確定好了網(wǎng)站的產(chǎn)品詳情頁(yè)面及其分類頁(yè)面，接下來(lái)就是列出其它的主要頁(yè)面了。例如Home/About/Contact/Blog等頁(yè)面。然后建立起一個(gè)可以涵蓋整個(gè)網(wǎng)站頁(yè)面的簡(jiǎn)潔、易用的導(dǎo)航。注意各個(gè)頁(yè)面之間的層級(jí)。如下圖：
到了這一步，你網(wǎng)站的大體框架就建立起來(lái)了。當(dāng)然最終是否要根據(jù)這個(gè)框架來(lái)做，還得根據(jù)我們的下一步工作來(lái)確定，關(guān)鍵詞調(diào)研。
2網(wǎng)站關(guān)鍵詞調(diào)研
關(guān)鍵詞的選擇會(huì)影響你的生意模式和客戶定位的準(zhǔn)確性，而且更為直接的影響你網(wǎng)站的效果。做好關(guān)鍵詞調(diào)研，選擇正確的關(guān)鍵詞同時(shí)也是你網(wǎng)站SEO成敗的關(guān)鍵所在。
下面我們來(lái)一步步的來(lái)把關(guān)鍵詞調(diào)研的過(guò)程分解開(kāi)來(lái)：
2.1頭腦風(fēng)暴（源關(guān)鍵詞）
聚集團(tuán)隊(duì)或個(gè)人，根據(jù)你對(duì)行業(yè)和產(chǎn)品的了解，列舉出能準(zhǔn)確描述你產(chǎn)品的關(guān)鍵詞，它可以是一個(gè)單詞，也可以是2~3個(gè)單詞組成的詞組。假設(shè)我是做耳機(jī)的話，在設(shè)想源關(guān)鍵詞時(shí)，我可以按照行業(yè)的分類，從大到小來(lái)進(jìn)行，也可以通過(guò)材質(zhì)、顏色、功能等方面進(jìn)行思考。earphone/headphone/running
earphone等。
2.2拓展關(guān)鍵詞
當(dāng)你把準(zhǔn)備好的源關(guān)鍵詞放進(jìn)你整理好的Excel表格后，下一步就是依照這個(gè)方法來(lái)拓展你的關(guān)鍵詞列表了。
這里我們采取自上而下的方式進(jìn)行，即考慮你的產(chǎn)品分類頁(yè)面，再到產(chǎn)品詳情頁(yè)面的方式。而通過(guò)我們的源關(guān)鍵詞以及下面的調(diào)研，又可以驗(yàn)證我 們剛剛自己分類的產(chǎn)品，是否準(zhǔn)確，以及符合客戶的搜索習(xí)慣。
-產(chǎn)品分類頁(yè)面：
把你的源關(guān)鍵詞放入像Alibaba等B2B平臺(tái)，看看它們對(duì)這個(gè)產(chǎn)品是如何歸類的。如下圖
我們可以看到earphone這個(gè)關(guān)鍵詞是可以歸類到什么目錄的，以及有什么樣的關(guān)鍵詞選擇，然后把像earphone bluetooth這些你沒(méi)有想到的詞補(bǔ)充到你的關(guān)鍵詞列表。
這里你可以用你準(zhǔn)備好的關(guān)鍵詞，進(jìn)行變換的搜索，如下圖：
我們能在搜索結(jié)果頁(yè)的搜索框下面，得到很多相關(guān)的關(guān)鍵詞，把它們加進(jìn)我們的關(guān)鍵詞列表。然后從右邊，可以看到這個(gè)產(chǎn)品所屬的分類，以及可以按照什么樣的方式進(jìn)行分類。
做完這一步，相信你已經(jīng)累積到不少的關(guān)鍵詞了，然后你還可以用同樣的方式，在AMAZON上進(jìn)行測(cè)試。
當(dāng)然，根據(jù)你對(duì)你們產(chǎn)品和行業(yè)的了解，學(xué)習(xí)你們競(jìng)爭(zhēng)對(duì)手的分類方式也是必不可少的，這里就不一一展開(kāi)了。
Ps:注意盡量參考國(guó)外同行的，看看他們是如何對(duì)產(chǎn)品進(jìn)行分類和描述的。
2.3關(guān)鍵詞規(guī)劃師
做關(guān)鍵詞調(diào)研的方式和工具有非常的多，而谷歌關(guān)鍵詞規(guī)劃師是它們中一個(gè)非常優(yōu)秀的工具，如果運(yùn)用得好，可以得到非常多的優(yōu)秀的關(guān)鍵詞，下面我們一步步來(lái)進(jìn)行這個(gè)步驟。
首先我們登錄我們的關(guān)鍵詞規(guī)劃師（如果你沒(méi)有谷歌帳號(hào)，請(qǐng)注冊(cè)一個(gè)）如下圖：
在第一個(gè)框內(nèi)輸入我們的源關(guān)鍵詞，然后點(diǎn)擊下面的獲取參考提示按鈕。（如果你有你競(jìng)爭(zhēng)對(duì)手的網(wǎng)站，后續(xù)步驟也能在您的著陸頁(yè)上輸入他們的網(wǎng)址，進(jìn)行分析。）然后我們得到下面的頁(yè)面
在廣告組參考提示里面，我們可以看到谷歌會(huì)認(rèn)為這個(gè)關(guān)鍵詞與什么有關(guān)，對(duì)于我們產(chǎn)品分類頁(yè)面來(lái)說(shuō)可以好好的參考，然后點(diǎn)擊Headphones Noise這個(gè)詞組，里面還會(huì)有更加長(zhǎng)尾的詞，這些可以當(dāng)然可以作為我們的產(chǎn)品詳情頁(yè)來(lái)使用。
通過(guò)平均每月搜索量以及競(jìng)爭(zhēng)程度，我們大概可以估算出這個(gè)關(guān)鍵詞以及整個(gè)詞組的價(jià)值，也可以為我們后續(xù)是否選擇這些關(guān)鍵詞提供很大的參考。
然后我們可以點(diǎn)擊廣告組參考提示旁邊的關(guān)鍵詞參考提示按鈕，進(jìn)入關(guān)鍵詞參考提示部分，如下圖：
這里我們可以把整個(gè)表格下載下來(lái)，然后通過(guò)組合排序的方式，對(duì)關(guān)鍵詞進(jìn)行分類。如下圖
重復(fù)此步驟，得到一個(gè)比較全面的關(guān)鍵詞列表之后，接下來(lái)就可以進(jìn)行關(guān)鍵詞篩選了。
2.4 整理、過(guò)濾、篩選和確定關(guān)鍵詞
根據(jù)我們的關(guān)鍵詞列表，我們可以從下面幾個(gè)指標(biāo)來(lái)確定是否要選擇這個(gè)關(guān)鍵詞：
-1.商業(yè)價(jià)值：
即搜索這個(gè)關(guān)鍵詞背后的客戶的潛在意圖是什么？正常來(lái)講競(jìng)爭(zhēng)程度高，出價(jià)高的關(guān)鍵詞，具備的商業(yè)價(jià)值比較高。而任何帶supplier、manufacturer等詞的關(guān)鍵詞，會(huì)更加符合我們的商業(yè)模式。
-2.搜索量：
我們要確保我們優(yōu)化的關(guān)鍵詞，不是我們憑空臆想出來(lái)的，而是要有實(shí)際的客戶在搜索的，這也是為什么我們需要把關(guān)鍵詞放進(jìn)關(guān)鍵詞規(guī)劃師里面進(jìn)行驗(yàn)證的原因。而作為外貿(mào)B2B網(wǎng)站來(lái)講，要根據(jù)自身的實(shí)力去選擇對(duì)應(yīng)的關(guān)鍵詞。例如你選擇earphone作為關(guān)鍵詞，盡管它的搜索量很大，但是無(wú)疑這個(gè)詞的商業(yè)價(jià)值不一定非常高，但競(jìng)爭(zhēng)會(huì)非常激烈。
3、競(jìng)爭(zhēng)程度：
做關(guān)鍵詞調(diào)研，做主要的是想要挖掘那些搜索量可以，競(jìng)爭(zhēng)程度不高，而且關(guān)鍵詞背后的商業(yè)意圖非常吻合我們生意的詞。通過(guò)關(guān)鍵詞規(guī)劃師提供的競(jìng)爭(zhēng)程度，以及我們把關(guān)鍵詞放入谷歌搜索，看看結(jié)果數(shù)，intitle、inurl等搜索指令和看看排在首頁(yè)的都是什么企業(yè)來(lái)確定我們是否要選擇這個(gè)關(guān)鍵詞。
4、根據(jù)權(quán)重的傳遞原則
我們一般把搜索量比較可觀，競(jìng)爭(zhēng)程度比較高的關(guān)鍵詞，放入我們的首頁(yè)進(jìn)行優(yōu)化，產(chǎn)品分類頁(yè)次之，產(chǎn)品詳情頁(yè)最小。
3、確定網(wǎng)站結(jié)構(gòu)
前面我們大致的確定了網(wǎng)站架構(gòu)，再經(jīng)過(guò)關(guān)鍵詞驗(yàn)證后，我們就可以正式的確立下來(lái)了，這里需要保證你的網(wǎng)站的架構(gòu)符合2個(gè)非常重要的原則：
客戶能快速找到想要的產(chǎn)品；
符合搜索引擎的習(xí)慣。
以LED作為例子，假設(shè)我的分類頁(yè)面一個(gè)是燈帶Led Strip Light,一個(gè)是燈管Led Tube Light根據(jù)做的關(guān)鍵詞調(diào)研，那么我的分類如下圖：
這樣不但客戶很方便找到對(duì)應(yīng)的產(chǎn)品，而且關(guān)鍵詞布局方面也符合邏輯。
-URL結(jié)構(gòu)
此外我們的URL結(jié)構(gòu)也能確定下來(lái)，例如www.abc.com是我們的域名，分類頁(yè)面可以是www.abc.com/led-strip-light/產(chǎn)品詳情頁(yè)面可以是www.abc.com/led-strip-light/flexible-rgb5050這個(gè)不但不會(huì)堆砌關(guān)鍵詞，而且整體的邏輯結(jié)構(gòu)非常清晰。
-網(wǎng)站SEO表
如下圖：
把每個(gè)頁(yè)面列好，做好SEO標(biāo)題（Title）描述標(biāo)簽（meta description)、頁(yè)面URL這樣一個(gè)列表。確定好每個(gè)頁(yè)面要優(yōu)化的關(guān)鍵詞，然后圍繞這個(gè)關(guān)鍵詞去創(chuàng)建內(nèi)容。頁(yè)面的URL等我們到了實(shí)際創(chuàng)建完所有頁(yè)面后再進(jìn)行補(bǔ)充。
到了這一步，我們就把前期的準(zhǔn)備工作做得差不多了，接下來(lái)就是進(jìn)入網(wǎng)站建設(shè)的部分了。
4. 網(wǎng)站建設(shè)
這里我們選擇用Linode VPS作為空間，因?yàn)樗乃俣缺菳luehost快多了。選擇WordPress程序，用Betheme主題作為范本來(lái)搭建我們的外貿(mào)B2B網(wǎng)站。
這里我們過(guò)掉空間域名購(gòu)買，WordPress安裝以及主題安裝部分，直接在裝好了Betheme主題的WordPress后臺(tái)進(jìn)行搭建網(wǎng)站。
4.1 了解網(wǎng)站搭建順序
我們搭建我們網(wǎng)站的時(shí)候，第一步是需要把我們所有的產(chǎn)品詳情頁(yè)給做好，然后到產(chǎn)品分類頁(yè)，再到產(chǎn)品匯總頁(yè)面（product）之后，再來(lái)建設(shè)其它頁(yè)面。
這樣做有什么好處呢，例如，你先做首頁(yè)的話，假設(shè)你首頁(yè)增加了熱門產(chǎn)品，但是你產(chǎn)品頁(yè)或分類頁(yè)都沒(méi)有做好，自然就不可能增加產(chǎn)品鏈接了，到時(shí)候又要再補(bǔ)充一遍，就浪費(fèi)時(shí)間了。
產(chǎn)品分類頁(yè)面也是這樣的，你產(chǎn)品詳情頁(yè)都沒(méi)有確定，做好的分類頁(yè)也不便放置圖片和鏈接。
這里有幾點(diǎn)需要注意的：
-1.我們的產(chǎn)品頁(yè)面是用Page來(lái)做的，這樣可以使網(wǎng)站結(jié)構(gòu)更加合理，URL結(jié)構(gòu)清晰，用戶體驗(yàn)也比較好。例如用page做的產(chǎn)品頁(yè)面URL是這樣的：www.abc.com/led-strip-light/flexible-rgb5050，當(dāng)用戶直接在搜索框截取url時(shí)，不會(huì)產(chǎn)生任何問(wèn)題。
但是如果用portfolio做的話，url就會(huì)顯示的比較奇怪了，而且產(chǎn)品分類頁(yè)面即categories頁(yè)面會(huì)產(chǎn)生重復(fù)頁(yè)面。
從SEO角度來(lái)看，這兩者都能傳遞權(quán)重，但是我不建議用portfolio來(lái)做產(chǎn)品頁(yè)面。會(huì)平白無(wú)故的造成一些問(wèn)題。
至于操作方面來(lái)看，用Page做產(chǎn)品頁(yè)面，其實(shí)Page也是可以復(fù)制粘貼的，你要做的無(wú)非就是替換下圖片、文字和鏈接而已，并沒(méi)有想象中的麻煩，不會(huì)比portfolio要多操作多少。
-2.如果你的產(chǎn)品有成千上百個(gè)，如果你要?jiǎng)?chuàng)建成千上百個(gè)產(chǎn)品詳情頁(yè)，那么你需要考慮你每個(gè)頁(yè)面是否有獨(dú)特的切吻合你產(chǎn)品的關(guān)鍵詞？這個(gè)關(guān)鍵詞可以是長(zhǎng)尾，但是最好有搜索量。在我實(shí)踐過(guò)那么多網(wǎng)站的經(jīng)驗(yàn)來(lái)看，很少能滿足這個(gè)要求的。
所以可以考慮一些是否能把產(chǎn)品頁(yè)面給合并起來(lái)，要知道阿里巴巴式的網(wǎng)站，并不能給我們網(wǎng)站帶來(lái)好處，過(guò)多的頁(yè)面如果沒(méi)有人搜索，或者用重復(fù)的關(guān)鍵詞等，反而會(huì)對(duì)我們網(wǎng)站造成傷害。
其次，如果你網(wǎng)站沒(méi)有Power Page（也就像首頁(yè)那樣高權(quán)重的頁(yè)面），還有很難獲取外鏈的話，你的內(nèi)頁(yè)會(huì)分散權(quán)重不說(shuō)，而且很難獲得排名。
Tips:如果你有很多產(chǎn)品，不妨看看同行們是如何把它們布局到網(wǎng)站中的，當(dāng)然B2C除外。另外是否你可以通過(guò)讓客戶下載你們的產(chǎn)品目錄來(lái)全面了解你的產(chǎn)品，而不是全部鋪上網(wǎng)站去呢？
4.2 創(chuàng)建所有的頁(yè)面
進(jìn)入我們的WordPress后臺(tái)，即www.你的域名.com/wp-admin，然后輸入你的用戶名和密碼，點(diǎn)擊登錄。然后我們來(lái)到了WordPress控制面板，在左側(cè)找到Page選項(xiàng)，然后點(diǎn)擊Add New（創(chuàng)建新的頁(yè)面），
如下圖：
如下圖，在方框中輸入我們的產(chǎn)品頁(yè)面的名稱，然后點(diǎn)擊保存即可。創(chuàng)建頁(yè)面的順序應(yīng)該是從上到下的，即從Home、Product、About、Contact等頁(yè)面創(chuàng)建，因?yàn)檫@樣做，在你創(chuàng)建產(chǎn)品詳情頁(yè)面的時(shí)候，即可在右邊的parents選項(xiàng)中，選擇對(duì)應(yīng)的父級(jí)，如圖二。
圖二，這里需要注意的是，比如你的產(chǎn)品層級(jí)是Product>>Led
Tube Light>>T8的話，那么你創(chuàng)建分類頁(yè)Led Tube
Light的時(shí)候，Parent是選擇Product為它的父級(jí)，當(dāng)你創(chuàng)建T8這個(gè)產(chǎn)品詳情頁(yè)的時(shí)候，Led Tube Light是你要選擇的父級(jí)。
就這樣依次創(chuàng)建好我們的所有產(chǎn)品頁(yè)面，然后就可以進(jìn)入我們的下一階段了。
4.3制作產(chǎn)品詳情頁(yè)面
想好布局
在制作產(chǎn)品詳情頁(yè)前，大家首先要想要這個(gè)頁(yè)面怎么布局，也就是說(shuō)，該如何布局才能全面展現(xiàn)自己的產(chǎn)品，以及產(chǎn)品的賣點(diǎn)。
做為B端用戶來(lái)說(shuō)，最想要看到的產(chǎn)品信息有哪些，分清楚主次之后，就可以開(kāi)始搭建了。
下面為大家展示產(chǎn)品詳情頁(yè)的布局。
首先大家要確定好產(chǎn)品詳情頁(yè)的布局，例如上面這種布局就是常見(jiàn)的產(chǎn)品詳情頁(yè)布局，左邊是側(cè)邊欄，右邊是產(chǎn)品頁(yè)的主要內(nèi)容。
右邊又分上下兩個(gè)部分，上邊由左右2個(gè)部分組成，左邊是用slider做的產(chǎn)品圖片展示部分，這里可以放上產(chǎn)品各個(gè)角度的圖片，以及應(yīng)用場(chǎng)景圖片，右邊是產(chǎn)品的特點(diǎn)，以及帶了個(gè)Call
to action.點(diǎn)擊它，客戶就能在彈出的表格給我們發(fā)送詢盤。
當(dāng)然下面部分就是產(chǎn)品的內(nèi)容參數(shù)部分了。我們可以用Tabs來(lái)做這部分的內(nèi)容。
上圖做的比較簡(jiǎn)單，更好的方式是用Tabs把參數(shù)放在Specification一欄，然后可以增加其它tabs，例如放上Video,
Q&A, 產(chǎn)品詳細(xì)介紹的，這樣整個(gè)頁(yè)面的內(nèi)容就會(huì)比較豐富了，可以參考下https://www.ridgid.com/這個(gè)網(wǎng)站的做法。
當(dāng)我們做好一個(gè)頁(yè)面后，就可以把這個(gè)頁(yè)面復(fù)制到其它頁(yè)面，然后再修改對(duì)應(yīng)的參數(shù)就可以了。
4.4 制作產(chǎn)品分類頁(yè)面
因?yàn)槲覀兪怯肞age來(lái)制作我們的產(chǎn)品頁(yè)面的，所以在產(chǎn)品分類頁(yè)面上，我們就可以充分發(fā)揮自己的想象去制作，而不用去調(diào)用portfolio。下面給大家展示幾種產(chǎn)品分類頁(yè)面的樣式：
實(shí)際效果如下：
產(chǎn)品匯總頁(yè)面（即Products頁(yè)面）
大家可以根據(jù)自己喜歡的樣式去做，在分類頁(yè)上用一張有代表性的圖片，然后鏈接到產(chǎn)品頁(yè)面即可。就這樣把我們的產(chǎn)品頁(yè)面和分類頁(yè)面做好后，就可以開(kāi)始去準(zhǔn)備做我們的首頁(yè)了。
4.5制作首頁(yè)Home
因?yàn)榇蠹倚袠I(yè)不同，審美觀念不同，所以無(wú)法制作一個(gè)大家都認(rèn)可的網(wǎng)站風(fēng)格，所以這里拿一個(gè)我們的Demo站的框架來(lái)舉例，里面的設(shè)計(jì)理念大家可以參考借鑒下。
這里就不一一說(shuō)里面的設(shè)計(jì)初衷了，這個(gè)Demo框架就是提供一個(gè)最小的MVP（可行性產(chǎn)品）再配合一些站內(nèi)SEO優(yōu)化，然后以最快的速度實(shí)現(xiàn)網(wǎng)站上線，去獲取詢盤。至于后面獲得成效了，大家可以在這個(gè)基礎(chǔ)上進(jìn)行修改或找人定制一個(gè)更加高大上的網(wǎng)站。（當(dāng)然土豪除外）
4.6 制作About、Contact頁(yè)面
然后找上述的思路去把我們的About us和Contact us頁(yè)面做好。如果大家公司有比較豐富的內(nèi)容可以把我們的About us頁(yè)面做得豐富一點(diǎn)。例如團(tuán)隊(duì)創(chuàng)建一個(gè)頁(yè)面，專門展現(xiàn)團(tuán)隊(duì)風(fēng)采，包括工作狀態(tài)、流程以及團(tuán)隊(duì)活動(dòng)等。
產(chǎn)品認(rèn)證、公司生產(chǎn)流程、質(zhì)量檢驗(yàn)流程等，都能創(chuàng)建比較豐富的頁(yè)面，去完善整個(gè)網(wǎng)站的信息，像客戶傳遞更多的信息，從而增加他們對(duì)我們的信任。
Tips:大家可以看下谷歌給出的一個(gè)好的網(wǎng)站具備哪些內(nèi)容
5 站內(nèi)優(yōu)化
5.1 Title和Meta Description標(biāo)簽
當(dāng)我們網(wǎng)站的頁(yè)面全部建好后，就是時(shí)候來(lái)優(yōu)化我們的網(wǎng)站了。首先把前面準(zhǔn)備好的關(guān)鍵詞列表，以及對(duì)應(yīng)的頁(yè)面的excel表格準(zhǔn)備好，接下來(lái)就是利用Betheme的內(nèi)嵌的Yoast SEO插件來(lái)把關(guān)鍵詞生成Title,寫進(jìn)去了。
如下圖：
然后比如首頁(yè)，我們就從后臺(tái)page進(jìn)入Home頁(yè)面，拉到底部，有個(gè)SEO的選項(xiàng)，如下圖，把SEO Title和Meta Description完善：
Note: AVADA以及其它主題可以下載Yoast SEO Plugin
Title設(shè)置：
關(guān)鍵詞前置，整句話最好通暢，可參考公式 Keywords… | Brand Name (具體可以參考米課視頻）
Meta description:
概括頁(yè)面內(nèi)容，自然植入關(guān)鍵詞以及LSI，能吸引用戶點(diǎn)擊。(具體可以參考米課視頻）
就這樣，根據(jù)我們做的列表，把每個(gè)頁(yè)面的Title和Meta描述標(biāo)簽寫好，就可以進(jìn)入下一步了。
5.2 圖片優(yōu)化
一般拖慢網(wǎng)速的，圖片因素占據(jù)了很大一部分因素，所以在不影響圖片質(zhì)量的前提下，我們要盡可能的壓縮圖片尺寸，這里介紹2個(gè)網(wǎng)站，用來(lái)壓縮圖片。但是如果你是做燈具類或者金屬類產(chǎn)品的，用此站壓縮出來(lái)的圖片質(zhì)量可能會(huì)很低，請(qǐng)注意。
PNG格式：www.tinypng.com
JPG格式：www.tinyjpg.com
就這樣把可以壓縮的圖片，都傳上去壓縮一遍，然后再下載下來(lái)，重新傳到我們的網(wǎng)站上。當(dāng)然這一步你也可以再一開(kāi)始就做好，就避免了后續(xù)需要重復(fù)操作的問(wèn)題。
6 網(wǎng)站上線
6.1 開(kāi)放收錄
如果你一開(kāi)建站有上傳robots.txt文件讓搜索引擎禁止收錄的話，那么當(dāng)你網(wǎng)站做到這一步的時(shí)候，就可以去把這個(gè)文件刪除了。
因?yàn)槿绻悴粍h除這個(gè)文件的話，后續(xù)我們制作sitemap網(wǎng)站地圖的時(shí)候，將會(huì)影響到我們網(wǎng)站地圖的生成。
如果你沒(méi)有上傳過(guò)robots.txt文件，那我們直接進(jìn)入我們的WordPress控制面板，找到Setting>>Reading部分，然后如下圖，把Discourage
search engines from indexing this site前面的√去掉，這樣就代表允許搜索引擎收錄這個(gè)網(wǎng)站了。
6.2制作網(wǎng)站地圖 sitemap.xml
這里我們用在線的網(wǎng)站地圖生成工具來(lái)做我們網(wǎng)站地圖，而不建議大家使用Yoast SEO插件帶的網(wǎng)站地圖生成工具，至于它的弊端，我就不在這里解釋了，大家只要跟著我做就可以了。
首頁(yè)，進(jìn)入這個(gè)網(wǎng)站 https://www.xml-sitemaps.com/ （谷歌推薦的）然后來(lái)到如下的界面，在那里輸入你網(wǎng)站的URL地址即可。
點(diǎn)擊Start開(kāi)始生成，注意這里最大可以生成500個(gè)頁(yè)面的網(wǎng)站，對(duì)大部分B2B網(wǎng)站來(lái)說(shuō)，綽綽有余了。
然后稍等一會(huì)，就會(huì)生成好我們的網(wǎng)站地圖，如下圖：
把sitemap.xml這個(gè)下載下來(lái)即可，然后上傳至我們網(wǎng)站的根目錄。
這里以Bluehost主機(jī)為例：進(jìn)入Bluehost后臺(tái)，點(diǎn)擊File
Manager后進(jìn)入到如下界面，然后點(diǎn)擊Public_html，即我們網(wǎng)站的根目錄（這里如果你的Bluehost上有多個(gè)網(wǎng)站，選擇對(duì)應(yīng)的域名文件即可）
然后點(diǎn)擊右上角的Upload按鈕，把sitemap.xml這個(gè)文件上傳上去即可（Note:上傳前需要檢查下你sitemap.xml的文件名，
確保不要有其它后綴，例如sitemap.xml（1）這樣的命名）
到這里你就已經(jīng)安裝和上傳完網(wǎng)站地圖了，你可以不用關(guān)閉這個(gè)界面，因?yàn)轳R上我們?cè)诎惭b站長(zhǎng)工具的時(shí)候又要上傳驗(yàn)證文件到同一個(gè)地方。如果你是使用VPS像Linode的話，你可以讓你的管理員或者自己幫你把文件上傳上去。
6.3安裝谷歌站長(zhǎng)工具
首先，我們得注冊(cè)好一個(gè)谷歌Gmail帳號(hào)，這樣就可以通用谷歌下面的產(chǎn)品了，例如我們常用的站長(zhǎng)工具，關(guān)鍵詞規(guī)劃師，谷歌GA分析工具等。
然后我們登錄這個(gè)網(wǎng)址：https://www.google.com/webmasters/點(diǎn)擊登錄即可，注意頁(yè)面下方可以選擇語(yǔ)言，我們選擇中文會(huì)好看一些。
進(jìn)入到后臺(tái)后，我們點(diǎn)擊右上方的添加屬性按鈕，會(huì)出現(xiàn)下面的這樣一個(gè)對(duì)話框，輸入我們的網(wǎng)站域名即可，然后進(jìn)入到下一步：
下載HTML驗(yàn)證文件，然后同樣上傳到我們網(wǎng)站的根目錄，就是剛剛上傳網(wǎng)站地圖sitemap.xml的地方，然后通過(guò)訪問(wèn)谷歌給的鏈接去驗(yàn)證即可。
如下圖：（這里一樣要注意你下載的驗(yàn)證文件，注意不要有（1）(2)這樣的后綴，說(shuō)明你已經(jīng)下載過(guò)類似的文件了，這樣的話，當(dāng)你上傳到網(wǎng)站根目錄的時(shí)候，將會(huì)驗(yàn)證不了。這時(shí)要去檢查下根目錄下是否有這樣一個(gè)文件，以及你上傳文件的后綴名是否正確）
驗(yàn)證完后，我們就可以開(kāi)始使用我們的站長(zhǎng)工具了。當(dāng)然，這還沒(méi)完，別關(guān)閉你Bluehost的后臺(tái)頁(yè)面，因?yàn)槲覀冞€要驗(yàn)證我們的Sitemap以及上傳robots.txt文件。
6.4提交sitemap
回到我們的站長(zhǎng)工具頁(yè)面，點(diǎn)擊我們的域名，然后可以看到在左側(cè)有很多選項(xiàng)，這里大家點(diǎn)擊抓取>>站點(diǎn)地圖，然后如下圖，可以看到右上角有添加/測(cè)試站點(diǎn)地圖按鈕,點(diǎn)擊它。
然后在輸入框輸入：sitemap.xml即可，先測(cè)試一下，如無(wú)錯(cuò)誤就重復(fù)此步驟，點(diǎn)擊提交即可。
有時(shí)站點(diǎn)地圖會(huì)出現(xiàn)警告，但是如果你確保你想要收錄的頁(yè)面都開(kāi)放了收錄，那么就不需要擔(dān)心。
6.5上傳robots.txt文件
關(guān)于robots.txt文件的寫法有很多，甚至可以說(shuō)千奇百怪。如果你的robots文件沒(méi)有寫好，那么可能會(huì)對(duì)網(wǎng)站造成一些損害。例如你網(wǎng)站wp-admin下有一些私人的信息，如果你不禁止收錄的話，那么就有可能被谷歌檢索，而有心人就能找到這方面的信息了。
在群里我上傳了一份我常用的robots.txt文件，如果大家有需要可以進(jìn)群下載。這個(gè)robots文件經(jīng)測(cè)試，谷歌不會(huì)去收錄那些不該收錄的東西，另外還能避免插件等無(wú)效頁(yè)面被收錄。具體大家可以在谷歌搜索中，用site:www.你的域名.com來(lái)測(cè)試一下。
把robots.txt文件，從Bluehost的后臺(tái)，上傳到網(wǎng)站根目錄，public_html即可。然后可以通過(guò)站長(zhǎng)工具>>抓取>>robots.txt測(cè)試工具來(lái)進(jìn)行測(cè)試，看有無(wú)錯(cuò)誤。
6.6安裝谷歌GA分析工具
首先，大家進(jìn)入http://www.google.com/intl/zh-CN/analytics/這個(gè)頁(yè)面，然后點(diǎn)擊登錄進(jìn)去（用我們的Gmail賬戶，最后和你的站長(zhǎng)工具的帳號(hào)一致，方便關(guān)聯(lián)）
如果你是新帳號(hào)，按照指引一步步來(lái)做即可，得到的代碼，放去網(wǎng)站后臺(tái)制定的地方。如果你是老帳號(hào)，可以去到管理，在賬戶那里點(diǎn)擊一下，創(chuàng)建新帳號(hào)即可。如下圖：
如下圖，一項(xiàng)項(xiàng)填好即可，然后點(diǎn)擊下方的獲取跟蹤ID
然后把得到的代碼，復(fù)制好后，進(jìn)入我們的WordPress后臺(tái)
在Appearance>>themeoption>>SEO下，把代碼黏貼進(jìn)來(lái)，點(diǎn)擊save即可。
恭喜你！到這里，我們網(wǎng)站就算真正意義的上線了。
最近重新寫了篇建站方面的文章，希望大家能從我建站的過(guò)程中，得到一些啟發(fā)和收益。
1網(wǎng)站架構(gòu)
1.1列舉出你所有的產(chǎn)品詳情頁(yè)面
對(duì)于大部分B2B中小型企業(yè)來(lái)講，外貿(mào)獨(dú)立網(wǎng)站的主要頁(yè)面組成部分是由產(chǎn)品頁(yè)面組成的。所以在搭建網(wǎng)站前，將你公司的產(chǎn)品全部列舉出來(lái)，確定好有多少個(gè)產(chǎn)品頁(yè)面，如下圖：
產(chǎn)品1 產(chǎn)品2 產(chǎn)品3 產(chǎn)品4…產(chǎn)品N
當(dāng)你列舉完所有的產(chǎn)品，第一步就做完了。
1.2將產(chǎn)品頁(yè)面進(jìn)行分類
按照一定的邏輯，將你的產(chǎn)品進(jìn)行分組?？梢园床牧?、用途、顏色等分類，也可以根據(jù)各個(gè)行業(yè)通俗的分類進(jìn)行歸納產(chǎn)品，目的是為了讓客戶能非常直觀快捷的找到他們想要的產(chǎn)品。
如下圖，假定我是做耳機(jī)的，拿一種Sport(運(yùn)動(dòng)類來(lái)舉例），那么我根據(jù)用途把耳塞分成：Running(跑步的）、Gym(Work Out)健身的、其它的。用特定的邏輯把所有的產(chǎn)品頁(yè)面給分類好。
1.3列舉網(wǎng)站所有的頁(yè)面，并建立導(dǎo)航
通過(guò)前面2個(gè)步驟，我們確定好了網(wǎng)站的產(chǎn)品詳情頁(yè)面及其分類頁(yè)面，接下來(lái)就是列出其它的主要頁(yè)面了。例如Home/About/Contact/Blog等頁(yè)面。然后建立起一個(gè)可以涵蓋整個(gè)網(wǎng)站頁(yè)面的簡(jiǎn)潔、易用的導(dǎo)航。注意各個(gè)頁(yè)面之間的層級(jí)。如下圖：
到了這一步，你網(wǎng)站的大體框架就建立起來(lái)了。當(dāng)然最終是否要根據(jù)這個(gè)框架來(lái)做，還得根據(jù)我們的下一步工作來(lái)確定，關(guān)鍵詞調(diào)研。
2網(wǎng)站關(guān)鍵詞調(diào)研
關(guān)鍵詞的選擇會(huì)影響你的生意模式和客戶定位的準(zhǔn)確性，而且更為直接的影響你網(wǎng)站的效果。做好關(guān)鍵詞調(diào)研，選擇正確的關(guān)鍵詞同時(shí)也是你網(wǎng)站SEO成敗的關(guān)鍵所在。
下面我們來(lái)一步步的來(lái)把關(guān)鍵詞調(diào)研的過(guò)程分解開(kāi)來(lái)：
2.1頭腦風(fēng)暴（源關(guān)鍵詞）
聚集團(tuán)隊(duì)或個(gè)人，根據(jù)你對(duì)行業(yè)和產(chǎn)品的了解，列舉出能準(zhǔn)確描述你產(chǎn)品的關(guān)鍵詞，它可以是一個(gè)單詞，也可以是2~3個(gè)單詞組成的詞組。假設(shè)我是做耳機(jī)的話，在設(shè)想源關(guān)鍵詞時(shí)，我可以按照行業(yè)的分類，從大到小來(lái)進(jìn)行，也可以通過(guò)材質(zhì)、顏色、功能等方面進(jìn)行思考。earphone/headphone/running
earphone等。
2.2拓展關(guān)鍵詞
當(dāng)你把準(zhǔn)備好的源關(guān)鍵詞放進(jìn)你整理好的Excel表格后，下一步就是依照這個(gè)方法來(lái)拓展你的關(guān)鍵詞列表了。
這里我們采取自上而下的方式進(jìn)行，即考慮你的產(chǎn)品分類頁(yè)面，再到產(chǎn)品詳情頁(yè)面的方式。而通過(guò)我們的源關(guān)鍵詞以及下面的調(diào)研，又可以驗(yàn)證我 們剛剛自己分類的產(chǎn)品，是否準(zhǔn)確，以及符合客戶的搜索習(xí)慣。
-產(chǎn)品分類頁(yè)面：
把你的源關(guān)鍵詞放入像Alibaba等B2B平臺(tái)，看看它們對(duì)這個(gè)產(chǎn)品是如何歸類的。如下圖
我們可以看到earphone這個(gè)關(guān)鍵詞是可以歸類到什么目錄的，以及有什么樣的關(guān)鍵詞選擇，然后把像earphone bluetooth這些你沒(méi)有想到的詞補(bǔ)充到你的關(guān)鍵詞列表。
這里你可以用你準(zhǔn)備好的關(guān)鍵詞，進(jìn)行變換的搜索，如下圖：
我們能在搜索結(jié)果頁(yè)的搜索框下面，得到很多相關(guān)的關(guān)鍵詞，把它們加進(jìn)我們的關(guān)鍵詞列表。然后從右邊，可以看到這個(gè)產(chǎn)品所屬的分類，以及可以按照什么樣的方式進(jìn)行分類。
做完這一步，相信你已經(jīng)累積到不少的關(guān)鍵詞了，然后你還可以用同樣的方式，在AMAZON上進(jìn)行測(cè)試。
當(dāng)然，根據(jù)你對(duì)你們產(chǎn)品和行業(yè)的了解，學(xué)習(xí)你們競(jìng)爭(zhēng)對(duì)手的分類方式也是必不可少的，這里就不一一展開(kāi)了。
Ps:注意盡量參考國(guó)外同行的，看看他們是如何對(duì)產(chǎn)品進(jìn)行分類和描述的。
2.3關(guān)鍵詞規(guī)劃師
做關(guān)鍵詞調(diào)研的方式和工具有非常的多，而谷歌關(guān)鍵詞規(guī)劃師是它們中一個(gè)非常優(yōu)秀的工具，如果運(yùn)用得好，可以得到非常多的優(yōu)秀的關(guān)鍵詞，下面我們一步步來(lái)進(jìn)行這個(gè)步驟。
首先我們登錄我們的關(guān)鍵詞規(guī)劃師（如果你沒(méi)有谷歌帳號(hào)，請(qǐng)注冊(cè)一個(gè)）如下圖：
在第一個(gè)框內(nèi)輸入我們的源關(guān)鍵詞，然后點(diǎn)擊下面的獲取參考提示按鈕。（如果你有你競(jìng)爭(zhēng)對(duì)手的網(wǎng)站，后續(xù)步驟也能在您的著陸頁(yè)上輸入他們的網(wǎng)址，進(jìn)行分析。）然后我們得到下面的頁(yè)面
在廣告組參考提示里面，我們可以看到谷歌會(huì)認(rèn)為這個(gè)關(guān)鍵詞與什么有關(guān)，對(duì)于我們產(chǎn)品分類頁(yè)面來(lái)說(shuō)可以好好的參考，然后點(diǎn)擊Headphones Noise這個(gè)詞組，里面還會(huì)有更加長(zhǎng)尾的詞，這些可以當(dāng)然可以作為我們的產(chǎn)品詳情頁(yè)來(lái)使用。
通過(guò)平均每月搜索量以及競(jìng)爭(zhēng)程度，我們大概可以估算出這個(gè)關(guān)鍵詞以及整個(gè)詞組的價(jià)值，也可以為我們后續(xù)是否選擇這些關(guān)鍵詞提供很大的參考。
然后我們可以點(diǎn)擊廣告組參考提示旁邊的關(guān)鍵詞參考提示按鈕，進(jìn)入關(guān)鍵詞參考提示部分，如下圖：
這里我們可以把整個(gè)表格下載下來(lái)，然后通過(guò)組合排序的方式，對(duì)關(guān)鍵詞進(jìn)行分類。如下圖
重復(fù)此步驟，得到一個(gè)比較全面的關(guān)鍵詞列表之后，接下來(lái)就可以進(jìn)行關(guān)鍵詞篩選了。
2.4 整理、過(guò)濾、篩選和確定關(guān)鍵詞
根據(jù)我們的關(guān)鍵詞列表，我們可以從下面幾個(gè)指標(biāo)來(lái)確定是否要選擇這個(gè)關(guān)鍵詞：
-1.商業(yè)價(jià)值：
即搜索這個(gè)關(guān)鍵詞背后的客戶的潛在意圖是什么？正常來(lái)講競(jìng)爭(zhēng)程度高，出價(jià)高的關(guān)鍵詞，具備的商業(yè)價(jià)值比較高。而任何帶supplier、manufacturer等詞的關(guān)鍵詞，會(huì)更加符合我們的商業(yè)模式。
-2.搜索量：
我們要確保我們優(yōu)化的關(guān)鍵詞，不是我們憑空臆想出來(lái)的，而是要有實(shí)際的客戶在搜索的，這也是為什么我們需要把關(guān)鍵詞放進(jìn)關(guān)鍵詞規(guī)劃師里面進(jìn)行驗(yàn)證的原因。而作為外貿(mào)B2B網(wǎng)站來(lái)講，要根據(jù)自身的實(shí)力去選擇對(duì)應(yīng)的關(guān)鍵詞。例如你選擇earphone作為關(guān)鍵詞，盡管它的搜索量很大，但是無(wú)疑這個(gè)詞的商業(yè)價(jià)值不一定非常高，但競(jìng)爭(zhēng)會(huì)非常激烈。
3、競(jìng)爭(zhēng)程度：
做關(guān)鍵詞調(diào)研，做主要的是想要挖掘那些搜索量可以，競(jìng)爭(zhēng)程度不高，而且關(guān)鍵詞背后的商業(yè)意圖非常吻合我們生意的詞。通過(guò)關(guān)鍵詞規(guī)劃師提供的競(jìng)爭(zhēng)程度，以及我們把關(guān)鍵詞放入谷歌搜索，看看結(jié)果數(shù)，intitle、inurl等搜索指令和看看排在首頁(yè)的都是什么企業(yè)來(lái)確定我們是否要選擇這個(gè)關(guān)鍵詞。
4、根據(jù)權(quán)重的傳遞原則
我們一般把搜索量比較可觀，競(jìng)爭(zhēng)程度比較高的關(guān)鍵詞，放入我們的首頁(yè)進(jìn)行優(yōu)化，產(chǎn)品分類頁(yè)次之，產(chǎn)品詳情頁(yè)最小。
3、確定網(wǎng)站結(jié)構(gòu)
前面我們大致的確定了網(wǎng)站架構(gòu)，再經(jīng)過(guò)關(guān)鍵詞驗(yàn)證后，我們就可以正式的確立下來(lái)了，這里需要保證你的網(wǎng)站的架構(gòu)符合2個(gè)非常重要的原則：
客戶能快速找到想要的產(chǎn)品；
符合搜索引擎的習(xí)慣。
以LED作為例子，假設(shè)我的分類頁(yè)面一個(gè)是燈帶Led Strip Light,一個(gè)是燈管Led Tube Light根據(jù)做的關(guān)鍵詞調(diào)研，那么我的分類如下圖：
這樣不但客戶很方便找到對(duì)應(yīng)的產(chǎn)品，而且關(guān)鍵詞布局方面也符合邏輯。
-URL結(jié)構(gòu)
此外我們的URL結(jié)構(gòu)也能確定下來(lái)，例如www.abc.com是我們的域名，分類頁(yè)面可以是www.abc.com/led-strip-light/產(chǎn)品詳情頁(yè)面可以是www.abc.com/led-strip-light/flexible-rgb5050這個(gè)不但不會(huì)堆砌關(guān)鍵詞，而且整體的邏輯結(jié)構(gòu)非常清晰。
-網(wǎng)站SEO表
如下圖：
把每個(gè)頁(yè)面列好，做好SEO標(biāo)題（Title）描述標(biāo)簽（meta description)、頁(yè)面URL這樣一個(gè)列表。確定好每個(gè)頁(yè)面要優(yōu)化的關(guān)鍵詞，然后圍繞這個(gè)關(guān)鍵詞去創(chuàng)建內(nèi)容。頁(yè)面的URL等我們到了實(shí)際創(chuàng)建完所有頁(yè)面后再進(jìn)行補(bǔ)充。
到了這一步，我們就把前期的準(zhǔn)備工作做得差不多了，接下來(lái)就是進(jìn)入網(wǎng)站建設(shè)的部分了。
4. 網(wǎng)站建設(shè)
這里我們選擇用Linode VPS作為空間，因?yàn)樗乃俣缺菳luehost快多了。選擇WordPress程序，用Betheme主題作為范本來(lái)搭建我們的外貿(mào)B2B網(wǎng)站。
這里我們過(guò)掉空間域名購(gòu)買，WordPress安裝以及主題安裝部分，直接在裝好了Betheme主題的WordPress后臺(tái)進(jìn)行搭建網(wǎng)站。
4.1 了解網(wǎng)站搭建順序
我們搭建我們網(wǎng)站的時(shí)候，第一步是需要把我們所有的產(chǎn)品詳情頁(yè)給做好，然后到產(chǎn)品分類頁(yè)，再到產(chǎn)品匯總頁(yè)面（product）之后，再來(lái)建設(shè)其它頁(yè)面。
這樣做有什么好處呢，例如，你先做首頁(yè)的話，假設(shè)你首頁(yè)增加了熱門產(chǎn)品，但是你產(chǎn)品頁(yè)或分類頁(yè)都沒(méi)有做好，自然就不可能增加產(chǎn)品鏈接了，到時(shí)候又要再補(bǔ)充一遍，就浪費(fèi)時(shí)間了。
產(chǎn)品分類頁(yè)面也是這樣的，你產(chǎn)品詳情頁(yè)都沒(méi)有確定，做好的分類頁(yè)也不便放置圖片和鏈接。
這里有幾點(diǎn)需要注意的：
-1.我們的產(chǎn)品頁(yè)面是用Page來(lái)做的，這樣可以使網(wǎng)站結(jié)構(gòu)更加合理，URL結(jié)構(gòu)清晰，用戶體驗(yàn)也比較好。例如用page做的產(chǎn)品頁(yè)面URL是這樣的：www.abc.com/led-strip-light/flexible-rgb5050，當(dāng)用戶直接在搜索框截取url時(shí)，不會(huì)產(chǎn)生任何問(wèn)題。
但是如果用portfolio做的話，url就會(huì)顯示的比較奇怪了，而且產(chǎn)品分類頁(yè)面即categories頁(yè)面會(huì)產(chǎn)生重復(fù)頁(yè)面。
從SEO角度來(lái)看，這兩者都能傳遞權(quán)重，但是我不建議用portfolio來(lái)做產(chǎn)品頁(yè)面。會(huì)平白無(wú)故的造成一些問(wèn)題。
至于操作方面來(lái)看，用Page做產(chǎn)品頁(yè)面，其實(shí)Page也是可以復(fù)制粘貼的，你要做的無(wú)非就是替換下圖片、文字和鏈接而已，并沒(méi)有想象中的麻煩，不會(huì)比portfolio要多操作多少。
-2.如果你的產(chǎn)品有成千上百個(gè)，如果你要?jiǎng)?chuàng)建成千上百個(gè)產(chǎn)品詳情頁(yè)，那么你需要考慮你每個(gè)頁(yè)面是否有獨(dú)特的切吻合你產(chǎn)品的關(guān)鍵詞？這個(gè)關(guān)鍵詞可以是長(zhǎng)尾，但是最好有搜索量。在我實(shí)踐過(guò)那么多網(wǎng)站的經(jīng)驗(yàn)來(lái)看，很少能滿足這個(gè)要求的。
所以可以考慮一些是否能把產(chǎn)品頁(yè)面給合并起來(lái)，要知道阿里巴巴式的網(wǎng)站，并不能給我們網(wǎng)站帶來(lái)好處，過(guò)多的頁(yè)面如果沒(méi)有人搜索，或者用重復(fù)的關(guān)鍵詞等，反而會(huì)對(duì)我們網(wǎng)站造成傷害。
其次，如果你網(wǎng)站沒(méi)有Power Page（也就像首頁(yè)那樣高權(quán)重的頁(yè)面），還有很難獲取外鏈的話，你的內(nèi)頁(yè)會(huì)分散權(quán)重不說(shuō)，而且很難獲得排名。
Tips:如果你有很多產(chǎn)品，不妨看看同行們是如何把它們布局到網(wǎng)站中的，當(dāng)然B2C除外。另外是否你可以通過(guò)讓客戶下載你們的產(chǎn)品目錄來(lái)全面了解你的產(chǎn)品，而不是全部鋪上網(wǎng)站去呢？
4.2 創(chuàng)建所有的頁(yè)面
進(jìn)入我們的WordPress后臺(tái)，即www.你的域名.com/wp-admin，然后輸入你的用戶名和密碼，點(diǎn)擊登錄。然后我們來(lái)到了WordPress控制面板，在左側(cè)找到Page選項(xiàng)，然后點(diǎn)擊Add New（創(chuàng)建新的頁(yè)面），
如下圖：
如下圖，在方框中輸入我們的產(chǎn)品頁(yè)面的名稱，然后點(diǎn)擊保存即可。創(chuàng)建頁(yè)面的順序應(yīng)該是從上到下的，即從Home、Product、About、Contact等頁(yè)面創(chuàng)建，因?yàn)檫@樣做，在你創(chuàng)建產(chǎn)品詳情頁(yè)面的時(shí)候，即可在右邊的parents選項(xiàng)中，選擇對(duì)應(yīng)的父級(jí)，如圖二。
圖二，這里需要注意的是，比如你的產(chǎn)品層級(jí)是Product>>Led
Tube Light>>T8的話，那么你創(chuàng)建分類頁(yè)Led Tube
Light的時(shí)候，Parent是選擇Product為它的父級(jí)，當(dāng)你創(chuàng)建T8這個(gè)產(chǎn)品詳情頁(yè)的時(shí)候，Led Tube Light是你要選擇的父級(jí)。
就這樣依次創(chuàng)建好我們的所有產(chǎn)品頁(yè)面，然后就可以進(jìn)入我們的下一階段了。
4.3制作產(chǎn)品詳情頁(yè)面
想好布局
在制作產(chǎn)品詳情頁(yè)前，大家首先要想要這個(gè)頁(yè)面怎么布局，也就是說(shuō)，該如何布局才能全面展現(xiàn)自己的產(chǎn)品，以及產(chǎn)品的賣點(diǎn)。
做為B端用戶來(lái)說(shuō)，最想要看到的產(chǎn)品信息有哪些，分清楚主次之后，就可以開(kāi)始搭建了。
下面為大家展示產(chǎn)品詳情頁(yè)的布局。
首先大家要確定好產(chǎn)品詳情頁(yè)的布局，例如上面這種布局就是常見(jiàn)的產(chǎn)品詳情頁(yè)布局，左邊是側(cè)邊欄，右邊是產(chǎn)品頁(yè)的主要內(nèi)容。
右邊又分上下兩個(gè)部分，上邊由左右2個(gè)部分組成，左邊是用slider做的產(chǎn)品圖片展示部分，這里可以放上產(chǎn)品各個(gè)角度的圖片，以及應(yīng)用場(chǎng)景圖片，右邊是產(chǎn)品的特點(diǎn)，以及帶了個(gè)Call
to action.點(diǎn)擊它，客戶就能在彈出的表格給我們發(fā)送詢盤。
當(dāng)然下面部分就是產(chǎn)品的內(nèi)容參數(shù)部分了。我們可以用Tabs來(lái)做這部分的內(nèi)容。
上圖做的比較簡(jiǎn)單，更好的方式是用Tabs把參數(shù)放在Specification一欄，然后可以增加其它tabs，例如放上Video,
Q&A, 產(chǎn)品詳細(xì)介紹的，這樣整個(gè)頁(yè)面的內(nèi)容就會(huì)比較豐富了，可以參考下https://www.ridgid.com/這個(gè)網(wǎng)站的做法。
當(dāng)我們做好一個(gè)頁(yè)面后，就可以把這個(gè)頁(yè)面復(fù)制到其它頁(yè)面，然后再修改對(duì)應(yīng)的參數(shù)就可以了。
4.4 制作產(chǎn)品分類頁(yè)面
因?yàn)槲覀兪怯肞age來(lái)制作我們的產(chǎn)品頁(yè)面的，所以在產(chǎn)品分類頁(yè)面上，我們就可以充分發(fā)揮自己的想象去制作，而不用去調(diào)用portfolio。下面給大家展示幾種產(chǎn)品分類頁(yè)面的樣式：
實(shí)際效果如下：
產(chǎn)品匯總頁(yè)面（即Products頁(yè)面）
大家可以根據(jù)自己喜歡的樣式去做，在分類頁(yè)上用一張有代表性的圖片，然后鏈接到產(chǎn)品頁(yè)面即可。就這樣把我們的產(chǎn)品頁(yè)面和分類頁(yè)面做好后，就可以開(kāi)始去準(zhǔn)備做我們的首頁(yè)了。
4.5制作首頁(yè)Home
因?yàn)榇蠹倚袠I(yè)不同，審美觀念不同，所以無(wú)法制作一個(gè)大家都認(rèn)可的網(wǎng)站風(fēng)格，所以這里拿一個(gè)我們的Demo站的框架來(lái)舉例，里面的設(shè)計(jì)理念大家可以參考借鑒下。
這里就不一一說(shuō)里面的設(shè)計(jì)初衷了，這個(gè)Demo框架就是提供一個(gè)最小的MVP（可行性產(chǎn)品）再配合一些站內(nèi)SEO優(yōu)化，然后以最快的速度實(shí)現(xiàn)網(wǎng)站上線，去獲取詢盤。至于后面獲得成效了，大家可以在這個(gè)基礎(chǔ)上進(jìn)行修改或找人定制一個(gè)更加高大上的網(wǎng)站。（當(dāng)然土豪除外）
4.6 制作About、Contact頁(yè)面
然后找上述的思路去把我們的About us和Contact us頁(yè)面做好。如果大家公司有比較豐富的內(nèi)容可以把我們的About us頁(yè)面做得豐富一點(diǎn)。例如團(tuán)隊(duì)創(chuàng)建一個(gè)頁(yè)面，專門展現(xiàn)團(tuán)隊(duì)風(fēng)采，包括工作狀態(tài)、流程以及團(tuán)隊(duì)活動(dòng)等。
產(chǎn)品認(rèn)證、公司生產(chǎn)流程、質(zhì)量檢驗(yàn)流程等，都能創(chuàng)建比較豐富的頁(yè)面，去完善整個(gè)網(wǎng)站的信息，像客戶傳遞更多的信息，從而增加他們對(duì)我們的信任。
Tips:大家可以看下谷歌給出的一個(gè)好的網(wǎng)站具備哪些內(nèi)容
5 站內(nèi)優(yōu)化
5.1 Title和Meta Description標(biāo)簽
當(dāng)我們網(wǎng)站的頁(yè)面全部建好后，就是時(shí)候來(lái)優(yōu)化我們的網(wǎng)站了。首先把前面準(zhǔn)備好的關(guān)鍵詞列表，以及對(duì)應(yīng)的頁(yè)面的excel表格準(zhǔn)備好，接下來(lái)就是利用Betheme的內(nèi)嵌的Yoast SEO插件來(lái)把關(guān)鍵詞生成Title,寫進(jìn)去了。
如下圖：
然后比如首頁(yè)，我們就從后臺(tái)page進(jìn)入Home頁(yè)面，拉到底部，有個(gè)SEO的選項(xiàng)，如下圖，把SEO Title和Meta Description完善：
Note: AVADA以及其它主題可以下載Yoast SEO Plugin
Title設(shè)置：
關(guān)鍵詞前置，整句話最好通暢，可參考公式 Keywords… | Brand Name (具體可以參考米課視頻）
Meta description:
概括頁(yè)面內(nèi)容，自然植入關(guān)鍵詞以及LSI，能吸引用戶點(diǎn)擊。(具體可以參考米課視頻）
就這樣，根據(jù)我們做的列表，把每個(gè)頁(yè)面的Title和Meta描述標(biāo)簽寫好，就可以進(jìn)入下一步了。
5.2 圖片優(yōu)化
一般拖慢網(wǎng)速的，圖片因素占據(jù)了很大一部分因素，所以在不影響圖片質(zhì)量的前提下，我們要盡可能的壓縮圖片尺寸，這里介紹2個(gè)網(wǎng)站，用來(lái)壓縮圖片。但是如果你是做燈具類或者金屬類產(chǎn)品的，用此站壓縮出來(lái)的圖片質(zhì)量可能會(huì)很低，請(qǐng)注意。
PNG格式：www.tinypng.com
JPG格式：www.tinyjpg.com
就這樣把可以壓縮的圖片，都傳上去壓縮一遍，然后再下載下來(lái)，重新傳到我們的網(wǎng)站上。當(dāng)然這一步你也可以再一開(kāi)始就做好，就避免了后續(xù)需要重復(fù)操作的問(wèn)題。
6 網(wǎng)站上線
6.1 開(kāi)放收錄
如果你一開(kāi)建站有上傳robots.txt文件讓搜索引擎禁止收錄的話，那么當(dāng)你網(wǎng)站做到這一步的時(shí)候，就可以去把這個(gè)文件刪除了。
因?yàn)槿绻悴粍h除這個(gè)文件的話，后續(xù)我們制作sitemap網(wǎng)站地圖的時(shí)候，將會(huì)影響到我們網(wǎng)站地圖的生成。
如果你沒(méi)有上傳過(guò)robots.txt文件，那我們直接進(jìn)入我們的WordPress控制面板，找到Setting>>Reading部分，然后如下圖，把Discourage
search engines from indexing this site前面的√去掉，這樣就代表允許搜索引擎收錄這個(gè)網(wǎng)站了。
6.2制作網(wǎng)站地圖 sitemap.xml
這里我們用在線的網(wǎng)站地圖生成工具來(lái)做我們網(wǎng)站地圖，而不建議大家使用Yoast SEO插件帶的網(wǎng)站地圖生成工具，至于它的弊端，我就不在這里解釋了，大家只要跟著我做就可以了。
首頁(yè)，進(jìn)入這個(gè)網(wǎng)站 https://www.xml-sitemaps.com/ （谷歌推薦的）然后來(lái)到如下的界面，在那里輸入你網(wǎng)站的URL地址即可。
點(diǎn)擊Start開(kāi)始生成，注意這里最大可以生成500個(gè)頁(yè)面的網(wǎng)站，對(duì)大部分B2B網(wǎng)站來(lái)說(shuō)，綽綽有余了。
然后稍等一會(huì)，就會(huì)生成好我們的網(wǎng)站地圖，如下圖：
把sitemap.xml這個(gè)下載下來(lái)即可，然后上傳至我們網(wǎng)站的根目錄。
這里以Bluehost主機(jī)為例：進(jìn)入Bluehost后臺(tái)，點(diǎn)擊File
Manager后進(jìn)入到如下界面，然后點(diǎn)擊Public_html，即我們網(wǎng)站的根目錄（這里如果你的Bluehost上有多個(gè)網(wǎng)站，選擇對(duì)應(yīng)的域名文件即可）
然后點(diǎn)擊右上角的Upload按鈕，把sitemap.xml這個(gè)文件上傳上去即可（Note:上傳前需要檢查下你sitemap.xml的文件名，
確保不要有其它后綴，例如sitemap.xml（1）這樣的命名）
到這里你就已經(jīng)安裝和上傳完網(wǎng)站地圖了，你可以不用關(guān)閉這個(gè)界面，因?yàn)轳R上我們?cè)诎惭b站長(zhǎng)工具的時(shí)候又要上傳驗(yàn)證文件到同一個(gè)地方。如果你是使用VPS像Linode的話，你可以讓你的管理員或者自己幫你把文件上傳上去。
6.3安裝谷歌站長(zhǎng)工具
首先，我們得注冊(cè)好一個(gè)谷歌Gmail帳號(hào)，這樣就可以通用谷歌下面的產(chǎn)品了，例如我們常用的站長(zhǎng)工具，關(guān)鍵詞規(guī)劃師，谷歌GA分析工具等。
然后我們登錄這個(gè)網(wǎng)址：https://www.google.com/webmasters/點(diǎn)擊登錄即可，注意頁(yè)面下方可以選擇語(yǔ)言，我們選擇中文會(huì)好看一些。
進(jìn)入到后臺(tái)后，我們點(diǎn)擊右上方的添加屬性按鈕，會(huì)出現(xiàn)下面的這樣一個(gè)對(duì)話框，輸入我們的網(wǎng)站域名即可，然后進(jìn)入到下一步：
下載HTML驗(yàn)證文件，然后同樣上傳到我們網(wǎng)站的根目錄，就是剛剛上傳網(wǎng)站地圖sitemap.xml的地方，然后通過(guò)訪問(wèn)谷歌給的鏈接去驗(yàn)證即可。
如下圖：（這里一樣要注意你下載的驗(yàn)證文件，注意不要有（1）(2)這樣的后綴，說(shuō)明你已經(jīng)下載過(guò)類似的文件了，這樣的話，當(dāng)你上傳到網(wǎng)站根目錄的時(shí)候，將會(huì)驗(yàn)證不了。這時(shí)要去檢查下根目錄下是否有這樣一個(gè)文件，以及你上傳文件的后綴名是否正確）
驗(yàn)證完后，我們就可以開(kāi)始使用我們的站長(zhǎng)工具了。當(dāng)然，這還沒(méi)完，別關(guān)閉你Bluehost的后臺(tái)頁(yè)面，因?yàn)槲覀冞€要驗(yàn)證我們的Sitemap以及上傳robots.txt文件。
6.4提交sitemap
回到我們的站長(zhǎng)工具頁(yè)面，點(diǎn)擊我們的域名，然后可以看到在左側(cè)有很多選項(xiàng)，這里大家點(diǎn)擊抓取>>站點(diǎn)地圖，然后如下圖，可以看到右上角有添加/測(cè)試站點(diǎn)地圖按鈕,點(diǎn)擊它。
然后在輸入框輸入：sitemap.xml即可，先測(cè)試一下，如無(wú)錯(cuò)誤就重復(fù)此步驟，點(diǎn)擊提交即可。
有時(shí)站點(diǎn)地圖會(huì)出現(xiàn)警告，但是如果你確保你想要收錄的頁(yè)面都開(kāi)放了收錄，那么就不需要擔(dān)心。
6.5上傳robots.txt文件
關(guān)于robots.txt文件的寫法有很多，甚至可以說(shuō)千奇百怪。如果你的robots文件沒(méi)有寫好，那么可能會(huì)對(duì)網(wǎng)站造成一些損害。例如你網(wǎng)站wp-admin下有一些私人的信息，如果你不禁止收錄的話，那么就有可能被谷歌檢索，而有心人就能找到這方面的信息了。
在群里我上傳了一份我常用的robots.txt文件，如果大家有需要可以進(jìn)群下載。這個(gè)robots文件經(jīng)測(cè)試，谷歌不會(huì)去收錄那些不該收錄的東西，另外還能避免插件等無(wú)效頁(yè)面被收錄。具體大家可以在谷歌搜索中，用site:www.你的域名.com來(lái)測(cè)試一下。
把robots.txt文件，從Bluehost的后臺(tái)，上傳到網(wǎng)站根目錄，public_html即可。然后可以通過(guò)站長(zhǎng)工具>>抓取>>robots.txt測(cè)試工具來(lái)進(jìn)行測(cè)試，看有無(wú)錯(cuò)誤。
6.6安裝谷歌GA分析工具
首先，大家進(jìn)入http://www.google.com/intl/zh-CN/analytics/這個(gè)頁(yè)面，然后點(diǎn)擊登錄進(jìn)去（用我們的Gmail賬戶，最后和你的站長(zhǎng)工具的帳號(hào)一致，方便關(guān)聯(lián)）
如果你是新帳號(hào)，按照指引一步步來(lái)做即可，得到的代碼，放去網(wǎng)站后臺(tái)制定的地方。如果你是老帳號(hào)，可以去到管理，在賬戶那里點(diǎn)擊一下，創(chuàng)建新帳號(hào)即可。如下圖：
如下圖，一項(xiàng)項(xiàng)填好即可，然后點(diǎn)擊下方的獲取跟蹤ID
然后把得到的代碼，復(fù)制好后，進(jìn)入我們的WordPress后臺(tái)
在Appearance>>themeoption>>SEO下，把代碼黏貼進(jìn)來(lái)，點(diǎn)擊save即可。
恭喜你！到這里，我們網(wǎng)站就算真正意義的上線了。
