什麼是產品列表頁面 (PLP)?

已發表: 2023-07-24

產品列表頁面是所有電子商務網站上的重要頁麵類型。 在這篇博文中,我們將解釋什麼是產品列表頁面 (PLP)、它們為何重要、所有 PLP 中應包含的關鍵元素以及創建優秀 PLP 的最佳實踐。

我們還將為您提供一些出色的 PLP 示例,供您用作頁面創建的靈感,並回答一些常見問題。

什麼是產品列表頁面?

產品列表頁面(通常也稱為 PLP)是電子商務網站上的一個頁面,它根據類別、過濾器或搜索查詢呈現產品列表。

這種頁麵類型對於電子商務網站來說至關重要,因為這是將客戶從列表頁面帶到他們可能花錢的產品頁面的頁面。 許多網站管理員和營銷人員使用產品列表頁面,通過使用誘人的產品名稱和圖像進一步推動客戶通過渠道。

例如,如果我查看 Under Armour 網站,然後轉到他們的“Project Rock”鏈接,則顯示的頁面是產品列表頁面:

Under Armour 產品列表頁面“Men's Project Rock”。

為什麼產品列表頁面很重要?

產品列表頁面的重要性有幾個原因。

首先,它們通常是客戶和您的產品之間的第一個接觸點。 您有機會通過產品名稱、圖片和描述給人留下良好的第一印象。 所有電子商務網站的目標都是最大化利潤並增加銷量,擁有一個看起來很棒、易於導航並鼓勵訪問者進一步瀏覽渠道的產品列表頁面是實現這一目標的最佳方法之一。

產品列表頁面還為網站所有者提供了許多 SEO 好處。 通常,產品列表頁面是對主要關鍵字進行排名的頁麵類型,例如:

  • 男士高爾夫球鞋。
  • 女式跑鞋。
  • 客廳地毯。
  • 男士訓練上衣。

通過使用元信息、頁面標題和頁面上的文本,您有很好的機會讓您的產品列表頁面針對這些類型的查詢進行排名。

最重要的是,您的產品列表頁面為您提供了提高銷售額的絕佳機會。 視覺上令人愉悅的頁面加上精心設計的副本可以鼓勵用戶點擊進入產品顯示頁面,並且有可能比沒有經過充分優化的產品列表頁面時購買更多的產品。

產品列表頁面的關鍵元素

所有優秀的產品列表頁面都需要某些關鍵元素。 這些可以分為不同的類別。

產品信息

產品圖片也許是產品列表頁面中最重要的元素。 這些將脫穎而出並吸引用戶的注意力,並鼓勵他們連同產品標題和描述一起點擊進入產品並做出購買決定。

對於任何好的產品列表頁面,精心設計的產品標題至關重要。 您需要確保在起草此內容時既具有描述性又具有吸引力,因為這是人們登陸您的 PLP 並向下滾動頁面時首先看到的內容之一。

雖然完整的產品描述不會顯示在產品列表頁面上,但如果您的頁面設計允許,顯示簡短的產品描述仍然是可取且重要的。 這將為用戶的產品添加更多背景信息,並可能鼓勵他們點擊進入產品。

確保每個產品附近顯示明確的定價(以及促銷/折扣,如果適用)對於良好的產品列表頁面至關重要。 自然,價格是客戶是否購買產品的最大決定因素之一,因此確保產品列表頁面上有清晰的定價信息至關重要。

一般信息

如果您的頁面設計有空間,那麼在產品列表頁面上展示的產品中添加客戶評論或至少星級評級將有助於為您的潛在客戶提供額外的激勵,並說服他們點擊您的產品並可能購買。 如果客戶可以看到其他人購買並喜歡該產品,他們就更有可能產生興趣。

產品列表頁面上的運輸信息現在是不可協商的。 特別是自從亞馬遜推出 Prime 次日達服務以來。 如果客戶購買,他們會希望盡快知道他們的訂單何時可以發貨和交付。 這可以在產品列表頁面上通過多種方式完成,例如包括一句“今天訂購,週一收到”的句子。 或者“1-2 天內免費送貨”也可以。

與在產品列表頁面上顯示運輸信息類似,您必須確保產品上也顯示當前的供貨情況。 客戶不會想訂購缺貨的產品,除非他們專門預訂產品。 這一點也需要明確。 一般來說,您會希望首先顯示所有庫存產品。

不可協商

當然,您需要CTA才能點擊產品列表頁面上所有產品的產品頁面。 大多數公司選擇通過簡單的“立即購買”或“立即購物”按鈕來做到這一點。 這準確地告訴用戶單擊它時可以期待什麼。 他們知道,單擊這種性質的按鈕將直接進入產品顯示頁面,以了解更多信息,甚至可能購買該產品。

有時,用戶在您的產品列表頁面上查看的產品可能不適合他們。 這並不意味著銷售失敗。 這是您在 PLP 上放置一些精心設計的交叉銷售機會的機會。 展示類似的產品,例如不同的顏色或尺寸變化,在這裡效果很好。

當您希望最大限度地提高轉化率時,確保在產品列表頁面上顯示信任信號至關重要。 您可以在產品列表頁面上使用不同的信任信號,包括社會證明,例如我們之前看到的星級評定,“Visa 驗證”徽章等支付信任信號在電子商務網站上效果很好。 您還可以顯示媒體信任信號,例如“福布斯精選”,這會很有效,具體取決於您銷售的產品。

創建產品列表頁面時,確保您的頁面具有移動響應能力也至關重要。 截至 2023 年 7 月,使用移動設備的用戶佔所有網站流量的 56.96%。 確保您的頁面在所有設備尺寸(尤其是移動設備)上都能正常運行對於最大限度地提高轉化率和收入至關重要。

創建產品列表頁面的最佳實踐

我們剛剛討論了產品列表頁面上所需的關鍵元素,但您還需要了解一些最佳實踐,才能使您的 PLP 達到最佳狀態。

我們已經討論過,產品圖像是產品列表頁面上所需的最重要的功能之一。

您需要確保圖像是高質量的,並顯示足夠的產品信息,以吸引用戶點擊進入您的產品顯示頁面。 大多數產品列表頁面(除非使用輪播)僅顯示一張圖像。 因此,您需要確保此處顯示的圖像是最佳的。

一些網站會選擇僅顯示產品的圖像,而另一些網站會選擇以生活方式圖像的形式顯示產品。 例如,如果您銷售鞋子,那麼您可以選擇僅顯示鞋子作為特色產品圖片。 如果您銷售沙發或其他家具,您可以選擇在“示例”房間中展示它,以便讓用戶更多地感受到它在適當位置的外觀。

產品標題必須具有描述性和吸引力。 在大多數情況下,編寫“白人男士高爾夫球鞋”不足以吸引用戶點擊進入產品顯示頁面。 您需要確保您的描述性足夠強,以便用戶和搜索引擎都知道您銷售的是什麼,同時也具有足夠的吸引力來吸引用戶點擊。 您可以確保您的產品標題與您的圖像和描述很好地配合,從而為它們提供說服客戶點擊進入您的產品的最佳機會。

產品描述對於用戶和 Google 和 Bing 等搜索引擎都至關重要。 您需要確保您的產品描述具有足夠的描述性,以準確傳達您的產品是什麼,同時具有足夠的吸引力以說服用戶點擊進入產品。 鑑於您通常無法在產品列表頁面上編寫完整的產品描述,並且僅限於簡短的 1-2 句話描述,這一點就顯得尤為重要。 有些網站,根據其設計,甚至可能沒有在產品列表頁面中列出任何產品描述。

產品列表頁面上顯示的定價需要清晰簡潔。 客戶需要並期望確切地知道他們將要支付的費用以及是否有折扣。 如果有折扣,他們需要知道折扣是什麼以及應用折扣後的最終價格是多少。 有些公司可能會用刪除線來做到這一點,而另一些公司則會顯示最終價格並提及這是帶有折扣的價格。

當客戶瀏覽您的產品列表頁面時,確保限制干擾至關重要。 嘗試並配置您的頁面,使產品成為用戶目光的主要焦點,僅此而已。 這裡的目的是盡可能多地關注您的產品,這樣他們就有更多的機會點擊,並有可能購買並增加您的利潤。

如前所述,客戶在訂購時希望確切地知道他們何時會收到產品。 您可以直接在產品列表頁面中顯示運送時間。 大多數公司都會說“1-2 天內發貨”或類似的說法。 但是,如果您有能力做到這一點,您可以通過發布一條消息“3 小時內下單,次日免費送貨”或類似信息,為客戶的 FOMO(害怕錯過)做出貢獻。

快速加載速度對於所有網站都至關重要,但在電子商務產品列表頁面上更為重要。 HubSpot 發現,到 2022 年,頁面加載時間每增加一秒,轉化率平均就會下降 4.42%。 在電子商務環境中,如果您無法快速對其進行排序並正確加載頁面,那麼您將會損失大量收入。

最佳產品列表頁面示例

以下是我們最喜歡的一些產品列表頁面示例,它們很好地展示了部分(或全部)最佳實踐。

Spoke London - 清晰簡單

Spoke London 出色地展示了清晰簡單的產品列表頁面如何最大限度地提高轉化率。

每個產品顯示的圖像都顯示了穿著該褲子的模特,因此您可以很好地感受到它的外觀。 每條褲子的顏色都清晰可見,價格也一目了然。

褲子的輻條產品列表頁面。

如果您查看上面屏幕截圖的底部,您還可以看到一個彈出窗口,允許用戶在其尺寸的模型上查看褲子。 這將進一步提高轉化率。 如果有人可以選擇這個並在更接近他們體型和尺寸的模特上看到它,這將使他們受益匪淺。

Under Armour - 出色的過濾和多種產品視圖

Under Armour 創建了出色的產品列表頁面。 當您滾動瀏覽服裝頁面中的每個產品時,您可以看到反向視圖,無需單擊 PDP 即可完整查看產品。

Under Armour 高爾夫服裝和裝備的產品列表頁面。

網站上的定價也非常清晰。 您可以準確地看到該商品的售價減去 PDP 上顯示的任何折扣。

還值得注意的是屏幕左側的出色過濾選項。 我們目前在高爾夫部分,但我們可以輕鬆過濾到他們的跑步裝備、訓練裝備或籃球裝備等。我們還可以過濾產品類別、類型、顏色和尺寸。

Goldsmiths - 清晰的定價、過濾和附加 CTA

我們在這裡看一下 Goldsmiths 網站,該網站以在線銷售高品質、高價值的手錶和其他珠寶而聞名。

金匠產品列表頁面。

由於價格是轉化的主要驅動因素之一,因此價格顯示得非常清楚。 對於希望通過金融方式購買的客戶,還有一個單獨的價格,顯示每月的費用。

他們還在網站上列出了其他轉換輔助工具,展示了新到貨的產品和包含免費禮品的產品。

我們還需要提到屏幕左側的過濾器。 您可以按價格、折扣、可次日送達的手錶等進行篩選。

這也許是我一直以來最喜歡的產品列表頁面之一。

NOBULL - 乾淨簡單,具有出色的產品圖像

我必須承認,我是 NOBULL 的忠實粉絲。 我訓練 CrossFit,NOBULL 是 CrossFit 品牌。 但我也喜歡它們,因為我是一名營銷人員,而且我喜歡乾淨的產品列表頁面。

Nobull 鞋子產品列表頁面。

這裡有一些值得注意的事情。

首先是令人驚嘆的產品圖像。 我們可以清楚地看到鞋子的樣子,當我們滾動到產品上時,我們會看到另一張產品圖像,從另一個角度顯示鞋子以及運動鞋的底面。 在這張新產品圖片下方,我們還可以看到該展會的其他配色。

我們還可以看到明確的定價。 對於上面的示例,我們立即看到所有運動鞋的標價為 120 英鎊。

我還喜歡屏幕右下角的實時聊天功能,以及用戶可用的過濾和排序選項。

亞馬遜,自然

我們不能在產品列表頁面上寫一篇文章而不提及亞馬遜。 在我看來,他們擁有一些有史以來最偉大的產品列表頁面。 考慮到亞馬遜的品牌力和財富,這是意料之中的。 但這仍然是值得了解的好信息。

“咖啡包機”的亞馬遜產品列表頁面。

對於上面的示例,我搜索了“咖啡包機”並得到了以下產品列表頁面。

我們可以看到列出的產品的清晰圖像,頁面左側有一個很棒的過濾器部分,可以讓我們看到星級、品牌、價格和材料。

還值得注意的是產品本身的額外轉換幫助。 我們對所有產品都有單獨的星級評定,還顯示評論數量! 我們還有措辭表明這些可以明天交付給我。 所有這些都將幫助我轉變。

PLP 常見問題

我們在網上搜索了一些您一直在詢問的有關產品列表頁面的最常見問題,現在將為您解答最常見的問題。

我應該在產品列表頁面上使用什麼類型的產品圖片?

這實際上取決於您銷售的產品,但無論您銷售什麼產品,您都應該使用一些約定。

您需要確保產品圖像清晰、高質量,並儘可能詳細地展示產品。 例如,如果您銷售服裝,您可以選擇在模特上或以色塊背景展示產品。 兩者都可以很好地工作,但圖像需要清晰。

您還可以利用滾動功能,正如我們在上面的一些示例中看到的那樣。 當用戶滾動到產品上時,您有機會向他們展示另一個角度以提供有關產品的更多詳細信息,這也可能會帶來更多轉化。 或者,至少,PDP 的點擊次數更多。

如何提高產品列表頁面的轉化率?

如果您希望提高產品列表頁面的轉化率,您可以採取一些措施。 您首先需要關注您的“三巨頭”,並確保您的產品名稱、描述和圖像盡可能好。 客戶在點擊您的 PDP 之前需要清楚地了解他們要購買的商品。

您還需要確保您的產品列表頁面具有簡單的用戶體驗。 排序和過濾選項需要清晰且易於使用。 考慮添加“添加到購物車”按鈕以使購買過程更容易,因為有些客戶將能夠從 PLP 中充分了解您的產品,因此他們無需在購買前單擊進入 PDP。

如何處理產品列表頁面上缺貨的產品?

我喜歡使用“三步”流程來處理產品列表頁面上的缺貨產品。

首先,您需要確保客戶知道該產品缺貨。 您可以通過在產品上添加註釋,或將通常顯示的價格替換為該產品缺貨的消息來完成此操作。 如果可能的話,您還應該確保讓客戶知道您預計產品何時恢復庫存。

接下來,您需要確保有一種方法可以讓客戶隨時了解產品、預計何時恢復庫存以及何時恢復庫存。 大多數公司通過電子郵件來完成此操作,在大多數情況下效果很好。

最後,您需要通過網站後端定期更新庫存水平,以確保您的庫存盡可能準確地顯示。 您不希望缺貨的產品顯示為有庫存。 同樣,您也不希望有庫存的產品顯示為缺貨!

產品列表頁面上的信任信號是什麼?

信任信號本質上是徽章或其他信息,您可以將其添加到產品列表頁面,以向用戶和潛在客戶表明您是一個值得信賴的網站並且值得購買。

這可以是客戶評論、《福布斯》、《男性健康》、《好管家》等網站上推薦的產品的新聞徽章等形式。

或者也可能是來自 PayPal 和 Visa 等公司的支付驗證徽章,這將為需要輸入銀行卡詳細信息的客戶增加一定程度的信任。

如何使用 A/B 測試來改進產品列表頁面?

A/B 測試也許是提高產品列表頁面性能的最有效方法之一。

一般來說,電子商務網站將在網站上擁有足夠的產品列表頁面來創建對照組和測試組,同時確保每個頁面都有足夠的流量和參與度來創建具有統計意義的測試。

來自 SEOTesting 的對比測試結果。

創建控制組和測試組後,對測試變體頁面進行更改並等待測試收集足夠的數據。 雖然最短測試時間為兩週,但我們理想情況下建議讓測試運行 6-8 週,以確保您收集足夠的數據來得出一些重要的結論。

就可以測試的內容而言,您可以測試產品列表頁面上的幾乎所有內容,從整個頁面的佈局到定價位置。 您還可以通過更改元標題、描述和頁面標題的佈局或來自其他網站的大鍊接的影響來測試您的搜索引擎優化。

然後,您可以使用收集到的數據以及測試結果是陽性還是陰性來決定是否要對產品列表頁面的其餘部分進行這些更改。

現在您已經了解了有關產品列表頁面是什麼等信息。 我們希望今天提供給您的所有信息將幫助您創建令人驚嘆的產品列表頁面

如果您正在尋找一個工具來幫助您測試產品列表頁面以獲得更好的自然搜索性能,請考慮嘗試一下 SEOTesting。 我們提供 14 天免費試用,無需信用卡即可使用。 今天就報名吧。