專注於架設企業網站,分享WordPress教學和Elementor教學

什麼是跨境電商獨立站? 獨立站建站的詳細步驟

更新日期:2023-09-16
同系列教程
加入讀者學習群
我用的頁面編輯器
讓我的客戶網站GTmetrix測分A\A的主機Cloudways
獨家優惠前3個月7折, 戳上方按鈕註冊即可自動帶入優惠碼LOYSEO
所贈主題外掛程式價值>$49
主機送Astra Pro不限網站1年
gmail.comsina.com 郵箱,註冊易通過
遇到問題,聯繫我
來開通 SEO 工具20+

跨境電商獨立站是什麼? 顧名思義,是向本國以外的其他國家地區的消費者用戶銷售商品的、擁有獨立網域的企業網站或個人網站。

為什麼叫做獨立站呢? 這是相對於平臺站而言的。 做跨境電商,除了做獨立站,你還可以選擇平臺來開店,譬如亞馬遜、速賣通。

那在平台開店與搭建獨立站有什麼不同呢? 用什麼建獨立站呢? 建獨立站的工具有哪些? 具體建站步驟有哪些呢?

基於我100+網站的建站經驗,本文將為你呈現乾貨級別的獨立站建站教程。

在平台開店與搭建獨立站有什麼不同呢?

在平臺開店與搭建獨立站,本質上都是賣貨,並無不同,前者你可以理解為在商業街或者商場裡租個店面去賣貨,後者就好比在一塊邊緣的空地上自己蓋個小店鋪。 從實際層面上,我們能看到直觀看到如下不同:

  1. 網域不同
  2. 成本不同
  3. 可控性不同
  4. 流量不同
  5. 規則約束不同

網域不同

獨立站是使用自己的獨立網域的,而平台店鋪是使用平臺的網域的。

譬如,你的店鋪開在速賣通,那麼你的店鋪位址、商品位址都是基於阿裡速賣通的網域:aliexpress.com

如果你的店鋪是獨立站,那麼你可以指定店鋪用自己的網域,能夠強化你的品牌曝光。

成本不同

在熱門的商業街裡租一個不錯的店面是很貴的,因為商業街自帶客流量,網店也一樣。

而自建店鋪的成本,短期評估一下,也許你會覺得自己對網站的要求簡單,初期投入的成本沒有平臺高,但你也要想一想,自建獨立站屬於自己蓋房,你有沒有平臺的那麼多人力和經驗讓你少走彎路? 你是否能找到專業的人為你建站? 而當你隨著運營,需求越來越多時,這個投入的費用也會越來越高。

當然,我不是勸你不要自建站,大賣家也不是一日做出來的,而是想告訴你,實際上,不論是平臺站還是自建店鋪,從長期看來,成本是省不掉的。

可控性不同

是的,平台店鋪的功能是被平台研發好的,你或許想做一些定製化的功能,但平臺無法滿足,這個時候就想要尋求自建獨立站站,畢竟可以找專業的開發人員來解決你的需求,獨立站更加可控,但可控建立在你投入的成本之上。

不過,事情也有另一面,有些平臺自帶的功能,自己研發起來,投入的成本也是巨大的。

流量不同

雖然說平臺就像一個商業街,自帶流量,但是隨著競爭者越來越多的加入,一個行業可能越來越卷,以致於到了拼運營的時候啦,那麼平臺內也要投入更多的廣告費用來吸引客戶,這時,你可能覺得入不敷出,想要轉戰做獨立站,這確實也是一個思路,因為平臺的流量從哪兒來的呢?

也是平台運營來的,常見手段:增加搜尋引擎排名,排名越靠前越多人點擊訪問(這就是SEO)、投廣告以及品牌影響力帶來的客流。 如果你做獨立站,你就變成了平台的競爭者,一樣得去做SEO、投廣告等等。

這就好比,你從一條大河裡,來到了一片大海.. 這裏的規則,你一樣需要學習、練習,不斷試錯。

規則約束不同

本質上,當你能走到最後,你所承受的規則約束都一樣,都是要符合法律法規。

只不過,平臺因為已經成熟,已經是被法律法規牢牢盯緊的對象,同時,平臺為了自己的利益最大化,還會構建自己的平台規則,所以,在平臺開店鋪,你會立刻感受到多重束縛,條條框框。

而自建獨立站,當你還在緩慢的成長發育的時候,法律法規還沒有那麼快盯上你,你對法律法規也不夠敏感或熟悉,以致於,你在初期覺得輕鬆,束縛少,通常你能直觀感受到的是支付管道對你的規則約束(譬如PayPal),但隨著你不斷運營,你面臨的法律法規的調教就越來越多了。

小結

總結一下,兩者並無本質上的不同,目標都是開店賣東西,那麼如何選擇取決於你的偏好,因為不論哪條方式,最終都是要付出長期運營的努力,而努力不等於有好的收穫,就像一個班裡的學生,同樣的老師教育,為何得到的不是同樣的結果呢?

舉一些例子吧,供大家參考。

以我為例,我有自己的網站 loyseo.com,是用wordpress自行搭建的,同時,我也在知乎等文章平台發佈自己的文章,他們都能為我帶來客戶流量,在運營初期,有半年的時間,我幾乎沒有像樣的收益,只是在埋頭寫作、發佈,而知乎的流量是先於本站自身流量的到來的,也就是外部的流量為我增加了品牌的曝光,滋養了我的品牌網站, 而隨著我寫作的內容越來越全面、專業,搜尋引擎也給了我較高的排名,從而獲得了SEO流量,逐漸的,隨著品牌的曝光越來越多,我的品牌流量也逐漸體現,大家會直接搜索LOYSEO來找到我,或者是直接訪問我的網站,不再通過第三方平臺或者搜尋引擎,這時,流量的來源也便多樣化了起來,也趨於穩定。

我也注意到不少博主,並沒有自己的網站或者是網站幾乎不怎麼打理,而是以微信公眾號為核心去經營,也依舊做的很成功,我是很不喜歡在公眾號里發佈文章的,因為它的編輯功能相較於wordpress太弱,條條框框也很多。

以我的建站客戶為例,他們多半首先選擇平臺,譬如有在阿裡巴巴開店的,也有在亞馬遜開店的,也都有過經營成果,但對平臺內卷、高昂的廣告費日漸失望,於是想要從獨立站上發發力,看看有無新的機會,確實,這些努力的經營者有人找到了出路,也有人因為精力不濟、沒有堅持,然後獨立站荒廢了。

所以,雖然我不是做跨境電商的,但本質上,我們都一樣,遵從自己的內心喜好,選一個自己現在喜歡的、可接受的方式,堅持不懈的用心學習實踐,那麼你終會得到果實,如果未來的果實是有些苦澀的,也不要用未來的立場去批評過去做出選擇的自己,這樣對自己很殘忍,我們只需要做好現在的努力,未來順其自然。

如何建跨境電商獨立站?

如果你的選擇是搭建屬於自己品牌的跨境電商獨立站,那麼我們要怎麼建站呢?

最出名的用於搭建跨境電商獨立站的是下面這兩位:shopify 和 WooCommerce

對比Shopify 和 woocommerce

那這兩者又如何選擇呢?

如果想要輕鬆上手快速測品,那麼選shopify;

如果想要擺脫平臺建站,從而更加靈活可控,那麼選woocommerce。

如果你想擁有這個網站的原始程式碼,以便做更多的修改或複製出更多網站,那麼用woocommerce。

  • Shopify是一個純粹的電商獨立站搭建平臺,它易用、功能周全,你可以用它來管理產品、訂單、庫存、支付和運輸,也可以自定義商店設計,也支援多個銷售管道,例如Facebook、Instagram等。
  • WooCommerce是一個WordPress外掛程式,它只是一個免費的工具,不是一個平臺。 它有很多付費的擴展功能,讓你根據自己的需要自定義商店,在wordpress生態圈中,也有許多配套的外掛程式和主題,以説明擴展和增強商店功能。

如果你想自學建站,而不是找一個專業的建站服務人員,那麼,你都會有比較大的學習成本:

  • Shopify是一個電商獨立站建站平臺。 這意味著它負責處理商店的許多技術方面。 從您的網域和主機託管(您的網站在線所存放的位置)到安全 (SSL) 證書、CDN,Shopify能一站式處理。 最重要的是,藉助 Shopify,您無需安裝、管理或更新任何軟體,也無需擔心安全或備份問題。
  • 相比之下,使用 WooCommerce,學習成本更高一點,您需要做的工作多一些,例如自行去域名註冊商處註冊網域做解析、選擇合適的主機,好的主機也會提供SSL證書、安防以及備份功能,譬如我為客戶選購的Cloudways獨享主機,區別於市面裡常見的廉價虛擬共用主機,它的速度、服務、價格都是穩定的。 還有安裝配置woocommerce等等。

而在費用方面,不論你使用shopify,還是woocommerce,都是無法避免的。

  • Shopify收月租、交易手續費等等(詳見此處),擴展的功能也是需要單獨購買,此外,開一個店收一份月租,開多個店鋪就要收多份月租了。
  • WooCommerce外掛程式本身是免費的,但是建站需要的主機也是收月租或年租的,同時,你也需要接入支付方式,譬如常見的是PayPal,而PayPal也是收交易手續費的,同時,擴展功能用到的主題外掛程式等等一樣是收費的,此外,你可以在一個主機里開多個店鋪。

最後,我的選擇是woocommerce,為什麼呢? 大概因為先入為主的用了wordpress建站,不僅給客戶建站,也給自己建站,在一個主機里可以管理多個網站簡直太方便了,於是,我一直沒有深度去嘗試Shopify,畢竟條條大路通羅馬,做好WooCommerce的網站也一樣開店。

其他獨立站建站平臺或工具?

除了shopify和woocommerce,你還有其他選擇,從網路上收集的資料看來,我們還發現了:BigCommerce、自己的研發團隊開發網站(譬如Shein)、opencart、prestashop、magento等等。 不過我都不大熟悉,也就不深入展開啦。

建跨境電商獨立站的具體步驟

ok,接下來,就基於我的woocommerce建站經驗,為大家講解一下入門級別的獨立站建站步驟。

  1. 註冊獨立站網域
  2. 購買速度快且性能穩定的主機
  3. 網站安全配置
  4. 安裝WorPress電商主題,導入店鋪範本
  5. 配置WooCommerce,管理店鋪
  6. 製作獨立站網站頁面
  7. 網站速度優化
  8. 測試獨立站的用戶註冊、購物流程
  9. 網站SEO(公開發佈網站)

註冊獨立站網域

網域,可以說是網站在互聯網中的位址,人們可以通過訪問你的網域打開你的網站,所以,在網域中也要體現你的品牌,那如何給網域取名、在哪裡註冊網域呢? 我推薦在Cloudflare里註冊網域,因為價格便宜、除了網域解析,還能開通免費CDN,同時,也提供了網站安全防護。

YouTube video
Youtube視頻

獨立站選什麼主機

做跨境電商獨立站,不同於功能簡單的詢盤型的外貿企業建站,它的功能更多,譬如變體產品、在線直接下單、購物車、結帳、運費配置、訂單跟蹤、後台產品管理訂單管理、數據分析、優惠券等等,所以,獨立站對主機的性能要求就更高, 以便讓客戶有更好的購物體驗,促成成交。

因此,我不推薦用共用主機,譬如SiteGroundHostinger,因為它們是多人共用一台主機,穩定性是難以保障的,根據我過去的監測,這類共用主機的TTFB是不穩定的,忽高忽低。

TTFB是發出頁面請求到接收到應答數據第一個字節所花費的毫秒數。

現在,我和客戶都使用的主機是Cloudways,它是獨享的託管式VPS主機,非常易於使用,主機性能也經過了很好的優化,而且能隨時升級、降級主機; 費用也是月結,不用年交。

在Cloudways購買主機時,你會發現它對接的資源也是Digital Ocean、Vultr、Aws等大廠,你可能有跟我同樣的疑惑,為啥我們不直接從Digital Ocean去購買呢? 費用更少

我自己經過對比使用,發現:如果從Digital Ocean等原廠購買主機,是一台裸機(也就是啥都沒裝,什麼都需要你自己配置的機器),這就要求我們有運維的能力,自己安裝機器的系統,自己配置主機的管理面板(譬如寶塔)…

這麼一番折騰學習,還經常折騰不好,遇到問題也很難快速找到解決方法,隱性的成本太高了..

而如果用Cloudways主機,費用肯定要比原廠購買高一點,但這就相當於花小錢請了一個專業運維,客服也是7*24h在線,如果遇到主機的問題,找在線客服解決也很方便。

獨立站選什麼配置的主機

起步時,可以選低配的機型,Digital Ocean的1G Premium配置,費用是14美元/月+0.5美元/月的備份費用。

如果你在建站時用到的外掛程式比較多且複雜,且使用者量越來越大,那麼這個配置肯定不夠用,當你監控網站時發現CPU或記憶體經常性餘量不足20%,又或者經常訪問網站時遇到資料庫掛掉,那麼就需要升級主機了,根據我自己的客戶的體驗,4G的配置用起來是比較爽的

什麼是跨境電商獨立站? 獨立站建站的詳細步驟

選好主機後要做些什麼?

請查看上方的教程,完成如下事項,你也可以點擊下方連結,前往對應教程:

  1. 註冊Cloudways主機
  2. 在Cloudways中創建伺服器和wordpress網站
  3. 在Cloudways中升級為付費帳戶
  4. 綁定網域
  5. 安裝SSL證書
  6. 登錄網站後台

OK,當你最終成功登陸了網站後台,我們就可以開始製作獨立站啦,Go~

網站安全配置

登錄到wordpress網站後台之後,我們首先要做的是給咱們的網站加上安全保障。 不要覺得自己剛做網站,又沒有流量,不會被盯上,要知道,wordpress是全世界範圍內用戶規模最大的建站工具之一,那麼,自然樹大招風,不過也不必害怕,自然也會有提供安防功能的配套措施。

當你使用Cloudways主機,主機預設已經提供了不少安防措施,什麼是跨境電商獨立站? 獨立站建站的詳細步驟從我們個人操作層面而言,主機已經在你的wordpress網站中預設安裝了Bot Protection外掛程式(針對這個外掛程式,你無需進行任何其他配置),它能夠阻止對 WordPress 網站的惡意流量和機器人攻擊。 它本是MalCare提供的付費功能,但在cloudways,你可以免費使用它。

此外,你還需要在wordpress後台中安裝wordfence外掛程式,因為wordfence免費版就能提供惡意軟體掃描和刪除等重要功能。

什麼是跨境電商獨立站? 獨立站建站的詳細步驟

還有,當我們在綁定網域時,我也建議大家將網域解析伺服器更換到Cloudflare,因為Cloudflare的免費版就能提供安防功能。

什麼是跨境電商獨立站? 獨立站建站的詳細步驟

如果你有進階的需求,想要更快的速度、更高等級的安防,那麼,從Cloudways裡也能以十分優惠的價格採購到Cloudflare的功能,價格如下:

什麼是跨境電商獨立站? 獨立站建站的詳細步驟

最後,我們一定要注意自己的使用習慣:

  • WordPress網站帳戶的密碼要使用強密碼,不要使用簡單的帳戶密碼,當你在wordpress中修改賬戶密碼時,系統已經提供了隨機強密碼生成器,什麼是跨境電商獨立站? 獨立站建站的詳細步驟你也可以在網上找個隨機密碼生成器搞個複雜密碼,密碼通常會在登錄網站時被瀏覽器記住,譬如我用的谷歌瀏覽器,並且登錄了谷歌帳號,初次登錄網站或修改密碼的時候,瀏覽器都會問我要不要記住密碼,只要選擇記住就好,下一次就不需要人工再輸入密碼了。 如果你更換了電腦,但只要你使用的是谷歌瀏覽器,並且登錄了相同的谷歌帳號,它都能幫你同步這些資訊。
  • 千萬不要使用來路不明的、破解的主題外掛程式,安全隱患很大,推薦使用正版的主題外掛程式,我自己採購了日常使用的主題外掛程式用於給客戶建站,也拿來分銷,價格優惠(戳此查看),當然,你可以直接去官網購買所需的主題外掛

以上多重保護加身,就極少能遇到安全方面的問題啦,如果萬一遇到了,還可以找Cloudways主機的7*24小時客服幫忙哦~。

安裝電商獨立站主題,導入店鋪範本及其配套設置

在WordPress建站中安裝一個主題是必須的,主題能為你網站外觀的配置:譬如配色、文字排版、頁頭、頁腳、頁面/博客/產品的範本等等,優秀的主題還會提供大量的網站範本,也會基於它的側重點配套相應功能。

如果能在主題中找到心儀的範本,將範本一鍵導入你的網站,無疑省去了大量的製作時間,並且對於新手而言,直接自製是不現實的,我也是從導入範本、學習分析範本製作方法逐漸走上了自製之路。

你可以訪問我製作的wordpress建站範本網站,在裡面,我整理了我在用的、以及曾經用過的主題或外掛程式所提供的網站範本,以便你可以快速找到喜歡的範本以及它歸屬的主題。

什麼是跨境電商獨立站? 獨立站建站的詳細步驟

那我使用什麼WordPress主題來搭建電商獨立站呢? ——Woodmart主題。

為什麼選它:評分高、人氣高、對B2C功能深挖(減少了我們額外的外掛程式費用支出)、速度也快,詳見:WoodMart主題 – 高人氣、高評分的WooCommerce電商主題

注意,劃重點:非官方渠道獲取的woodmart都是破解的或無法在線更新的,因為這個主題的不提供無限網站授權,只提供單一網站授權,所以無法分銷。 此外,這個授權可以確保你終生能夠獲取主題更新,但售後客戶服務期是有限的(6個月),如果你想延長客服服務期,可以通過付費延長服務期,或者多次購買該主題。

從上方按鈕前往購買woodmart主題后,我能獲得一些傭金作為寫作的支援。

那麼如何購買這個主題就自己摸索吧,買完后,請學習:安裝Woodmart主題及其演示站範本

推薦閱讀:WoodMart主題教程

配置WooCommerce,管理店鋪

裝完了主題和範本以及配套外掛程式后,接下來迎來的是電商獨立站中必備的功能——woocommerce外掛程式,這個外掛程式通常在你選定並導入了電商範本后,已經默認裝好,而woocommerce外掛程式提供了大量的功能,也是有巨大的學習空間的哦~

我撰寫了一個woocommerce教程專欄,請根據專欄中的嚮導來逐一學習吧。

必須要學的教程包括:

如何安裝WooCommerce——是的,你依舊需要學習一下,即便是範本里已經導入了這個外掛程式,因為woocommerce有完整的新手嚮導,引導你完成獨立站所需的必備功能。

如何在WooCommerce中管理產品類別、標籤和屬性——為你的產品進行分類,定義全域屬性(譬如顏色、尺碼); 標籤不是必須的,除非你產品分類不夠用,那麼就用標籤再進行第二個維度的分類

如何用WooCommerce管理和添加產品——賣貨自然要發佈產品,這是重要且基礎的日常操作。

WooCommerce如何添加可變產品——可變產品本質上就是同一個產品有不同的屬性,譬如顏色、尺碼

WooCommerce支付教程:如何添加PayPal標準支付——對於國內的個人或企業,woocommerce默認允許的在線支付管道只有PayPal,我也有客戶選用連連支付,你也可以在woocommerce為客戶啟用線下銀行支付等等。 而Stripe這種支付方式,內地註冊不下來帳號。

如何在WooCommerce中設置運費(免費功能)——如果你的運費規則簡單,那麼用woocommerce內置的運費配置功能即可。

如何配置WooCommerce運費費率表Table Rate Shipping——如果你的運費規則複雜,分地區、分重量、分產品類型等等,那麼你就需要更高級的運費配置功能了,那麼很大概率是要付費的。

WooCommerce優惠券教程——促銷活動能夠提高轉化,所以也是要學習一下的,譬如來個訂閱就送優惠券的功能,又或是根據公休日派發優惠券。

WooCommerce訂單教程——賣了商品就要管理訂單,訂單的狀態也是有多種多樣的,那麼如何進行訂單的狀態變更呢? 就看這篇吧。

還有其他一些功能,譬如:

  • 物流運單填寫及跟蹤——最簡單且免費的就是17track外掛程式,17track本身也提供運單狀態的跟蹤(方便你統一管理)。
  • 客戶查詢物流狀態——在woodmart中提供了order tracking頁面,使用者只需要輸入訂單號查詢即可。
  • 系統郵件設置——譬如註冊帳號通知、下訂單通知、訂單狀態切換之後的通知等等,woocommerce提供了基礎的範本修改功能,你也可以藉助外掛程式來對郵件進行深入的修改,譬如Kadence WooCommerce Email Designer
  • 系統郵件通知——你首先需要購買一個獨立站網域的郵箱(推薦Zoho企業郵箱谷歌企業郵箱),同時還需要購買專門的電子郵件發送服務,用於發送行銷和交易電子郵件——譬如cloudways裡的Elastic Email(1000封一個月只要0.1刀);然後在網站里配置Post Smtp外掛程式來實現郵件通知的基礎配置以及記錄查詢。 你也需會說,主機預設提供了郵件通知功能,但注意,穩定性不夠高,所以建議要自己的。
  • 店鋪數據分析——woocommerce本身就提供了強大的產品銷售數據分析模組,當然,你還可以藉助Google analytics對網站流量以及訂單轉化進行深度分析。
  • 產品變體的卡片式展示——woodmart主題針對全域屬性提供了變體色板功能
  • 社媒登錄——譬如谷歌帳號、Facebook帳號一鍵登錄網站,woodmart主題也提供了這個能力

頁面設計與製作

我們在上文中選擇woodmart主題並導入範本的時候,所選用的頁面編輯器是Elementor,這是我唯一一直在使用的頁面設計與製作的編輯器工具,因為它相比其他編輯器而言,不僅非常易用,而且資源豐富。

我還為它製作了專門的Elementor教程專欄,請一定要先學習一下哦,這樣你在編輯woodmart的演示站頁面時,才能有基礎概念。 對於新手,熟悉功能需要一些時間,請多看看我在Elementor教程中提供的頁面製作類的教程,譬如製作首頁的,這樣就能瞭解Elementor的常規用法了。

還要注意的是: 不同主題的功能都是有所區別的,所以對Elementor的支援度也不一樣,woodmart對elementor的相容度還是很好的,也提供了專門的elementor元素塊擴展包,所以即便你只使用elementor免費版,基於woodmart本身提供的能力,也能很好的將獨立站設計完成。

那麼,簡單介紹一下Woodmart主題的外觀設計方面的配置

  • 頁頭、頁腳、配色、排版等全域性的設置都是用的woodmart本身的功能
  • 頁面,譬如首頁、聯繫我們、公司介紹等常規資訊展示頁面,都是用elementor製作的內容部分,頁面範本依舊用的是woodmart本身的設置
  • 產品清單、產品詳情頁、博客新聞清單、博客新聞詳情頁——都是woodmart提供的默認範本,可以在主題選項面板中進行設置,如果你想用Elementor自定義產品清單、產品詳情頁、購物車、結帳頁面的範本,你也可以使用woodmart提供的layout功能。
推薦閱讀:WoodMart主題教程

在製作頁面過程中,你可能會需要找一些裝飾用的圖片素材,那我自己常用的是如下兩款付費資源

網站速度優化

網站速度至關重要,如果一個網站半天打不開,那也不要提客戶註冊、下單了,正常情況下,我們建議能在2-3s內打開網站,即讓網頁的第一屏完整出現在用戶的視野內,當然,打開網站時間越短越好。

我們在上文中已經做了一些很關鍵的速度優化的工作了。

首先,我們選用了一款穩定且速度快的Cloudways主機,主機屬於基礎建設,好馬配好鞍,自然要選擇好一點的了。 並且Cloudways主機已經做好了機器層面的速度優化,諸如memcached,還為2GB以上主機套餐預設提供了高級物件緩存object cache pro,能夠説明減輕資料庫和伺服器的負載。

其次,我們使用了Cloudflare為網站添加了免費的CDN,當然,如果經費充足,直接在Cloudways裡開通付費的Cloudflare CDN套餐,自然是能讓網站更快一些。

還有,我們選擇的主題和外掛程式都是熱門的、很多用戶認可的,它們通常都會在速度方面狠下功夫,否則也不會得到用戶的認可。

接下來,我們還可以在網站層面做些什麼呢?

  1. 精簡外掛程式:
    • 把沒用上的外掛程式禁用或刪除,過去我觀察有不少同學,因為是新手的緣故,會堆砌外掛程式解決問題,過後,如果功能不需要了,也會忘記禁用或刪除外掛程式,永遠用不著的外掛程式那就刪掉,偶爾用到的工具外掛程式(譬如做資料庫清理或內容替換的外掛程式)可以在不用時禁用或者刪除,在需要時再啟用或安裝;
    • 還有一些同學們,會為了一點點小功能或設計,裝一些很重的外掛程式來解決問題,譬如,可能就是為了頁面設計中一個欄目的樣式,就去安裝一個Elementor的擴展外掛程式來實現,而這類設計類的外掛程式通常css、js都比較多,很多外掛程式甚至沒有做自身的速度優化,導致每個頁面都額外載入很多的css和js。
  2. 網站圖片的優化:一張圖片少則幾十KB,多則幾百KB,一張圖片甚至就能超過整個網頁中其他文件的累計大小,所以圖片優化自然也是重中之重了,請查看這篇WordPress圖片壓縮教程,你可以按照教程先在本地電腦只給對圖片進行第一次壓縮后,再使用Shortpixel外掛程式在網站中壓縮圖片以及轉換為webp格式的圖片。
  3. 安裝並配置緩存外掛程式:我為網站配置緩存外掛程式是WP Rocket,它簡單易用,效果顯著。
  4. 對網頁的HTTP請求數量進行減少:我使用的是Perfmatters外掛,這屬於進階級的操作,好在官方文檔齊全,如果有餘力,可以使用這款外掛程式來對每個頁面的css、js進行精簡。
  5. 精簡字體並進行當地語系化:一個網站里的字體種類建議在2種或以下,如果你使用的是谷歌字體,那麼還建議用上一段種提到的perfmatters外掛程式進行字體的當地語系化(local google font),也就是將谷歌字體保存在網站中,而不是每一次訪問頁面時都要去谷歌獲取字體

做好以上這些,你的網站速度應該就很不錯啦。 即便如此,我還是要說一下,用wordpress+woocommerce建站,也是有一些速度上的弊端的,因為wordpress生態圈比較大,每個主題外掛程式所提供的功能要面向的使用者客群廣泛,也就是功能強悍,所以難免會比較重一點,比起垂直一點的shopify,速度會有一些遜色。

最後,你可以用測速工具對網站的速度進行測試,但我要強調的是,測速分數不要極端追求極致完美,網站的運營才是最關鍵的,要時刻提醒自己事情的重心是什麼哦。

測試獨立站的用戶註冊、購物流程

為什麼在速度優化完再來測試網站里的核心購物流程呢? 因為速度優化時,會可能出現你的配置錯誤導致購物流程不暢的情況。

如何測試獨立站用戶註冊、購物這類核心流程呢?

你可以新開一個瀏覽器,清除瀏覽器的緩存,然後類比使用者的身份,從註冊、登錄、流覽商品、加入購物車、付款等環節進行逐一測試,而對於次要的功能,譬如找回密碼,可以稍後進行測試。

測試的場景可以盡可能的豐富,以覆蓋更多的用戶場景。

譬如,先流覽商品、加購、下單再註冊、登錄; 先註冊、登錄,再流覽商品、加購、付款。

其中付款環節,由於PayPal是不能進行國內用戶之間的交易的,並且小額的交易還會引起風控導致封號,所以建議用PayPal的沙盒模式進行測試,或者直接在woocommerce里配置離線支付進行測試(譬如銀行匯款)。

除了從電腦端進行測試,也要從移動端進行測試哦。

網站SEO

網站的SEO是一項長期的運營工作,其中也有一些技術配置部分是需要在網站發佈上線前建議完成的。

推薦學習如下幾篇教程:

完成上述內容后,網站可上線,開放收錄吧

進入設置》閱讀,將建議搜尋引擎不索引本網站去掉勾選,保存更改

企業網站:用Elementor建站到上線的詳細步驟

還可以進入google search console提交網站地圖以助於加快收錄

google-search-console中提交網站地圖

網站地圖位址可在Rank Math SEO中獲取

企業網站:用Elementor建站到上線的詳細步驟

而對於網站SEO的運營而言,我推薦你和我一樣學習Backlinko的教程:

好啦,本篇文章就寫到這裡,如果有什麼建議或者疑問,可以在評論區留言哦~

点赞
0 / 5 0

Your page rank:

Picture of 外貿建站技術姐Bonnie
外貿建站技術姐Bonnie

Bonnie是LOYSEO的創始人,在建站領域有著超過14年的經驗,熱愛能將想法變為現實的WordPress,更是Elementor的忠實使用者~

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

LOYSEO
讓我的客戶網站GTmetrix測分A\A的主機Cloudways
獨家優惠前3個月7折, 戳上方按鈕註冊即可自動帶入優惠碼LOYSEO
所贈主題外掛程式價值>$49
主機送Astra Pro不限網站1年
gmail.comsina.com 郵箱,註冊易通過
遇到問題,聯繫我
來開通 SEO 工具20+