什麼是 Open Graph Meta Tag – 詳細概述
已發表: 2021-04-08想像一下——您已經在您的網站上創建了一個信息豐富的內容，並在社交媒體上分享了它。 現在你正在等待看到流量、喜歡和分享的增加。
我們希望就這麼簡單！
但事實並非如此！
您必須付出一些努力來增強共享帖子的外觀，以便人們點擊它並分享。 否則，在社交媒體上共享的數百萬內容池中，您的內容可能會丟失。
輸入 Open Graph 元標記，讓您更輕鬆！
如今，OG 元標籤非常流行。 想知道這些是什麼？ 閱讀博客到最後以獲得完整的概述。
什麼是開放圖元標記
OG 元標記是控制 URL 在社交媒體上的外觀的代碼片段。 它是 Facebook OG 協議的一部分，也被 LinkedIn 和 Twitter 等其他社交媒體平台使用。
使用 OG 標籤，您可以控制在共享頁面時信息如何從第三方網站傳輸到 Facebook。 這樣，您的帖子不會以像素化圖像或亂碼片段為特色，而是以有組織的方式提供信息。
這就是我們的博客為什麼選擇 Magento 進行電子商店開發在 Facebook 上帶有 OG 標籤的外觀：
使用哪些開放圖元標記
Facebook 在其官方文檔中列出了多達 17 個 OG 標籤。 我們為您提供了便利。 您只需要 5 個標籤即可告知 Facebook 您頁面的基本信息。 我們將在下面參考此博客討論這些：為什麼選擇自定義電子商務網站而不是現成的解決方案。
1. og:標題
句法：
<meta property=”og:title” content=”為什麼選擇自定義電子商務網站而不是現成的解決方案” />
這是您定義內容標題的地方。 它的作用與元標題標籤對搜索引擎結果頁面上的內容的作用相似。 如果 Facebook 在頁面上找不到 og:title 標籤，它會使用元標題。 您擁有對元標題和 og:title 使用不同標題的完全權利。 如果您想在社交媒體上為您的頁面提供一個引人入勝的標題並獲得更多點擊，您可以給它一個吸引人的標題。
雖然對字符沒有限制，但最好保持與元標題相同的限制：60 個字符以內。 如果標題超過 100 個字符，Facebook 會自動將其縮短為 88 個字符。保持標題足夠引人注目以觸髮用戶點擊。
2. OG：描述
句法：
<meta property=”og:description” content=”自定義電子商務網站或現成的解決方案 - 該博客提供了兩者之間的比較研究。 一探究竟。
這類似於元描述標籤。 它描述了您的內容的要點。 現在，與傳統的元描述標籤不同，它不會影響您的 SEO。 因此，與其尋找正確的關鍵字，不如注意使其吸引人，以吸引人們點擊它。
Facebook 在此部分最多可顯示 300 個字符。 但是，最好將內容限制為 200 個字符。 簡短明了的描述將幫助人們一目了然並單擊鏈接以了解更多信息。
3. OG:圖像
句法：
<元屬性=”og:image” 內容=”https://webguru-india.com/blog/wp-content/uploads/2021/03/Why_Choose_a_-Custom_Ecommerce_Website_over_A_Ready_Solution.jpg” />
圖片可以幫助您的內容脫穎而出並吸引人們的注意力。 OG 圖片標籤將確保在分享您的頁面或內容時顯示特定的縮略圖。
如果您不使用 og:image 指定圖像，Facebook 可能會顯示從頁面上抓取的廣告橫幅，或者根本沒有！ 這將嚴重影響內容，人們可能會滾動過去。
通常，任何知名社交媒體營銷機構的專業人員都會推薦 OG 圖片的分辨率為 1200×627 像素 [1.91:1 比例]。 此外，請確保圖像不超過 5MB 大小限制。
4. og:類型
句法：
<元屬性=”og:type” 內容=”文章” />
此標籤描述了您共享的對像類型：圖像、視頻或博客文章。 以下是內容類型的一些示例：
- 基於網站：網站、文章、博客
- 地方: 城市, 國家
- 業務：公司、餐廳、酒店
- 人物：演員、政治家、作家
- 娛樂：電影、遊戲、書籍、美食
和更多！
這個標籤起著重要的作用。 比如說，您的帖子是關於帶有“贊”按鈕的電影或書籍的。 它將確定內容是否會出現在用戶的興趣部分。
5. OG：網址
句法：
<元屬性=”og:url” 內容=”https://webguru-india.com/blog/why-choose-a-custom-ecommerce-website-over-a-ready-solution/” />
您可以在此處為要共享的特定頁面設置規範 URL。 這樣，您就可以定義一個所有喜歡和分享的頁面。 如果您有兩個或多個相同內容的 URL，這將非常有用。
請記住，您提供的 URL 不會顯示在 Facebook 新聞源中。 只有域名可見。
[在這裡，給出一個箭頭符號並寫下– og：title [為什麼選擇自定義電子商務網站而不是現成的解決方案]，og：image [圖像]，og：description [如果您計劃......使用h......]和og：網址 [webguru-india.com] ]
開放圖元標籤的優勢
為什麼要經歷實現OG標籤的麻煩？ 以下是數字營銷服務提供商在社交媒體上分享內容之前強調使用 OG 標籤的原因：
- 增強社交媒體帖子的外觀
使用 OG 標籤的首要原因是它可以幫助您創建有吸引力的帖子。 如果帖子上的圖像模糊或文字不吸引人，用戶就不太可能與內容進行交互。
OG 標籤可讓您完全控制內容的顯示方式。 您可以根據需要使標題和描述吸引人。 它有助於組織內容的所有元素並產生專業的外觀。 這反過來又推動了轉化。
- 提高 Facebook 搜索的可見性
OG 標籤可幫助 Facebook 了解內容的全部內容。 這反過來又有助於通過 Facebook 搜索提高您的品牌知名度。 另一方面，當人們在 Facebook 上搜索某些內容時，他們會先瀏覽一些結果，然後再點擊特定結果。 OG 標籤優化的內容更有可能吸引他們的注意力。
看看下面的圖片：
當搜索“移動應用程序開發過程”時，Facebook 會彈出我們的文章 Technical Insights in Mobile App Development Process，該文章使用 OG 標籤進行了優化。
此外，如果有人通過 Facebook Messenger、WhatsApp 或 iMessage 上的直接消息分享使用 Open Graph 元標籤優化的帖子鏈接，OG 標籤將有助於創建片段。
- 適用於各種平台
雖然 Facebook 推出了開放式圖表，但它現在被其他社交網絡平台使用，包括 Twitter、LinkedIn 和 Pinterest。 因此，您可以一次創建標籤並優化您在不同平台上的存在。
- 在 Google Discover 上優化品牌形象
Google Discover 是一款 AI 驅動的內容推薦工具，位於 Chrome 應用中的 Google 搜索欄下方。 它根據用戶行為推薦新聞、文章、視頻、廣告、現場體育比分等。 您可以在此處找到有關 Google Discover 的更多信息。
如果您想優化您的內容以便在發現提要中找到，OG 標籤可能會起到至關重要的作用。 這是一個有趣的事實。 Ahrefs 團隊最近注意到 Open Graph 元標記和 Google Discover 之間的關係。 他們發現 Google Discover 中出現了 og:title 中存在的錯字（“ink Building Case Study”）。 但是，文章的實際標題中沒有出現打字錯誤（“鏈接構建案例研究”）。
如何查看 OG 標籤
為了幫助您監控 OG 標籤，Facebook 有一個名為共享調試器的專用工具。 它有什麼作用？ 我們將在下面解釋。
當您鍵入要檢查的鏈接時，它會返回錯誤和 OG 標籤的相關建議（如果有）。 您可以根據需要檢查和修改圖像和描述。
此外，它還會清除 Facebook 緩存。 它為什麼如此重要？ 假設您在 Facebook 上發布了一個鏈接，然後在縮略圖中發現了一個錯誤。 因此，您返回對 OG 標籤進行必要的更改，然後再次將其發佈到 Facebook 上。
很有可能什麼都不會發生，縮略圖將保持不變。 功勞歸於緩存。 共享調試器會在您修改鏈接後完全刷新鏈接上的緩存。 所以每次在OG標籤中進行修改時一定要使用它。
是時候結束了
截至 2021 年 3 月，54.6% 的網站使用 OG 標籤。 這意味著幾乎一半的網站仍然沒有使用這些。 優化 OG 元標記可能需要一些時間，但值得一試。 這些標籤將幫助您從人群中脫穎而出，在 Facebook 搜索結果中提高知名度，並吸引人們的注意力和更多點擊。
在社交媒體上分享內容之前，您會使用 OG 標籤嗎？ 如果沒有，請盡快開始實施！