Meta 標籤生成器
生成 title、description、keywords、Open Graph 與 Twitter 卡片標籤，附長度體檢與搜尋結果預覽。
長度體檢
標題 17 字元合適
標題建議 25–60 字元，超過約 580px 會被截斷
描述 51 字元合適
描述建議 60–160 字元，超過約 990px 會被截斷
搜尋結果預覽
Y在线工具
在线工具站 - 免费的开发者工具箱
收集常用的小工具：编码转换、格式化、加密、图片处理、网络测试等，全部在浏览器本地运行，不上传任何数据。
生成的標籤
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>在线工具站 - 免费的开发者工具箱</title>
<meta name="description" content="收集常用的小工具：编码转换、格式化、加密、图片处理、网络测试等，全部在浏览器本地运行，不上传任何数据。" />
<meta name="keywords" content="在线工具,开发者工具,编码转换,格式化,加密" />
<meta name="robots" content="index,follow" />
<link rel="canonical" href="https://example.com/toolkit" />
<meta property="og:title" content="在线工具站 - 免费的开发者工具箱" />
<meta property="og:description" content="收集常用的小工具：编码转换、格式化、加密、图片处理、网络测试等，全部在浏览器本地运行，不上传任何数据。" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://example.com/toolkit" />
<meta property="og:site_name" content="在线工具" />
<meta property="og:locale" content="zh_CN" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="在线工具站 - 免费的开发者工具箱" />
<meta name="twitter:description" content="收集常用的小工具：编码转换、格式化、加密、图片处理、网络测试等，全部在浏览器本地运行，不上传任何数据。" />從現有 HTML 反查
把頁面原始碼粘進標題下面的輸入框，可以提取已有的 meta 重新編輯
charset 必須放在 head 的前 1024 位元組內，否則瀏覽器要重新解析編碼，中文可能先閃一下亂碼。
Open Graph 決定連結被分享到微信、飛書、Twitter、Slack 時的樣子。og:image 必須是絕對地址——相對路徑在別人伺服器上找不到。
長度按字元數算（中文一個字算 1），但搜尋引擎按畫素截斷：中文約 16px、英文約 8px。同樣 60 個字元，中文會比英文早被截。
評論
還沒有評論，來說兩句吧