什麼是OG / Meta Tag 預覽器?
OG / Meta Tag 預覽器是一個FB / LINE / Twitter / Google 四平台即時預覽的免費線上工具。Open Graph Meta Tag 產生器 + 即時預覽:同時看 Facebook、LINE、Twitter/X、Google 搜尋結果的分享卡片樣貌,字數自動檢查。
這個工具可以做什麼
- 4 平台即時預覽
- 字數自動檢查
- 一鍵複製 meta tags
- 支援 og:image 預覽
誰適合用
台灣的電商賣家、品牌行銷人員與接案行銷人。這支是純計算工具,不需要登入也不消耗 AI 額度,打開就能用。 完整教學在 OG / Meta Tag 預覽器使用教學,含操作步驟與實際情境。
👀 OG / Meta Tag 預覽器
FB / LINE / Twitter / Google 四平台即時預覽
輸入 Meta 資料
預覽
產出 Meta Tags
<!-- Open Graph / Facebook / LINE --> <meta property="og:type" content="website"> <meta property="og:locale" content="zh_TW"> <!-- Twitter --> <meta name="twitter:card" content="summary_large_image">
常見問題
OG tag 對 SEO 有什麼幫助?
OG tag 讓社群平台(FB/LINE/Twitter)正確顯示分享卡片,有好看的預覽圖和標題就能大幅提升點擊率。雖然 OG tag 不是 Google 排名因素,但好的 CTR 間接幫助 SEO。
為什麼我的 FB 分享沒顯示 OG 圖?
三個常見原因:(1) 圖片尺寸不是 1200×630 或太小(FB 最低 600×315);(2) 圖片被 robots.txt 擋住;(3) FB 有快取,可到 FB Sharing Debugger 手動重新抓取。
OG 圖片建議尺寸是多少?
1200×630(比例 1.91:1)最通用,適合所有平台。LINE 建議 400×400 以上,Twitter summary_large_image 建議 1200×600。如果只有一張,用 1200×630 即可。
標題和描述字數超過怎麼辦?
超過會被截斷顯示「...」。FB 標題建議 60 字內,LINE 更嚴格只建議 50 字內。本工具會即時標示超過上限的狀態,依你鎖定的主要平台微調。
Meta tag 要放在哪裡?
複製完整 meta tags,貼到 HTML 的 <head> 內任何位置皆可,建議放在 <title> 附近方便管理。每個頁面 meta 內容要針對該頁調整,不要所有頁面共用。