一般工具 / 33

ShopifySEOMeta標籤與SERP預覽產生器

產生符合搜尋最佳化的Shopify標題標籤與中繼描述,提供像素寬度SERP預覽、可重複使用的Liquid及靜態HTML輸出。

ShopifySEOMeta標籤與SERP預覽產生器: TOEA會估算標題與描述的寬度(桌面版上限約為600px與960px),接著建立限定頁面類型的Liquid片段,在輸出時讀取Shopify物件。靜態HTML面板是此處輸入值的預覽,不是整個主題的取代方案。 全程在瀏覽器中於本機執行,檔案不會上傳至伺服器。

使用次數
在瀏覽器中
費用
免費・免註冊
可用狀態
可立即使用

Shopify 頁面與 Meta 詳細資料

僅用於靜態商品預覽。

Google SERP 卡片即時預覽

https://apexcoffeeroasters.myshopify.com› products ›-

手工製作的有機濃縮咖啡豆 | Apex Coffee Roasters

US$24.99 • 探索我們在地烘焙的小批次有機濃縮咖啡豆,品嚐濃郁的黑巧克力與榛果風味。立即在線上訂購新鮮咖啡!

標題像素寬度275px / 600px
35 字元 ✓ 符合標題長度範圍
Meta 描述寬度308px / 960px
47 字元 ✓ 最佳摘要長度
Shopify Liquid Meta 程式碼片段
靜態 HTML 預覽輸出

Shopify 已經在哪裡寫入這些標籤

大多數佈景主題,包括 Dawn 以及許多以它為基礎建立的佈景主題,已經會從 layout/theme.liquid 和類似 meta-tags.liquid 的片段輸出標題、meta description 和 Open Graph 標籤。再次加入這個片段會產生兩個標題和兩個描述。請針對片段涵蓋的頁面類型,將佈景主題原有的標籤註解掉或移除,再查看頁面原始碼,確認每種標籤只剩一個。

從管理介面設定標題和描述

Shopify 管理介面中的每個產品、商品系列和頁面,都有搜尋引擎結果列表區段;Liquid 會將這些值公開為 page_title 和 page_description。片段會先讀取這些值,因此在管理介面手動撰寫的列表內容,就是搜尋引擎看到的內容;留白的列表則會改用項目本身的標題和描述。之後若要變更列表,只需在管理介面編輯,不必修改佈景主題。管理介面的計數器允許標題 70 個字元、描述 320 個字元,超過結果頁面會顯示的長度,因此請搭配這裡的像素尺規撰寫列表內容。

產品描述可以比摘要長很多,搜尋引擎會直接將它截斷。上線後,請使用meta 標籤檢查工具檢查輸出內容。

使用方式

  1. 選擇商品、商品系列或頁面,然後輸入標題、商店名稱、描述及主要關鍵字。
  2. 查看頁面專屬的網址預覽、會依貨幣顯示的商品價格,以及像素寬度截斷測量。
  3. 將可重複使用的Liquid儲存為主題片段,並從layout/theme.liquid輸出;或複製獨立的靜態HTML輸出進行測試。

隱私與限制

您的商店與商品詳細資料完全留在瀏覽器中。

相關工具

常見問題

為什麼要用像素寬度,而不是字元數來測量標題?

Google會根據容器的像素寬度(約600px)截斷SERP標題,而不是依照精確的字元數。寬字元(「W」、「M」)比窄字元(「i」、「l」)佔用更多空間。

要在哪裡貼上Liquid片段?

將它儲存為例如snippets/toea-meta-tags.liquid的片段,然後在layout/theme.liquid的<head>內輸出該片段。它會在執行時讀取商品、商品系列、頁面、商店及貨幣物件,因此預覽值不會被寫死。請取代主題中重複的中繼資料,不要再加入第二個標題或描述標籤。

可以將靜態HTML輸出貼到theme.liquid嗎?

靜態HTML面板僅供預覽或受控測試使用。它包含您在此工具中輸入的值;若要用於正式主題,請使用可重複使用的Liquid輸出,讓每個頁面取得自己的Shopify資料。

免費工具・使用在瀏覽器中次・免註冊