Meta tag 產生器

頁面上線前先整理搜尋摘要和社群預覽，再把標籤複製進建置結果。

基本資訊

18 / 60

建議長度：50 到 60 個字元

38 / 160

建議長度：150 到 160 個字元

用逗號分隔。不是 Google 主要排名因素，但在部分流程仍有用。

社群預覽欄位

建議尺寸：1200 × 630

產生的 HTML

<!-- Primary Meta Tags -->
<title>My Awesome Website</title>
<meta name="title" content="My Awesome Website" />
<meta name="description" content="The best place to find amazing things." />
<meta name="keywords" content="website, generator, tools" />
<meta name="author" content="" />
<meta name="robots" content="index, follow" />
<meta name="theme-color" content="#000000" />

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://example.com" />
<meta property="og:title" content="My Awesome Website" />
<meta property="og:description" content="The best place to find amazing things." />
<meta property="og:image" content="https://images.unsplash.com/photo-1555066931-4365d14bab8c?w=1200&h=630&fit=crop" />
<meta property="og:site_name" content="My Site" />

<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://example.com" />
<meta property="twitter:title" content="My Awesome Website" />
<meta property="twitter:description" content="The best place to find amazing things." />
<meta property="twitter:image" content="https://images.unsplash.com/photo-1555066931-4365d14bab8c?w=1200&h=630&fit=crop" />

Google 預覽

icon
My Site
https://example.com
My Awesome Website
The best place to find amazing things.

社群預覽

Preview
EXAMPLE.COM
My Awesome Website
The best place to find amazing things.

Meta tag 最佳實務

Title

請圍繞頁面真正的搜尋意圖寫 title。含糊 title 看似能套所有頁面，最後會讓每頁都不值得點。

Description

Description 不是排名捷徑，但常是使用者點擊前會讀的一行。請直接說出頁面承諾，避免只是重複 title。

Open Graph

Open Graph 標籤控制許多社群平台分享連結時使用的預設 title、description、網址和圖片。

Robots

謹慎使用 robots directives。noindex 可讓頁面不出現在搜尋中，nofollow 會影響 crawler 如何看待頁面連結。

Canonical 網址

把重複、帶追蹤參數或變體網址指回偏好的頁面，讓搜尋引擎理解哪個版本應承接訊號。

常見問題

Meta keywords 還重要嗎？

它們不是重要的 Google 排名因素，但在內部流程、次要搜尋引擎或結構化編輯規劃中仍可能有用。

如何確認 Open Graph tags 有作用？

可使用 Facebook Sharing Debugger 或社群卡片驗證工具，抓取並預覽實際 metadata。

這頁是 SEO 工具，為什麼 viewport 重要？

Viewport 本身不是 SEO 排名標籤，但它對手機渲染品質很重要，任何正式 HTML head 都應正確設定。

Google 會顯示我寫的 meta description 嗎？

不一定。搜尋引擎可能在頁面其他部分更符合查詢時重寫 snippet。清楚 description 在被採用時仍有幫助。

Title tag 應該多長？

沒有精確字元限制，因為搜尋結果以渲染寬度衡量，但 50 到 60 個字元對多數頁面是實用範圍。

準備把 metadata 更好的頁面發佈出去？

用 HTTPS、乾淨路由和邊緣傳遞部署頁面，讓你剛調好的 metadata 綁在真實可分享的網址上。

部署網站