你的 CSS 產品頁面必須與提交至 Google 的產品資料相符。建議提供高品質的內容和價格比較資訊，這樣更能吸引消費者。
本文將說明 CSS 產品頁面的定義、規定和最佳做法。
本文內容
注意事項
成功的 CSS 產品頁面和 CSS 合作夥伴會提供優質體驗，讓消費者安心搜尋產品。
消費者相信點按 CSS 連結後會前往產品頁面，且其中顯示不同商家的產品。在 Google 上顯示的產品價格必須與商家提供的資訊一致。
如何提交 CSS 產品頁面
你可以透過下列屬性提交 CSS 產品頁面的網址：
- CPP 連結
[cpp_link]會將消費者帶往 CSS 產品頁面。 - CPP 行動連結
[cpp_mobile_link]會將消費者帶往針對行動裝置最佳化的 CSS 產品頁面版本，消費者的行動裝置 (如手機或平板電腦) 上會顯示這個行動版本。
基本規定
如要在 Google 上顯示 CSS 產品頁面，請確認符合下列規定。
清楚呈現產品和優惠資訊
- 提交的產品頁面必須符合以下條件：
- 位於 CSS Center 已連結的網域。請勿自動將消費者重新導向至其他網域。
- 醒目顯示單一產品及其說明。
- 含有產品價格和販售狀況，且至少需有 2 個獨立商家供貨，可讓消費者立即在線上購買這項產品。
- 請確認下列事項：
- CSS 產品頁面和商家產品頁面中的產品，與你提交的產品資料相似。名稱、說明和圖片不必與產品資料中的內容完全相同。
- CSS 產品頁面中的價格和販售情況必須符合商家產品頁面上的資訊。
- 注意：如果國家/地區規定產品價格必須包含稅金，就必須在 CSS 產品頁面上標示含稅價格，並在產品資料中提交相同的價格。
- 消費者能以 CSS 產品頁面中顯示的價格向商家購買產品。也就是說，消費者可成功將產品加入購物車並收貨。
- CSS 產品頁面中的連結必須直接連至商家的產品頁面，方便消費者購買產品。
- 確保頁面顯示產品的能源效率等級資訊 (如適用)。
- 避免使用會遮住網頁關鍵元素的版面配置。舉例來說，彈出式視窗或橫幅不應遮住消費者所需的重要資訊。
- 注意：當地法律可能對某些產品設下規定，消費者必須先前往其他網頁，才能開啟你的產品頁面。舉例來說，你可能需要先確認使用者的年齡，只有符合資格的使用者才能進入你的網站。使用者離開驗證網頁後，便會抵達你的產品頁面，請確保該頁面符合本文所述規範。
提示
如果到達網頁會顯示彈出式視窗 (例如請使用者訂閱電子報或設定語言偏好)，請確認彈出的方塊可以關閉，而且不會遮蓋產品詳細資料。
醒目顯示主打商品
主打商品會在產品頁面上醒目顯示或顯示為前 3 項，系統還會同時提供不同商家的價格和販售狀況。
- 提交醒目顯示主打商品價格的產品頁面。如果某商家的產品價格符合主打商品價格，請在產品頁面中醒目顯示或優先顯示該商家。進一步瞭解主打商品價格
[headline_offer_price]屬性 - 確保消費者可在網路上向醒目顯示的商家購買產品。也就是說，消費者可成功將產品加入購物車並收貨。如果主打商品缺貨中，請更換主打商品。
- 確保主打商品狀況與產品資料相符。進一步瞭解主打商品狀況
[headline_offer_condition]屬性
在不同地區顯示一致的內容
範例
假設你是位於德國的 CSS。你在產品資料中標示產品在德國展示，並以歐元提交價格，使用的語言是德文。
現在，你想要提交沙發的 CSS 產品頁面。如果消費者從波蘭造訪你的 CSS 產品頁面，該頁面必須顯示相同的沙發，包括產品的所有主要元素和商家優惠。
具體來說，CSS 產品頁面必須：
- 顯示沙發的圖片
- 列出在德國販售的商家
- 使用相同的價格
- 使用德文
- 使用歐元做為貨幣
- 無論在任何地區，CSS 產品頁面內容都必須保持一致。如果你通常會根據使用者的 IP 位置或其他因素變更網站內容，可以小幅調整內容，例如更改產品順序。
- 顯示的語言必須和產品資料的語言相同。即使是擁有多個官方語言的國家/地區，也請確保產品在網站上和產品資料中顯示的語言相符。舉例來說，如果你在波蘭展示產品，就不能提交英文產品資料，且須以波蘭文顯示 CSS 產品頁面。
- 顯示的所有價格貨幣皆須與產品資料相符。
- 在單一國家/地區內的所有區域顯示相同價格。
- 你提交及刊登的所有價格和其他資訊皆應符合當地法規。
確認網頁可正常運作
- 確定 CSS 產品頁面已確實上線，不得處於尚未完工的狀態，或是顯示「404」這類錯誤。
- 使用到達網頁，而非檔案或電子郵件。請勿連結至圖片、音訊檔案、影片、文件或 PDF。
- 為行動裝置和平板電腦使用者提供行動版到達網頁。請勿使用可能無法在所有行動裝置上正常運作的設計元素，例如 Flash、Silverlight 或 ActiveX。
- 提供「返回」按鈕。請確保消費者造訪 CSS 產品頁面後，能點按瀏覽器的「返回」按鈕，回到先前的網頁。
- 只連結至與你 CSS Center 中的網域。請勿自動將使用者重新導向至非屬 CSS Center 中網域的其他網站。
最佳做法
- 在 CSS 產品頁面網址中，預先選取正確的產品子類。如果產品有子類 (例如顏色、尺寸、圖案、材質或其他特製設計)，請確認子類符合 CSS 產品頁面上的產品資料。
- 一併提交 CPP 行動連結
[cpp_mobile_link]屬性和 CPP 連結[cpp_link]屬性，以針對行動裝置提供不同的到達網頁。 - 盡量避免使用重新導向功能。重新導向功能會拉長使用者點按產品資訊到載入 CSS 產品網頁之間的時間。強烈建議不要使用 http 302 以外的重新導向方法，例如 JavaScript 和中繼標記。
其他指南
請詳閱以下各個段落的產品類型說明並遵守相關規定，確保你的產品頁面可以為消費者提供絕佳體驗。你可以在 CSS Center 中，查看所有問題或產品廣告遭拒登的快訊。
展示大量銷售的產品
在產品頁面中列出所售商品的最低購買數量總價，或是每單位價格與最低購買數量。最低購買數量乘上單位價格的值，必須與你在產品資料中提交的價格相符。
展示手機或平板電腦
使用網址參數來預先選取手機子類。如果消費者可以在同一個產品頁面選取多種手機子類，建議調整網址設定，向消費者顯示正確的子類。舉例來說，子類可能會有不同的顏色選項、儲存空間和定價模式。注意：網址參數為選填項目，不過能以極有效率的方式將使用者帶往正確的頁面。