什麼是Meta 標籤產生器？
Meta 標籤產生器為您的網頁建立完整的 HTML meta 標籤。輸入頁面標題、描述、關鍵字和社群媒體資訊，即可取得格式正確的 meta 標籤，有效提升搜尋能見度和社群分享效果。
填好頁面標題、描述(建議 155 字元左右,Google 顯示最好看)、關鍵字、作者、canonical、robots、viewport、charset,再補上 Open Graph(Facebook/LinkedIn)和 Twitter Card(X)欄位。輸出是可直接貼到 `<head>` 的 `<meta>` 與 `<link>` 標籤。複製到 HTML、Next.js metadata 或樣板 head 即可。
使用方法
- 填寫頁面標題、描述、作者和目標關鍵字，產生基礎 SEO meta 標籤。
- 新增 Open Graph（Facebook）和 Twitter Card 中繼資料——標題、描述、圖片 URL 和卡片類型。
- 複製完整的 meta 標籤 HTML 程式碼區塊，貼到網頁的 <head> 區段即可。
何時使用
- 上線前幫一個 HTML 著陸頁設齊 SEO 與社群分享的元資訊。
- 幫現有頁面健檢,把欄位貼回來看看哪裡缺、哪裡超長。
- 在需求文件中把 meta 標籤寫好,交給工程師接到 CMS 樣板。
結果
您即將上線一個產品頁面，需要設定 meta 標籤。將標題設為「無線降噪耳機」，撰寫一段 155 個字元以內的描述，並新增產品圖片 URL 作為 OG 圖片標籤。
常見問題
- 標題和描述到底寫多長最合適?
- 標題控制在 50–60 字元,描述 140–160 字元。Google 會截斷更長的標題,描述預覽寬度約 920 像素,正好對應這個字數。
- 現在還要 `<meta name='keywords'>` 嗎?
- Google 從 2009 年就忽略它,Bing 多半當作垃圾訊號。除非目標讀者用 Yandex 或百度(那邊還有一點權重),否則直接省略即可。
- og:title 和一般 `<title>` 有什麼差別?
- `<title>` 控制瀏覽器分頁和 Google 搜尋結果的標題;`og:title` 是 Facebook、LinkedIn、Slack 分享卡上的標題。兩者可以不同:社群標題俏皮,頁面標題偏關鍵字。
- Twitter card 該選哪一種?
- `summary_large_image` 預覽最大(1200×630 圖),適合多數文章和商品頁。短文字貼文選 `summary` 就好,縮圖也夠用。
- 加了 canonical 就能解決重複內容問題嗎?
- canonical 告訴搜尋引擎多個相似頁面中哪一個是正本,只是提示而非導向。再把內部連結和 HTTPS 統一,訊號才會足夠強。