跳至主要內容
Lizely

Open Graph 生成器

產生四個必需的 Open Graph 屬性,以及經驗證的可選描述、網站名稱與地區設定,並以精確的 HTML 轉義處理,不進行平臺特定的猜測。

隱私權:你的檔案不會離開裝置,所有處理均在瀏覽器本機完成。

使用方式

  1. 1.請輸入準確的物件文字,選擇網站或文章,並提供公開的、無片段的頁面與圖片 URL。
  2. 2.產生必需與可選的 Open Graph 屬性,然後將協議專用區塊複製到標準頁面的標頭中。
  3. 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 被廣泛使用,但各服務可自行加上標籤、快取、裁剪與呈現規則。

SEO 與網站管理 使用指南

查看全部