Open Graph 生成器
產生四個必需的 Open Graph 屬性,以及經驗證的可選描述、網站名稱與地區設定,並以精確的 HTML 轉義處理,不進行平臺特定的猜測。
隱私權:你的檔案不會離開裝置,所有處理均在瀏覽器本機完成。
使用方式
- 1.請輸入準確的物件文字,選擇網站或文章,並提供公開的、無片段的頁面與圖片 URL。
- 2.產生必需與可選的 Open Graph 屬性,然後將協議專用區塊複製到標準頁面的標頭中。
- 3.檢視實際交付的原始碼,並使用各目標平臺的當前預覽偵錯工具,檢查抓取存取、圖片處理與快取更新行為。
關於Open Graph 生成器
Open Graph 生成器會產生協議元資料,用以描述網頁為可分享的圖形物件。請輸入標題、物件型別、標準物件 URL 與圖片 URL,並可選擇性地加入描述、網站名稱與地區。該工具會以穩定順序返回屬性基於的元標籤,所有運作皆在瀏覽器中完成。
公開圖表協議定義了四個基本的必須屬性:og:title,og:type,og:image和og:url. 發電機總是首先發射這些.標題命名物件,型別分類它,圖片提供代表性的視覺和 URL 識別永久物件. 缺失任何所需的值區塊輸出而不是建立一個不完整的預覽區塊.。
可用的物件型別刻意限制為網站與文章。該協議生態系統還包含音樂、影片、個人檔案及其他結構化型別,並各自有其必需或可選屬性。若提供通用的自由文字型別,將導致表單產生不受支援的組合,而無對應的結構化欄位。若物件需要更豐富的型別,應使用專門的實作。
頁面與圖片欄位必須是完整的 HTTP 或 HTTPS URL,且不得包含內嵌認證資訊或片段識別碼。瀏覽器的網址解析器會將其正規化。不含片段的物件 URL 可避免同一資源的分享資料因用戶端錨點而被分散;拒絕認證資訊則可避免把使用者資訊複製到公開中繼資料。此工具不會擷取這兩個 URL 的內容。
圖片 URL 應指向一個公開可達的圖片,且目標分享服務能抓取該圖片。此生成器無法驗證 HTTP 狀態、MIME 型別、尺寸、位元組大小、長寬比、重導、robots 控制、認證或平臺快取狀態。各社交服務會依據自身需求處理圖片,並可能在元資料變更後仍顯示較舊的快取預覽。
可選的 og:description 用以總結物件,og:site_name 用以命名較大網站,og:locale 則使用語言_地區格式,例如 en_US。該地區驗證器刻意接受一種保守的兩字母語言與兩字母地區組合。其他地區與指令碼子標記需要額外的協議屬性與編輯決策,這些均超出本專注表單的範疇。
文字會被截斷、長度限制,若包含控制字元則被拒絕,並會為 HTML 屬性進行轉義。連線號、引號與大括號不得破壞產生的元標籤。物件型別在執行時會再次驗證,即使介面使用下拉選單,此舉可保護純邏輯輸入免受變更或程式化輸入的幹擾。
輸出遵循 Open Graph 屬性語法,而非名稱語法。請將元標籤放入標準頁面的 HTML 頭部。請勿以可見文字形式呈現,也不要再次編碼整個區塊或透過框架與外掛重複輸出。請檢視實際交付的原始碼,因為建置工具可能重新排序、覆蓋或新增衝突屬性。
此工具不會產生 Twitter Card 元資料。平臺可將部分 Open Graph 屬性作為備用,但 Twitter 或其他服務特定標籤與驗證規則仍為獨立事項。維持協議分離,可讓複製結果可追蹤審核,並避免假設跨平臺欄位被誤認為標準需求。
八個協議測試案例涵蓋所有四個必需屬性、三個可選屬性以及文章型別。額外測試會確認精確的 HTML 轉義與穩定的屬性數量,然後拒絕包含憑證的 URL、非網頁圖片方案、錯誤的地區設定、變更的物件型別與控制字元。瀏覽器驗證會填入實際表單並證明剪貼簿輸出結果。
一個有效的 Open Graph 區塊不能保證分享時的顯示效果。分享系統可能裁剪圖片、截斷文字、忽略欄位、選擇快取資料或套用帳號層級政策。發布後應使用各平臺的當前偵錯工具或分享檢視功能檢查抓取存取、圖片處理與快取更新行為。公開頁面必須維持對爬蟲的可訪問性。
撰寫與可見內容相符的元資料。誤導性的標題、描述或圖片可能讓訪客失望,並損害信任,即使獲得點選。發布後,應比較原始碼、抓取的圖片回應與即時平臺預覽,並在頁面變動或身份改變時,同步更新所有呈現方式。
方法與來源
必須在執行時驗證 Open Graph 欄位,頁面與圖片位址會轉換為無片段、無憑證的 HTTP(S) 位址,選用文字與保守性語言設定會被限制範圍,所有屬性值會經由轉義處理,且屬性會依照要求優先順序穩定序列化。
常見問題
- 為何僅提供網站與文章型別?
- 其他物件型別需要額外的結構化屬性;限制表單可避免產生不完整的型別特定元資料。
- 工具會檢查我的圖片尺寸或可用性嗎?
- 不會。它僅驗證 URL 的結構,不會實際取得;請分別驗證狀態、MIME 型別、尺寸與平臺需求。
- 這些標籤會控制所有社交平臺嗎?
- 不會。Open Graph 被廣泛使用,但各服務可自行加上標籤、快取、裁剪與呈現規則。
相關工具
- Meta Tag 產生器產生一個乾淨且經轉義的基礎 HTML 標籤區塊,包含字元編碼、視窗設定、標題、描述以及可選的作者元資料,同時將專門的 SEO 與社交標籤分離處理。
- 字元標籤產生器將你偏好的絕對 HTTP 或 HTTPS URL 轉換為 HTML-轉義的 rel=canonical 連結元素,並依照瀏覽器標準進行正常化與片段移除。
- Schema Markup 生成器根據頁面中可見的資訊,產生 WebSite、文章或組織型別的 escaped JSON-LD script 模板。
- URL 解析器將一個絕對的 HTTP 或 HTTPS URL 分解為標準化且安全處理資格的組成部分,並以有序查詢引數呈現,所有操作皆在瀏覽器端完成。
- ads.txt 產生器以明確授權賣方資料建立符合標準形狀的 ads.txt,包含嚴格欄位驗證、重複防護與可直接下載的檔案。
- AI Bot Robots.txt 檢測器在你的瀏覽器中,將一個 robots.txt 檔案對照 32 AI 與 AI 相關爬蟲產品字元,並符合 RFC 9309 的匹配規則,完全進行分析。
SEO 與網站管理 使用指南
查看全部- Facebook Graph API Key for Share Previews: The Real Answer (英文原文)
- Skip the Facebook Graph API Access Token Step (英文原文)
- How to Get Facebook Graph API Access for Shares (英文原文)
- How to Create an Open Graph Image URL That Renders Correctly (英文原文)
- Create Facebook Graph Metadata With Open Graph Tags (英文原文)
- Keyword Density Checker API Alternative Without Uploads (英文原文)
- JOIN Keyword Lists Like SQL Tables: Build Every Pair (英文原文)
- Compare Approaches to Measure HTML Page Weight with an Analyzer (英文原文)
- Hreflang Generator Explained: What It Builds and Why (英文原文)
- Email Obfuscator Bulk: Safe Workflow for Many Addresses (英文原文)
- Canonical Tag Generator Explained: How It Works (英文原文)
- SERP Snippet Preview Tool: Command Line vs Online Compared (英文原文)
- Bulk URL Generator for Large Text: Up to 10,000 URLs (英文原文)
- Bulk QR Code Generator API Alternative: Up to 20 PNGs (英文原文)
- Barcode Generator API Alternative: Skip the Server Calls (英文原文)
- How to Verify Results From an AI Bot Robots.txt Check (英文原文)
- Ads.txt Generator Alternative With Strict Validation (英文原文)
- Create UTM Links in Shopify for Accurate Campaign Tracking (英文原文)
- How to Read JSON-LD Checker Results After Extraction (英文原文)
- Extract Links From a Sitemap for Audits and Migrations (英文原文)