Shopify SEO · 商品探索
Shopify Metaobjects 形象書圖片 SEO 檢查清單（為商品探索）
如何讓用 Shopify metaobjects 製作的形象書圖片更容易被發現。涵蓋描述性 alt 文字與檔名、伺服器端渲染、可被抓取的「選購這套」商品連結、metaobject 頁面中繼資料、圖片結構化資料、常見錯誤與衡量計畫。
快速答案
用 Shopify metaobjects 製作的形象書，只有在圖片以可被發現的內容形式渲染時，才有助於商品探索：包含商品名稱的描述性 alt 文字、上傳前設定的描述性檔名、從每套造型連到其商品頁的可被抓取「選購這套」連結，以及讓爬蟲看得到的伺服器端渲染標記。Metaobject 是容器，圖片與連結的整備才是訊號。
什麼是 metaobjects 形象書，SEO 又從哪裡流失
Shopify metaobjects 是自訂內容結構，很適合形象書 — 每套造型都有風格化圖片、簡短說明與所含商品。問題在於 SEO 訊號藏在容易被略過的細節：各圖片的 alt 文字與檔名、商品是否被連結，以及這些是否出現在爬蟲讀取的 HTML 中。Metaobject 圖片會渲染成一般的 img，因此 Google 的圖片指南會像對待商品照片一樣適用。
Shopify Metaobjects · Google Images SEO · Google Crawlable Links
可被抓取的「選購這套」連結是探索引擎
裝飾性形象書與探索表面之間最大的差別，在於每套造型是否以真正的錨點（帶 href 的 a 元素）連到商品。Google 只會跟隨可被抓取的連結。只觸發 JavaScript 點擊處理的熱點無法被抓取，因此即使對使用者有效也不會傳遞探索價值。在 metaobject 上建立商品參照欄位，讓範本能渲染這些連結，並撰寫包含商品名稱的描述性錨點文字或 alt。
形象書圖片 SEO 檢查清單
每一列都是針對 metaobject 中每套造型要確認的項目。越前面的項目越容易讓你流失探索。
| 元素 | 建議做法 | 避免做法 |
|---|---|---|
| 造型圖片 alt 文字 | 描述場景並列出畫面中的商品名稱 | alt 留空／自動沿用檔名 |
| 圖片檔名 | linen-blazer-tan-trouser-studio-lookbook.webp | 直接用拍攝的 IMG_4821.JPG |
| 「選購這套」商品連結 | 連到每個商品頁的真正 a href 連結 | 沒有連結的平面圖／只有 JS 的熱點 |
| 伺服器端標記 | 含寬高與連結、由伺服器渲染的 img | 僅由 Storefront API 在前端渲染 |
| Metaobject 頁面中繼資料 | 描述性標題、meta description、自我參照 canonical | 佈景主題預設標題／沒有描述 |
| 圖片尺寸與格式 | 適當尺寸的 .webp 並設定寬高 | 未設寬高的超大原圖 |
製作流程
- 建立形象書 metaobject 結構（標題、造型圖片的 File 欄位、說明、商品參照欄位）。
- 在加入 metaobject 之前，先為每張圖片設定描述性檔名與 alt 文字。
- 用商品參照欄位把每套造型連到其商品，讓範本能渲染連結。
- 輸出為含寬高、由伺服器渲染的圖片，並渲染連到每個商品頁的真正 a href 連結；確認 JavaScript 執行前標記就已存在。
- 給形象書一個可被抓取的 URL，設定描述性標題、meta description 與自我參照 canonical，並納入導覽與 sitemap。
常見錯誤
- 把整套造型壓成一張沒有連結的圖片。
- alt 留空或只是沿用檔名。
- 在 headless 構建上只做前端渲染。
- 用只有 JS 的熱點而非真正的連結。
- 形象書 URL 沒有中繼資料或 sitemap 登錄。
- 把 metaobjects 當成神奇的 SEO 功能。
常見問題
Shopify metaobjects 本身會幫助 SEO 嗎?
本身不會。Metaobjects 是內容結構，效益來自其內容如何渲染。當圖片有描述性 alt 與檔名、「選購這套」連結是真正可被抓取的錨點，且整體以伺服器端渲染時，形象書才會對排名與探索有貢獻。
形象書圖片的 alt 文字在哪裡?
在 Shopify 上的圖片本身，以及佈景主題渲染 metaobject 的 File 欄位時所輸出的內容。請在上傳前或上傳時設定描述性 alt，並確保範本會渲染該 alt 而非留空。就像商品照片的 alt 一樣，描述場景並列出商品名稱。
Metaobject 形象書可以有自己的 URL 嗎?
可以。啟用 storefront access 並加入對應的佈景主題範本後，Shopify 可為符合條件的 metaobject 項目提供自己的頁面。有了 URL 後，請把它當作可索引頁面：描述性標題、meta description、自我參照 canonical、內部連結與 sitemap 登錄。請依 Shopify 說明中心確認最新做法。
產生形象書需要的生活風格照片
形象書需要為每套造型準備風格化、符合品牌的影像。Prodofoto 可從一張乾淨的商品照片產生多張 Shopify 適用的生活風格圖片，讓你不必重新拍攝就能用描述性、命名良好的圖片填滿 metaobject 形象書。
在 Shopify 安裝 Prodofoto