Open Graph 標籤產生器
產生Open Graph中繼標籤,最佳化Facebook、Twitter和LinkedIn上的社群媒體分享預覽效果,支援即時卡片預覽
什麼是Open Graph中繼標籤?
Open Graph中繼標籤是HTML標籤,用於控制網頁在Facebook、Twitter和LinkedIn等社群媒體平台上分享時的顯示方式。它們定義了分享連結的標題、描述、圖片等屬性。
為什麼需要Open Graph標籤?
沒有OG標籤,社群媒體平台會隨機選取頁面內容,可能導致預覽效果不佳或資訊錯誤。OG標籤確保您的分享連結看起來專業且吸引人。
og:image推薦的圖片尺寸是多少?
推薦圖片尺寸為1200×630像素,最小為600×315像素。Facebook和大多數平台使用1.91:1的寬高比來顯示連結預覽。
Twitter卡片是否使用Open Graph標籤?
Twitter支援Open Graph標籤作為回退,但也有自己的twitter:card、twitter:title、twitter:description和twitter:image標籤。本工具同時產生兩種標籤以確保最大相容性。
必需的Open Graph標籤有哪些?
最低要求的OG標籤包括og:title、og:type、og:image和og:url。但強烈建議新增og:description以獲得更好的社群媒體預覽效果。
如何測試Open Graph標籤?
您可以使用Facebook分享除錯器、Twitter卡片驗證器或LinkedIn貼文檢查器來測試頁面分享效果。本工具也提供即時預覽功能。
Open Graph會影響SEO嗎?
Open Graph標籤不會直接影響搜尋引擎排名,但透過使分享連結更具吸引力來提高社群媒體點選率,從而間接有利於SEO。
什麼是og:type,有哪些可用值?
og:type定義分享內容的類型。常見值包括website、article、video、music、book和profile。選擇正確的類型有助於平台適當展示您的內容。
可以使用多個og:image標籤嗎?
可以,您可以指定多個og:image標籤。社群媒體平台通常會顯示第一張圖片,或允許使用者在分享時從所有可用圖片中選擇。
如何將Open Graph標籤新增到網站?
只需將產生的HTML中繼標籤複製並貼上到網頁的<head>部分。對於WordPress,可以使用Yoast或Rank Math等SEO外掛自動產生OG標籤。
Open Graph和Twitter Cards有什麼區別?
Open Graph由Facebook建立,被大多數社群平台使用。Twitter Cards是Twitter自己的規範,具有summary_card_with_large_image等額外功能。兩者可以共存。
如何在發佈前預覽Open Graph?
使用本產生器即時建立和預覽OG標籤。即時預覽準確顯示您的連結在Facebook、Twitter和LinkedIn上的展示效果。
如何使用Open Graph 標籤產生器
產生 Open Graph meta 標籤,讓頁面在 Facebook、X、LinkedIn 上正確顯示預覽卡片,並提供即時卡片預覽。標籤在瀏覽器本機產生,不會上傳任何內容。
- 在 og:url 欄位填入頁面網址,在 og:image 填入分享圖片,例如 https://www.localtoolz.com/image.jpg。
- 從 og:type 選項中選擇內容類型:website、article、product、profile、video.movie、music.song 或 book。
- 填寫 og:site_name 與 og:locale,讓卡片顯示品牌與語言。
- 文章類內容補充 article:published_time、article:modified_time、article:author、article:section 與 article:tag。
- 商品類內容設定 product:price:amount 與 product:price:currency,例如 29.99 與 USD。
- 從輸出區複製產生的標籤,貼到頁面的 <head> 中。
og:image 必須是絕對網址,建議 1200×630 像素——相對路徑會讓多數平台的預覽失效。
相關工具
- Meta標籤產生器 免費線上工具,生成SEO Meta標籤、Open Graph和Twitter Card標籤,即時預覽Google搜尋效果。
- Chmod 計算器 免費線上chmod計算器,透過核取方塊視覺化Linux檔案權限並計算chmod值。即時轉換數字(755, 644)和符號(rwxr-xr-x)表示法,支援setuid、setgid、sticky bit等特殊權限。
- ASCII碼表 完整的ASCII字元編碼參考表,包含十進位、十六進位、八進位、二進位編碼、HTML實體和字元描述。支援即時搜尋和篩選。
- HTTP 請求測試 在瀏覽器中直接測試 REST API。發送 GET、POST、PUT、DELETE 請求,自訂請求標頭、請求體和查詢參數,即時查看回應狀態、標頭和 JSON 內容。
- .htaccess產生器 產生Apache .htaccess規則,包括重新導向、重寫、安全標頭、快取、壓縮等。
- Robots.txt產生器 免費線上robots.txt產生器。建立和自訂robots.txt檔案,控制搜尋引擎爬取,管理爬蟲存取,透過視覺化編輯器優化網站SEO。
- 網站地圖產生器 免費線上XML網站地圖產生器。新增URL、設定優先級和更新頻率,在瀏覽器中即時建立SEO友好的網站地圖。
- Crontab 表示式解析 解析並解釋 cron 表示式。顯示人類可讀的排程描述和下次執行時間。