關於Meta 標籤生成器
站長常說的 TDK，就是網頁的標題（Title）、描述（Description）和關鍵詞（Keywords）。新頁面上線、標題點選率低想重寫、給 CMS 設定模板時，都可以先用這個 Meta 標籤生成器寫好。輸入標題和描述，工具會同時顯示字元數和畫素寬度，並給出百度和谷歌搜尋結果的預覽，谷歌的預覽可以切換電腦和手機兩種樣式。谷歌按畫素寬度截斷標題，一個漢字比一個英文字母寬得多，只數字數容易超長，所以畫素寬度更有參考價值。標題或描述沒填會有提醒；填了關鍵詞，也會提示 Google 並不使用 keywords 標籤。
TDK 之外，還可以設定 canonical 規範網址、robots 指令（noindex、nofollow、nosnippet 等）、viewport、字符集、語言、作者和主題色。“搜尋引擎驗證”裡有 Google Search Console、Bing 網站管理員工具、百度搜尋資源平臺、360 站長平臺和搜狗站長平臺五個驗證欄，貼上平臺給的驗證碼或整段 meta 標籤都行，工具會自動取出驗證碼。“百度移動適配”預設勾選：禁止百度轉碼（no-transform、no-siteapp），並告訴百度頁面同時適配電腦和手機（applicable-device pc,mobile）。勾選“同時生成 Open Graph 和 X（Twitter）標籤”，分享標籤會寫進同一段程式碼，可以填網站名稱和分享圖片（建議 1200×630）。生成的是一段可以直接貼上到網頁 head 裡的 HTML，頁面上線後，可以用 Meta 標籤檢測核對線上網頁。整個過程在瀏覽器裡完成，還沒釋出的頁面標題也不會被上傳。
Meta 標籤生成器怎麼用
- 1寫標題
輸入網頁標題，對照字元數、畫素寬度和搜尋結果預覽調整，預覽可切換電腦和手機。
- 2寫描述和關鍵詞
用一兩句話概括頁面內容，關鍵詞寫幾個核心詞即可。
- 3補充其他標籤
按需填寫 canonical、robots 等標籤，貼上各站長平臺的驗證碼，保留百度移動適配，需要時勾選 Open Graph。
- 4複製 HTML
把生成的程式碼貼上到網頁的 head 裡，或者放進 CMS 模板。
為什麼用熊仔工匠
- 字數畫素雙計數
標題和描述同時顯示字元數和畫素寬度，更接近谷歌截斷的方式，預覽可切換電腦和手機。
- 站長平臺驗證
百度、360、搜狗、Google、Bing 的驗證標籤，貼上驗證碼或整段 meta 標籤都能識別。
- 百度移動適配
預設生成禁止轉碼和 applicable-device 標籤，告訴百度頁面在電腦和手機上都能瀏覽。
- 分享標籤一起生成
可同時生成 Open Graph 和 X（Twitter）標籤，填上網站名稱和分享圖片即可。