ページを読み込んでいます
生成用於社群媒體分享的 OGP 標籤。支援 Facebook、X、LINE、LinkedIn 預覽。
輸入 OGP 所需的標題、描述、頁面 URL、網站名稱等資訊。
可以即時確認 Facebook、X、LINE、LinkedIn 的顯示預覽。
複製生成的 OGP 標籤，貼到 HTML 的 '<head>' 區段中。
<meta property="og:type" content="website" /> <meta property="og:locale" content="ja_JP" /> <meta name="twitter:card" content="summary_large_image" />
OGP 生成工具是一款可以輕鬆建立 Open Graph 標籤的線上工具，用於優化網頁在社群媒體分享時的顯示效果。可以在即時預覽 Facebook、X（Twitter）、LINE、LinkedIn 等主要社群媒體的顯示效果的同時，生成最佳的 OGP 標籤。
OGP（Open Graph Protocol）是 Facebook 制定的網頁元資料規格。用於在社群媒體分享 URL 時適當顯示標題、描述、圖片等。目前 Facebook 以外的 LINE、LinkedIn 等許多服務也支援。
Facebook/LINE 推薦 1200×630px，X（Twitter）推薦 1200×600px。最少使用 600×315px 以上的尺寸。圖片通常會從中心裁剪，建議將重要資訊放在中央。
如果沒有 Twitter Card 標籤，X（Twitter）會回退使用 OGP 標籤。但為了最佳顯示效果，建議兩者都設定。特別是卡片類型（summary / summary_large_image）是 Twitter Card 專用的設定。
社群媒體會快取 OGP 資訊。可以使用 Facebook 的 Share Debugger、X 的 Card Validator 清除快取。另外，請確認 og:url 和實際 URL 是否一致。
可以在本工具上預覽本地的 OGP 設定，但要使用實際的社群媒體 Debugger 需要頁面已發布。建議在開發中參考工具上的預覽，正式部署後使用各社群媒體的 Debugger 做最終確認。