所有你需要知道的關於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]

維拉史密斯

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

Vera Schmies在Linkedin上 推特上的Vera Schmies

發佈留言

Close Menu