今天YinoLink易諾將會分享Shopify網站設計和優化的內容，下面將會講到如何優化Shopify網站打開速度？如何優化Shopify用戶體驗？如何提高Shopify訪客信任和安全感？本期會分享很多Shopify插件，大家可以自行保存哦~

1.Shopify網站打開速度與優化

Shopify網頁打開速度慢是影響店鋪轉化率的一個重要方面。我們需要借助一些專業的網站測速工具來檢測網站打開速度，繼而有針對性地采取優化提速措施。

Shopify網站打開速度慢后果

我們都知道Shopify網站打開速度慢會造成用戶的流失，但是你不知道其實Shopify網站代開速度慢還會有其他的后果。第一，會造成用戶焦慮，如果用戶打開你的Shopify網站，十秒還沒有反應，那么用戶就會很煩躁，可能直接就關掉頁面，那之前所做的工作就付之東流了；第二，降低Shopify網站搜索排名。不管是Google瀏覽器還是雅虎瀏覽器，如果你的Shopify網站打開速度太慢，跳出率較高的話，你的排名將會靠下；第三，降低 Alexa排名，Alexa排名是Shopify網站的整體排名，你的訪客質量、網站頁面打開速度、SEO整合排名都會被影響。

Shopify網站打開速度慢會造成用戶跳出率高，用戶跳出率高會造成網站排名低，網站排名低會造成廣告貴，廣告貴會導致引流成本更高，同樣的廣告帶來的流量更少，流量少會造成客戶少，一連串的惡性循環很有可能拖垮你的網站，因此，從源頭著手，優化Shopify網站加載速度，讓流量更好的停留在網站，這樣我們網站的轉化率才有可能會高。

Shopify網站測速工具有哪些？怎么用（建議保存）

一般來說，如果網站測速工具測試出的評分在50以下，那么我們就要著手進行優化Shopify網站訪問速度的動作了。YinoLink易諾為大家介紹四個常用的測速工具。

測速工具網址：

1、谷歌的頁面速度測試工具

https://developers.google.com/speed/

2、Pingdom是一個免費的網站測速工具，從多方面測試網站，可以測試Shopify網站加載速度，也可以對頁面和大小進行分析。我們可以查看詳細的測試報告，幫助用戶找出影響Shopify網站速度的因素如圖片、CSS等，并給出詳細的優化Shopify的網頁性能的方案。

https://my.pingdom.com/

第一個和第二個測速工具比較簡單直觀，可以看出簡單的數據，操作比較簡單。

3、https://gtmetrix.com/

4、http://webpagetest.org/

第一個和第二個測速工具比較專業，能測出的數據比較多，但是專業語言較多，比較難懂。

提升Shopify網站加載速度的技巧

1、對圖片進行無損壓縮，圖片占網站內存的70%以上，圖片的大小直接影響網站的加載速度，Shopify后臺有一個壓縮圖片的免費app，叫image compressio, 我們可以將它裝在shopify后臺, 然后定期地對自己Shopify店鋪的新圖片自動壓縮， 壓縮完之后，你的店鋪訪問速度應該會提高很多。

2、文字的優化 ，文字盡量使用瀏覽器或系統的默認語言，如果你使用其他語言，用戶的電腦沒有這種語言，那么系統會把這種語言替換成默認語言，在這個過程中，會影響網站的加載速度，還可能會造成排版錯亂。

3、使用CDN（內容分發網絡）加速 ，Shopify自帶CDN加速，如果你使用的是Shopify，就不用考慮這一點了。如果你使用的是開源建站，就要使用CDN加速。

4、多媒體的處理 ，短視頻可以換成GIF動圖，或者壓縮下視頻，可以把視頻的格式從AVI轉換成Mp4或Html格式，這樣視頻所占的內容就會大大縮小了。

5、后端優化代碼，就Shopify來講，Shopify里面的app越精簡速度也就越快。YinoLink易諾建議所有賣家在安裝app時最好進行一下測速，并且盡量不要安裝兩個功能一樣的app。

6、頁面腳本優化 ，開源建站要注意這一點，像Shopify這種sass建站系統，頁面腳本已經優化過，所以就不用考慮這一點。

通常來講，網站打開速度是在3—5秒，如果你的網站打開速度高于5秒，那么你就需要對網站進行優化了，在這里分享兩個網站打開速度優化的插件，SEO image optimizer —SEO可以優化圖片和alt，plug in speed可以優化JS和CSS,JS可以優化代碼的加載速度和樣式的加載順序。

2.如何優化用戶體驗

優化Shopify用戶體驗一般從服務器架構、網站打開速度、檢索邏輯、產品素材、購物流程、促銷活動、政策條款這幾方面出發，下面我們來具體看下如何優化。

服務器架構

服務器架構，一個穩定的服務器對于網站是至關重要的，如果你的網站服務器配置不高，那如果有什么活動，就會造成網站癱瘓。

網站打開速度

網站打開速度 ，第一部分內容已經講過，詳細內容參考第一部分。

網站主題

網站主題，第一，Shopify網站的主題要符合產品特性，一個做機械的，網站主題做個粉色的可能就不太好；第二，Shopify網站主題要根據不同地方做出改變。平臺上面的網站主題和獨立站的網站主題顯然是不同的，根據不同的渠道，選擇不同的網站主題。

檢索邏輯

檢索邏輯，用戶是否能以很快的速度在網站找到需要的產品，這個是檢驗檢索邏輯好壞的標準，檢索邏輯主要涉及到產品分類和產品標簽設置，在產品分類和產品標簽設置這兩個部分，一定要做的清晰明了，讓用戶在網站上很快找到自己需要的產品。

產品素材

產品素材，網上購物是先看到產品圖片，然后才決定是不是要買，無論你的產品多精美，只要產品素材不夠吸引眼球，那用戶很可能不去購買你的產品。購物流程購物流程，做電商的人都知道，用戶每進行一步，就可能流失一部分，因此，簡化購物流程也是優化用戶體驗的重要部分。

促銷活動

促銷活動，用戶來到網站之后，如果讓他停留并轉化呢？促銷活動就很必要了，賣家可以根據自身產品特性及節日營銷做促銷活動，使用戶能更多的停留在你的網站上。

政策條款

政策條款，支付條款、物流條款等相關政策條款要完善，海外用戶對于這些是比較關心的。提升Shopify網站信任度和安全感是很重要的。

3.如何提高訪客信任和安全感

試想一下，如果你在一個未購買過的網站上購物，你會關注什么？產品的評論、在線客服這些是不是你首先會想到的。我們會這樣想，海外的用戶同樣也會這樣想。

Review

Review，評論是顧客在買東西的時候比較重視的一個地方，如果你不了解這個網站，不了解這個商品，你可能首先會看這個商品下的評論，如果商品下有很多好評，那么你肯定會對這個商品產生信任感。但是對于新網站，如何在短時間獲得很多好評呢？或許Product Reviews和Loox—Photo Reviews這兩個插件可以幫助你。

下圖這個Review就是通過Product Reviews這個插件實現的，感興趣的賣家可以保存這兩個插件。

查看最近的行為信息

如果一個網站的新訪客看到網站上有多少人瀏覽購買這個商品，會不會對這個網站產生信任感呢？想要查看最近的行為信息，可以通過Sales Pop這個插件，查看用戶在網站最近的行為信息。

在線客服

在線客服，無論網站是B2B還是B2C，都需要重視在線客服這一塊，你可以找個客服回答用戶咨詢的問題，也可以使用Message機器人、Tidio Live Chat、Chatra Linve Chat+Facebook進行回復。

倒計時

倒計時分為主頁活動倒計時、產品熱夠倒計時、購物車倒計時、結賬倒計時四種，主要是增強用戶的緊迫感，讓用戶更快下單。在這里分享兩個倒計時的插件，Urgency和Conversion Pus。

提升Shopify信任度的插件

提升Shopify信任度的插件，支付方式的提供和網站版權的明示，第二個是網絡安全機構的認證。

快捷預覽

快捷預覽，你在主頁直接點產品，他不會直接跳轉到詳情頁，會跳出一個小的窗口，你可以直接在主頁進行購買，能有效的縮短購買流程。推薦插件：Quick view by Secomapp。

以上就是Shopify網站設計及優化課程所講的內容。（來源： YinoLink周5出海）

以上內容屬作者個人觀點，不代表雨果網立場！如有侵權，請聯系我們。