SEO 友好的電商產(chǎn)品頁設(shè)計(jì)｜附 10+個(gè)實(shí)際案例

時(shí)間：2022-08-06 06:57:02 | 來源：網(wǎng)站運(yùn)營

時(shí)間：2022-08-06 06:57:02 來源：網(wǎng)站運(yùn)營

這篇是參考 Paddy Moogan 的文章《Perfecting On-Page SEO for Ecommerce Product Pages – A Cheatsheet》，并加入了我的一些思考。

對(duì)電商網(wǎng)站和獨(dú)立站來講，產(chǎn)品頁是非常核心的一個(gè)頻道，因?yàn)橛?30～60% 的 SEO 流量都在這個(gè)頻道，在流量規(guī)模和承接轉(zhuǎn)化上承擔(dān)巨大的作用。所以，產(chǎn)品頁非常值得做 SEO 的專項(xiàng)優(yōu)化。

另外，現(xiàn)在的 SEO 不單單是考慮 SEO 元素（TDK、alt標(biāo)簽等）的設(shè)置，還需要從業(yè)務(wù)側(cè)考慮用戶在瀏覽網(wǎng)頁的完整體驗(yàn)，比如用戶能否在首屏看到產(chǎn)品的核心信息，是否能從物流、退貨和付款信息中感受到安全感等。

我分享一個(gè) SEO 友好的電商網(wǎng)站產(chǎn)品頁的設(shè)計(jì)圖，可以作為產(chǎn)品頁優(yōu)化的一個(gè)檢查清單。

設(shè)計(jì)圖

具體說明和案例

1. 信任信號(hào)

首先，思考下哪些信號(hào)能增強(qiáng)用戶的信任度：支付和交易信息、客服電話、物流和退貨信息等。

然后，盡可能提供上述的信任信息，并清晰的展示給用戶。

當(dāng)用戶瀏覽網(wǎng)頁的時(shí)候，能感受到網(wǎng)站是正規(guī)和可信的，然后他們可以放心的提供信用卡信息，并進(jìn)行下單支付。

另外，Google 針對(duì) YMYL （your money, your life，即財(cái)產(chǎn)和健康相關(guān)主題）搜索有更高的信任度和安全性的考量。







以上是一個(gè)電商網(wǎng)站的產(chǎn)品頁，有非常多的信任信息，比如用戶評(píng)論，付款信息、物流信息、退貨政策等。

2. HTTPS/SSL

HTTPS 已經(jīng)成為站點(diǎn)的標(biāo)準(zhǔn)安全配置，尤其是電商網(wǎng)站更重要。要保證所有的 URL 都使用 HTTPS 協(xié)議，并及時(shí)更新證書，來保證用戶信息的傳輸盡可能安全。

另外，HTTPS 也是 Google 排名中的一個(gè)因素。

3. 面包屑導(dǎo)航

清晰的面包屑導(dǎo)航，可以讓用戶知道在網(wǎng)站內(nèi)的位置，讓用戶方便的瀏覽產(chǎn)品或點(diǎn)擊到類目頁。

《Don't Make Me Think》中也有特意提到面包屑導(dǎo)航的作用，讓用戶知道自己的位置，產(chǎn)生安全感。

另外，面包屑導(dǎo)航也有結(jié)構(gòu)化數(shù)據(jù)，能在 Google 產(chǎn)生特殊展示形式。







這是一個(gè)海外網(wǎng)站的面包屑導(dǎo)航的案例。

這個(gè)網(wǎng)站有很清晰的面包屑導(dǎo)航：首頁 / 家具和燈具 / 臥室 / 床頭柜和桌子。

4. 用戶評(píng)論

在頁面上展示用戶的評(píng)論，一方面可以給訪客提供購買的參考，另一方面也是用 UGC 的方式提升內(nèi)容豐富度。

從我之前的數(shù)據(jù)觀察來看，用戶對(duì)用戶評(píng)論模塊的關(guān)注度是非常高的，這個(gè)模塊的點(diǎn)擊甚至超過首屏的一些模塊。

另外，評(píng)論部分還可以使用結(jié)構(gòu)化數(shù)據(jù)或微格式；要確保這部分評(píng)論是能被搜索引擎爬蟲抓取到，并且內(nèi)容具備參考價(jià)值，是原創(chuàng)的。







以上是一個(gè)電商產(chǎn)品頁的 case，有非常詳細(xì)的評(píng)論信息，會(huì)對(duì)評(píng)論者的愛好度、產(chǎn)品的多方面、語言做分層展示，并有產(chǎn)品優(yōu)點(diǎn)和缺點(diǎn)的展示。

5. 產(chǎn)品視頻

視頻可以更好的展示產(chǎn)品細(xì)節(jié)，以及用戶體驗(yàn)。

在視頻的承載上，可以使用 YouTube 等平臺(tái)來發(fā)布視頻，并嵌入到網(wǎng)站中，這樣就不需要考慮到線上成本和速度。

另外在 Google 側(cè)，視頻在搜索結(jié)果中有特殊展示方式，提升 CTR；并在 Video 搜索中有額外的曝光和流量。







以上是一個(gè)賣吉他和樂器的電商網(wǎng)站，這個(gè)產(chǎn)品頁中插入了某個(gè)用戶的深度評(píng)測(cè)，有 40 多分鐘，并且也是 YouTube 承載。

6. 站內(nèi)搜索

提供一個(gè)清晰快速的站內(nèi)搜索，保證搜索的準(zhǔn)確度和全面性。當(dāng)本產(chǎn)品不滿足用戶需求時(shí)，他還可以進(jìn)行站內(nèi)搜索。

7. 清晰的行動(dòng)號(hào)召

行動(dòng)按鈕一定要清晰、容易點(diǎn)擊（尤其是移動(dòng)側(cè)）。并且要用統(tǒng)計(jì)工具記錄用戶的點(diǎn)擊數(shù)據(jù)，這樣可以根據(jù)用戶鏈路來進(jìn)行優(yōu)化。

這個(gè)是跟轉(zhuǎn)化高度相關(guān)，一定要注意！

8. 結(jié)構(gòu)化數(shù)據(jù)和微格式

產(chǎn)品的結(jié)構(gòu)化數(shù)據(jù)有多種數(shù)據(jù)類型，比如價(jià)格、描述、評(píng)論、庫存信息等。

使用結(jié)構(gòu)化數(shù)據(jù)，可以讓 Google 更容易獲取到產(chǎn)品信息，并且在 Google 側(cè)有特殊展示形式，提升 CTR 和流量。







參考文檔：https://developers.google.com/search/docs/data-types/product

9. 問答內(nèi)容

問答是另一種 UGC 的內(nèi)容，在用戶決策成本高的產(chǎn)品上尤其有效。在用戶瀏覽問答內(nèi)容時(shí)，可以打消他們的一些疑惑。實(shí)現(xiàn)方式上，鼓勵(lì)用戶來提問，商家來提供答案。







以上是 Amazon 的問答內(nèi)容，真的非常豐富，能給用戶選購時(shí)提供參考。

10. 圖片

提供清晰、高質(zhì)量的圖片。如果有能力，最好提供一些場(chǎng)景中的產(chǎn)品照片，比如衣服產(chǎn)品提供模特的上身照，家具產(chǎn)品提供樣板房的擺放照片，這樣用戶有更強(qiáng)的代入感。







以上是 http://made.com 的沙發(fā)產(chǎn)品，就提供了沙發(fā)在客廳的布局圖，讓用戶能代入到自己家的場(chǎng)景。

另外，Shein 的大多數(shù)產(chǎn)品都有模特的上身照，對(duì)站內(nèi)的用戶瀏覽和站外的廣告投放都非常有幫助。

11. 產(chǎn)品描述

產(chǎn)品描述部分，先忘了 SEO 寫作技巧，考慮下怎么準(zhǔn)確客觀的描述這個(gè)產(chǎn)品。還需要包括使用場(chǎng)景、核心賣點(diǎn)以及技術(shù)信息，讓用戶更好的了解這個(gè)產(chǎn)品。

上面這個(gè)產(chǎn)品頁就有非常豐富的產(chǎn)品信息，包含核心信息、設(shè)計(jì)、安裝等 9 項(xiàng)字段，真的是結(jié)構(gòu)化信息狂魔。

12. 客服電話

也是一個(gè)信任信息，提供客服電話和開放時(shí)間，讓用戶有問題時(shí)能聯(lián)系到客服。







這個(gè)網(wǎng)站在右上角就有醒目的客服信息。

13. 在線咨詢模塊

可以讓用戶聯(lián)系客服進(jìn)行實(shí)時(shí)溝通，就像淘寶的旺旺；

B 端網(wǎng)站也依賴咨詢模塊發(fā)送詢盤，是不可缺少的一個(gè)模塊。

14. 公司地址和介紹

主要是公司的實(shí)際地址，團(tuán)隊(duì)介紹，工商注冊(cè)信息等。

不光是能讓用戶知道這家公司是實(shí)際存在的，合法的，很多 B 端客戶也會(huì)通過這些信息來溝通和咨詢。

15. 標(biāo)題 Title

要包含產(chǎn)品名稱，以及物流策略，如包郵、次日達(dá)等，可以提升搜索引擎中的點(diǎn)擊率。

小規(guī)模站點(diǎn)可以手工撰寫，大型網(wǎng)站需要批量設(shè)置，模版實(shí)現(xiàn)。

示例：<title>Pool Tables for Sale | Free Delivery | UK's #1 Rated Pool Table Seller</title>

16. META Description

Description 就相當(dāng)于是產(chǎn)品的迷你版廣告文案。需要包含產(chǎn)品名稱、物流政策、優(yōu)惠信息，來展示產(chǎn)品價(jià)值，吸引用戶點(diǎn)擊。

如果這個(gè)產(chǎn)品有做 Google PPC 廣告，可以使用 PPC 廣告中 CTR 最高的文案。

Google 也有建議是 Description 展示清晰、有價(jià)值的信息，比如：

<meta name="description" content="Written by A.N. Author,Illustrated by V. Gogh, Price: $17.99,Length: 784 pages">參考：https://developers.google.com/search/docs/advanced/appearance/good-titles-snippets

17. URL

理想的 URL 是包含產(chǎn)品名稱，而不是數(shù)據(jù)庫的 ID，來增加 URL 的可讀性。

另外還要避免 URL 中包含類目，因?yàn)楫a(chǎn)品可能出現(xiàn)在多個(gè)類目，導(dǎo)致 URL 的不唯一問題。

18. H 標(biāo)簽

• 標(biāo)題用 H1 標(biāo)簽，且醒目清晰，只有一個(gè)最好
• 各類子標(biāo)題用 H2 和其他標(biāo)簽

19. 開放圖譜 （Open Graph Tags ）

在網(wǎng)頁中添加開放圖譜標(biāo)簽（ Open Graph Tags ），比如產(chǎn)品名稱和縮略圖，當(dāng)用戶轉(zhuǎn)發(fā)產(chǎn)品到社交平臺(tái)時(shí)，將有更理想的展現(xiàn)方式。

20. 移動(dòng)的自適應(yīng)

確保移動(dòng)端的自適應(yīng)瀏覽，可以用 Google 的移動(dòng)設(shè)備適合性測(cè)試工具。

工具地址：https://search.google.com/test/mobile-friendly?hl=zh-CN

21. 相關(guān)產(chǎn)品推薦

展示相似、熱門的產(chǎn)品，可以讓用戶做產(chǎn)品比較，找到最適合的產(chǎn)品。

amazon 的核心優(yōu)勢(shì)之一就是相關(guān)產(chǎn)品推薦的算法。

22. 網(wǎng)頁速度

網(wǎng)頁速度越快，用戶的轉(zhuǎn)化率越高；網(wǎng)頁速度也是 Google 的排名因素之一。

另外，2021 年 6 月 Google 將把 3 個(gè)核心指標(biāo)加入到移動(dòng)端的排名因素中，這個(gè)可以重點(diǎn)關(guān)注下。

參考文檔

• 《Perfecting On-Page SEO for Ecommerce Product Pages – A Cheatsheet》 https://www.aira.net/blog/perfecting-on-page-seo-for-ecommerce-product-pages-a-cheatsheet