三組標籤的內容一定要一樣嗎？

不一定，但通常應該一致。搜尋結果與社群分享看到的是同一個頁面，標題與描述不一致會讓使用者困惑。若你想針對社群另外寫更吸引點擊的文案，把 og:title 與 og:description 改掉即可——工具產生的是起點，不是限制。

og:image 有什麼要求？

建議至少 1200×630 像素、比例 1.91:1，並使用絕對網址（含 https://）。相對路徑在多數社群平台會失效。另外建議加上 og:image:alt 說明圖片內容，工具已包含這個欄位。

SEO 工具 · 不對外抓取

Meta 標籤產生器

填一次表單，同時產生 SEO meta、Open Graph 與 Twitter Card 標籤。

輸入

標題

網址

描述

robots 指示

語系

社群卡片 · Open Graph / Twitter

網站名稱

分享圖片網址

圖片替代文字

Twitter 帳號

og:type

Twitter 卡片類型

產生的標籤

<title>線上工具箱｜Tooloo</title>
<meta name="description" content="在瀏覽器內完成常用計算與轉換，輸入不會離開你的裝置。" />
<meta name="robots" content="index, follow" />
<link rel="canonical" href="https://tooloo.app/zh-TW/tools" />

<meta property="og:title" content="線上工具箱｜Tooloo" />
<meta property="og:description" content="在瀏覽器內完成常用計算與轉換，輸入不會離開你的裝置。" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://tooloo.app/zh-TW/tools" />
<meta property="og:site_name" content="Tooloo" />
<meta property="og:locale" content="zh_TW" />
<meta property="og:image" content="https://tooloo.app/share.png" />
<meta property="og:image:alt" content="Tooloo 工具箱" />

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@tooloo" />
<meta name="twitter:title" content="線上工具箱｜Tooloo" />
<meta name="twitter:description" content="在瀏覽器內完成常用計算與轉換，輸入不會離開你的裝置。" />
<meta name="twitter:image" content="https://tooloo.app/share.png" />

使用說明

標題、描述、網址、圖片這些欄位在 SEO meta、Open Graph 與 Twitter Card 中大量重複，分成三個工具就得填三次同樣的內容還容易寫不一致。這裡填一次表單就同時產生三組標籤，並保持彼此一致。屬性值會做 HTML escaping，因此標題中的引號與角括號不會破壞標籤結構。

操作步驟

填入標題、描述與 canonical 網址。
填入分享圖片、網站名稱與 Twitter 帳號等選填欄位。
複製整段標籤貼進 head。

限制與說明

輸出為可直接貼進 head 的標籤；屬性值會 escaping，但不驗證圖片網址是否可存取。

隱私

貼上的 HTML、網址與文章只在這個瀏覽器內分析，不會上傳、不會保存，也不會寫進網址或紀錄。

常見問題

三組標籤的內容一定要一樣嗎？: 不一定，但通常應該一致。搜尋結果與社群分享看到的是同一個頁面，標題與描述不一致會讓使用者困惑。若你想針對社群另外寫更吸引點擊的文案，把 og:title 與 og:description 改掉即可——工具產生的是起點，不是限制。
og:image 有什麼要求？: 建議至少 1200×630 像素、比例 1.91:1，並使用絕對網址（含 https://）。相對路徑在多數社群平台會失效。另外建議加上 og:image:alt 說明圖片內容，工具已包含這個欄位。

← 所有 SEO 工具