圖片預覽
加入 OG 圖片，檢查完整分享卡片的構圖。
若暫時沒有圖片，也可以先檢查標題層級、換行節奏與描述長度。
Open Graph 預覽器
先把標題、描述、網址與圖片整理好，再預覽分享卡片是否夠清楚，避免連結發出去後才發現資訊擠在一起。
Open Graph 欄位
左側調整 metadata，右側會即時更新卡片預覽與可複製的 meta 標籤。
建議短而明確。許多平台會在大約 60 到 90 字元附近開始截斷標題。
盡量用一句話說清楚核心價值，避免把太多重點塞進同一段。
可貼完整網址，也可直接貼網域；工具會先正規化後再輸出。
產生的 Meta 標籤
確認無誤後，可直接貼到頁面 head 或 CMS 的 SEO 欄位。
即時預覽
同時看寬版卡片與緊湊卡片，更容易檢查在不同分享情境下的可讀性。
標題字數
0
描述字數
0
圖片狀態
- 輸入你準備發佈的標題、描述、網站名稱、canonical 網址與圖片網址。
- 觀察大卡片與緊湊卡片的變化，確認同一組 metadata 在不同分享場景下是否都清楚易讀。
- 利用字數計數器檢查標題與描述是否過長，避免在社群平台或通訊軟體中被過早截斷。
- 若還在找方向，可以先套用範例，再逐步替換成自己的正式文案。
- 確認卡片表現後，複製產生的 meta 標籤，貼回頁面 head、CMS SEO 欄位或樣板系統中。
提示：這個工具模擬常見卡片形式，但各平台仍有自己的裁切、快取與截斷規則，所以它適合當作發佈前 QA，而不是像素級保證。
何時會用到此工具？
當你準備發佈活動頁、文章、產品頁或任何要被分享的網址時，這個工具可以幫你先確認 Open Graph 資訊在分享後是否清楚、有吸引力且不會太擠。
它會直接抓取線上頁面的 metadata 嗎？
不會。這個版本是純前端預覽工具，你可以先手動輸入想測試的欄位，因此即使頁面還沒正式上線，也能先檢查分享卡片。
為什麼最終分享卡片還是可能和這裡不同？
因為不同平台有自己的快取機制、裁切比例與文字截斷邏輯。這個工具能幫你先排除大部分可讀性問題，但最終樣式仍由平台決定。
og:title 和網頁 title 一定要一樣嗎？
不一定。很多團隊會保留較偏 SEO 的頁面 title，同時另外寫一個更短、更適合分享情境的 og:title。
og:image:alt 有必要填嗎？
建議填寫。這不只對可及性更友善，也能讓內容團隊在管理文章、活動圖與素材時養成更完整的 metadata 習慣。
這個工具適合哪些頁面類型？
適合文章、產品頁、活動頁、品牌介紹頁與個人頁面。你可以切換內容類型，快速生成相對應的 Open Graph 標籤。
QR Code
短網址
分享連結
2026-04-08
QR Code × 短網址：讓學生秒連工具的兩種方法
計時器、轉盤、計分板都備好了，但怎麼讓學生快速連上這些頁面？本文介紹 QR Code 產生器與短網址兩種工具，讓全班在 30 秒內各自連上指定頁面，不需要手動輸入落落長的網址。
圖片編輯
社群行銷
內容製作
2026-03-25
社群貼文圖片編輯全流程：尺寸規格、視覺一致性與輸出設定
想讓社群貼文更吸睛，不只靠設計感，更要掌握尺寸、構圖、色彩一致與輸出設定。本文整理一套可重複執行的圖片編輯流程，幫你穩定產出高品質內容。
圖片格式
JPG
PNG
2026-04-14
圖片格式怎麼選？JPG、PNG、WebP、GIF 完整比較指南
同樣是存圖片，為什麼 PNG 有時比 JPG 大好幾倍？什麼時候該用 WebP？GIF 是不是已經過時了？本文從壓縮原理出發，一次搞清楚主流圖片格式的差異與選擇邏輯。
Emoji
數位溝通
跨平台
2026-03-17
Emoji 完整指南：語意、禮儀與跨平台使用技巧
Emoji 不只是可愛圖示，更是現代文字溝通的重要語氣系統。本文帶你掌握 Emoji 的語意差異、職場禮儀、品牌內容策略，以及跨平台顯示注意事項。
PDF
文件整理
PDF 合併
2026-04-14
PDF 合併、分割、壓縮怎麼做？日常文件整理完整攻略
收到一大份 PDF 只需要其中幾頁？多份報告要整合成一份寄出？檔案太大無法上傳？本文拆解最常見的四種 PDF 操作，讓你不需安裝任何軟體也能搞定。
短網址
連結分享
行銷工具
2026-03-29
URL 太長怎麼縮短？免費工具與實用技巧整理
長網址容易斷行、難分享也不美觀。本文整理免費縮網址工具、挑選原則與安全注意事項，幫你快速把長連結變成好分享的短連結。