分類: 開發工具
Meta 標籤產生器
產生標題、描述、Open Graph 與 Twitter 標籤
填入標題、描述與幾個社群欄位，即可產生頁面 <head> 中的 <title>、meta 描述、canonical 連結，以及 Open Graph 與 Twitter card 標籤。長度提示會標出 Google 可能截斷的標題或描述。全程在瀏覽器中完成。
HTML 標籤
<title>LocalTools — Free Privacy-First Online Tools</title> <meta name="description" content="Fast, free browser-based tools for developers and everyday tasks. Nothing you type ever leaves your device."> <link rel="canonical" href="https://uselocaltools.com/"> <meta property="og:title" content="LocalTools — Free Privacy-First Online Tools"> <meta property="og:description" content="Fast, free browser-based tools for developers and everyday tasks. Nothing you type ever leaves your device."> <meta property="og:type" content="website"> <meta property="og:url" content="https://uselocaltools.com/"> <meta property="og:site_name" content="LocalTools"> <meta property="og:image" content="https://uselocaltools.com/og-image.png"> <meta property="og:locale" content="en_US"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@uselocaltools"> <meta name="twitter:title" content="LocalTools — Free Privacy-First Online Tools"> <meta name="twitter:description" content="Fast, free browser-based tools for developers and everyday tasks. Nothing you type ever leaves your device."> <meta name="twitter:image" content="https://uselocaltools.com/og-image.png">
本頁的所有處理都在瀏覽器中完成，不會上傳任何內容。
這個工具能做什麼
搜尋引擎與社群網站會從頁面的 <head> 讀取一組固定的標籤：標題與描述用於搜尋結果，canonical 用來宣告首選 URL，Open Graph 與 Twitter card 標籤則決定連結被分享時的外觀。標題與描述的長度很重要，因為 Google 會重寫過長的標題並截斷過長的描述，而缺少 Open Graph 圖片會讓分享出去的連結只顯示成純文字，而不是卡片。
使用方式
- 輸入頁面標題、描述與 canonical URL。
- 補上網站名稱、Open Graph 圖片與 Twitter card 資訊。
- 查看標題與描述輸入框下方的長度提示。
- 把產生的標籤複製到頁面的 <head> 中。
隱私說明
本工具完全在你的瀏覽器中執行。輸入的內容不會被上傳、儲存或分享，關閉分頁就隨之消失。
常見問題
- 為什麼標題需要長度檢查？
- Google 通常只顯示標題前 50–60 個字元，超出部分會被截斷，還經常重寫它判定為與頁面或搜尋詞不夠相符的標題。把標題控制在這個範圍內，能讓你更能掌握它的呈現方式。
- 不填 Open Graph 圖片會怎樣？
- 大多數平台仍會產生卡片，但沒有圖片時通常只會顯示成較小的純文字連結預覽，而不是附圖的大卡片。
- 內容會被傳送到別處嗎？
- 不會。標籤完全依你的輸入在瀏覽器中組成，不會上傳或記錄任何內容。