所有你需要知道的關於Facebook開放圖標籤和Twitter卡為您的博客

所有你需要知道的關於Facebook開放圖標籤和Twitter卡為您的博客




SEO觀點:

如果你是新來的,你可能想訂閱我們的 RSS訂閱 。 感謝造訪!

要在社交媒體上充分利用您的博客內容,請設置正確的內容 打開圖表和Twitter卡標籤 是必不可少的! 他們最適合用有趣的圖像,標題和描述顯示您的博客文章,並吸引新讀者和潛在客戶訪問您的網站。 但到底是什麼 打開圖表和Twitter卡標籤 以及如何將它們用於您的博客?

請繼續關注您需要了解的一切 OG和Twitter卡片標籤 為你最喜歡的網絡!

為什麼我需要Open Graph和Twitter Card標籤?

每個社交媒體經理和博主都知道,您的內容引人注目的圖片和正確的帖子格式是您在社交媒體上的頭號貨幣。 但是,經過幾個小時的寫完完美的博客文章和設計一個引人注目的特色圖像,我們都經歷了一個不受歡迎的陷阱。 您最終在狀態更新中復制粘貼博客帖子鏈接的那一刻,圖像太模糊,太小或根本沒有!

當您的目標是在社交媒體上宣傳您的文章並積極與您的社區互動時,那就是您的營銷潛力何時消失。 可能的情況是,即使是最忠誠的粉絲或有影響力的人,如果看起來不對勁,也會阻止分享或推薦您的內容!

借助Open Graph或Twitter Card Meta Tags,您可以控制您的博客帖子,幫助內容和商業新聞在社交Feed上的顯示方式。

Open Graph和Twitter Card標籤究竟是什麼?

為了改善第三方網站在其新聞Feed中的整合,Facebook於2010年推出了所謂的Open Graph協議.Open Graph Tags是一組自定義元標記,可將任何網站轉換為豐富的圖形對象,類似於其他網站 你在新聞源上看到的Facebook對象。 通過將開放圖形標記添加到網站的代碼中,您可以控制博客文章中的哪些元素(圖像,視頻,描述等)在Facebook鏈接預覽中顯示以及如何顯示。

其他社交網絡,如LinkedIn,Google +或Pinterest,已經改編了Facebook的Open Graph標籤。 Twitter提出了這些社交元標記的自有版本,稱為Twitter卡。 Twitter卡幾乎像Facebook的OG標籤一樣工作。 事實上,如果Twitter找不到任何Twitter Card標籤,它將使用OG標籤提供的信息來創建鏈接預覽。

在查看您網站的源代碼時,您可以輕鬆識別Open Graph或Twitter Cards Meta標籤。 兩種社交元標記都位於HTML中

元件。

Open Graph和Twitter Card標籤:博客帖子的Header元素中的社交元標籤

我的博客最重要的Open Graph和Twitter Card標籤是什麼?

最重要的Open Graph或Twitter Card Meta標籤是確定鏈接預覽中顯示的圖像,標題和描述的標籤。 此外,您可以提供有關您正在共享的內容類型的額外信息,或者在Twitter卡的情況下,您可以提供您希望如何顯示的內容。

如果你已經知道,你想在你的博客文章中實現哪些OG或Twitter卡片標籤但不知道如何,你可以直接跳到這篇文章的底部,我會告訴你最簡單的方法。

Facebook和Twitter帖子的重要開放圖和Twitter卡標籤

  • og:image – 要在鏈接預覽中顯示的圖像
  • og:title – 您希望它在鏈接預覽中顯示的標題
  • og:description – 您的博客文章或內容的200個字符摘要

Open Graph和Twitter Card標籤:Facebook的開放圖形標籤

  • twitter:image – 要在鏈接預覽中顯示的圖像
  • twitter:title – 您希望它在鏈接預覽中顯示的標題
  • twitter:description – 您的博客文章或內容的200個字符摘要

Open Graph和Twitter Card標籤:Twitter的Twitter卡標籤

og:image&twitter:圖像元標記

圖像標籤是最重要的OG和Twitter卡標籤,或者至少是最明顯的,如果設置不正確的話。 這是OG和Twitter Card標籤負責正確的圖像信息。 如果你想引起讀者的注意,那麼正確的形象最有可能。 Facebook和Twitter抓取您網站的代碼以搜索圖像以引入自動生成的鏈接預覽。

如果您沒有設置任何og:image標籤,Facebook將隨機拍攝它找到的第一張圖片。 如果缺少twitter:image標籤,Twitter可能不會顯示任何圖像。 這通常會導致公司徽標顯示而不是您帖子的正確特色圖像。

例:

og:title&twitter:title元標記

每個好的社交媒體帖都需要一個有趣且引人注目的標題。 這正是如此 og:title和twitter:title標籤 是為了。 它為Facebook和Twitter或任何其他網絡提供所有必要的信息,以在博客文章的自動生成的鏈接預覽中顯示粗體標題。

og:title標籤與常規元標題標籤的工作方式類似,如果是這樣,它通常用作替代品 打開圖形標記 不見了。

例:


og:description&twitter:description元標記

此外,您的帖子應該顯示您的博文或共享網站的所有內容。 此Open Graph或Twitter Card標記與常規HTML標記非常相似,但是,這個小片段不會顯示在Google搜索結果中,而是顯示在生成的鏈接預覽中。
嘗試用幾個詞來總結你的文字,讓你的讀者註意力聽起來很有趣,但不要超過200個字符! Facebook和Twitter都不會比前兩行顯示更多。

與實際描述標籤相比,您也不必擔心本文中的關鍵字,因為它對SEO沒有任何影響。

例:


其他Open Graph和Twitter Card標籤可進一步定制

og:url和twitter:url元標記

URL標記, OG:網址 要么 嘰嘰喳喳:網址 如果您通過各種網絡交叉發布您的內容,並且已將其添加到博客上的各種類別,則會特別方便。 因此,可以在許多不同的URL上提供一篇博文。 通過添加 OG:網址 要么 嘰嘰喳喳:網址 標記到您網站的元數據,您可以將所有鏈接點擊導航回同一個網址。 這些所謂的 標準的URL 甚至可以改善您的內容的排名信號。

例:


此外,Twitter為您提供了另一個不錯的選擇。 隨著Twitter卡標籤 Twitter的:網站 twitter:創作者 您可以在鏈接推文下添加對您的姓名的引用。

對於這篇博文,我可以補充一下

用我的鏈接推文顯示我的名字。

og:type&twitter:卡元標記

另一個社交元標記會影響你的Facebook和Twitter帖子的帖子格式 OG:類型 要么 Twitter的:卡 標籤。 此參數用於聲明共享的內容類型。 畢竟,有許多不同的內容類型可以在社交媒體上以多種不同的方式顯示。

Facebook最常見的類型值 OG:類型 標籤是

雖然有 更多可能的類型值 ,如果沒有,Facebook實際上默認選擇“網站” OG:類型 標籤已定義。 由於我們都分享到Facebook的網站鏈接,這似乎很自然。

小費: 聲明正確的內容類型可能有助於您的產品出現在關注者的興趣部分中。

例:

對於Twitter,根據應顯示的內容,有三種不同類型的Twitter卡。 你可以選擇

例:

Twitter卡的匯總值類似於Facebook的類型值“文章”,如果您共享博客文章或其他類型的基於文本的內容,則使用它。 照片或視頻卡需要其他信息,如圖像和視頻的高度和寬度。 這些屬性只是添加到Twitter卡。

例:

圖像的寬度

圖像的高度

Iframe播放器的網址

玩家的寬度

玩家的高度

流的URL

如何在我的博客文章中實現Open Graph和Twitter Card Tags?

不用擔心,如果你仔細閱讀所有這些代碼片段! 您不必成為編程主人就可以為您的博客設置OG和Twitter Card標籤。

有許多不同的插件和工具來實現社交元標記。 將博客文章分享到Facebook時,最簡單,最有效的方法是使用社交媒體自動化插件Blog2Social。

Blog2Social是一個萬無一失的解決方案,可以分享,安排和自動發布您的博客文章到社交媒體,同時設置OG和Twitter標籤,只需點擊幾下! 您可以選擇要在鏈接帖子中顯示的精選圖像或博客文章或媒體庫的任何圖像。 Blog2Social將自動在您博客文章的OG Meta標籤中寫入所需參數,以便您所選圖像將顯示在您的Facebook鏈接帖子中。

為此,請單擊Blog2Social編輯器中顯示的圖像,然後選擇所需的圖像。

Open Graph和Twitter Card標籤:使用Blog2Social設置OG和Twitter卡標籤

同樣適用於為博客帖子定義og:title和og:description標記。 只需單擊Blog2Social帖子預覽中的相應字段,然後輸入您在Facebook個人資料,頁面或群組Feed中顯示的有趣標題和說明。

打開圖表和Twitter卡片標籤:為Facebook鏈接帖子設置OG標題標籤

如果您已定義自己的OG元標記,則可以輕鬆停用此Blog2Social功能。 為此,請轉到您的Blog2Social設置 – 選擇“社交元數據”選項卡並取消勾選“將Open Graph圖元數據添加到您網站的部分,Facebook和其他社交網絡在您的網頁共享時使用此數據”。

Open Graph和Twitter Card標籤:Blog2Social設置中的ActivatingOG標籤

請注意,如果沒有OG元標記,您無法為鏈接帖子選擇特定圖像。

總結:您需要了解有關Facebook博客的Facebook Open Graph和Twitter Card Tags的所有信息

因此,最重要的是,一旦您了解了社交元標記(如OG或Twitter Card參數)的工作原理,您就可以在WordPress博客中輕鬆實現它們,同時加快您的社交媒體營銷速度。 試試看! 您將擁有更多權力並控制您的社交媒體帖子在線顯示的方式,從而使您的關注者更具吸引力和吸引力。

你有關於OG或Twitter Card標籤的特定提示或技巧嗎? 讓我知道您如何掌握博客或網站上的社交元標記!

我們的讀者分數

[平均:5]

維拉史密斯
在線公關,內容營銷和社交媒體 Adenion GmbH

從瑞典Örebro大學畢業並獲得數字新聞學碩士學位後,Vera Schmies現在負責Adenion GmbH的在線公關,內容營銷和社交媒體。

Vera Schmies在Linkedin上 推特上的Vera Schmies

發表迴響

Close Menu