如何使用Facebook上的'OG'（開放圖形）元標記共享

103

Facebook從我的網站獲取所有圖片。如何使用Facebook上的'OG'（開放圖形）元標記共享

我想只分享該頁面上的一張圖片。

我聽說過og元標記，但我不知道該怎麼說。

來源

2012-07-23 Vignesh Babu M D

Facebook使用所謂的Open Graph Protocol來決定共享鏈接時要顯示的內容。 OGP會查看您的頁面並嘗試確定要展示的內容。我們可以伸出援手，實際上告訴 Facebook從我們的頁面採取什麼。

我們這樣做的方式是與og:meta標籤。

的標籤是這個樣子 -

<meta property="og:title" content="Stuffed Cookies" /> 
    <meta property="og:image" content="http://fbwerks.com:8000/zhen/cookie.jpg" /> 
    <meta property="og:description" content="The Turducken of Cookies" /> 
    <meta property="og:url" content="http://fbwerks.com:8000/zhen/cookie.html">

你需要將你的HTML文件的<head>這些或類似的meta標籤。不要忘記替換你自己的值！

欲瞭解更多信息，你可以閱讀所有關於Facebook如何在他們的文檔中使用這些元標記。下面是從那裏的教程之一 - https://developers.facebook.com/docs/opengraph/tutorial/

Facebook上給了我們一個偉大的小工具來幫助我們這些元標籤打交道時 - 你可以使用Debugger看到的Facebook如何看待您的網址，而且它我甚至會告訴你是否有問題。

這裏需要注意的一點是，每當您對元標記進行更改時，都需要再次通過Debugger反饋URL，以便Facebook將清除緩存在其服務器上的關於您的所有數據URL。

來源

2012-07-23 16:43:34 Lix

我在描述中看到html標籤，你知道如何解決這個問題嗎？ – Neil 2014-04-10 11:50:01

330

用途：

<!-- For Google --> 
<meta name="description" content="" /> 
<meta name="keywords" content="" /> 

<meta name="author" content="" /> 
<meta name="copyright" content="" /> 
<meta name="application-name" content="" /> 

<!-- For Facebook --> 
<meta property="og:title" content="" /> 
<meta property="og:type" content="article" /> 
<meta property="og:image" content="" /> 
<meta property="og:url" content="" /> 
<meta property="og:description" content="" /> 

<!-- For Twitter --> 
<meta name="twitter:card" content="summary" /> 
<meta name="twitter:title" content="" /> 
<meta name="twitter:description" content="" /> 
<meta name="twitter:image" content="" />

填寫內容= 「...」，根據網頁的內容。

欲瞭解更多信息，請訪問18 Meta Tags Every Webpage Should Have in 2013。

來源

2013-05-29 20:03:26 CarlosPinedaT

你知道'author'標籤是否應該有作者姓名，或者一個指向個人資料URL的鏈接嗎？ – tobek 2014-02-04 19:57:48

我覺得兩者都有可能。如果您希望自己的個人資料圖片位於Google搜索頁面的帖子左側，則應提供指向您的Google +個人資料的鏈接。 – jurihandl 2014-02-06 13:53:22

meta標籤'author'是指當前文章的網站或作者的作者（在博客文章中使用的例子）？ – LuiGi 2014-04-25 08:34:51

我爲meta生成了一個工具。它預先配置項爲Facebook，Google +和Twitter的，你可以用它免費在這裏：http://www.groovymeta.com

要回答多一點，OG標籤（開放圖譜）標籤的工作方式類似於meta標籤的問題，應該放在在HTML文件的HEAD部分。有關如何有效使用OG標記的更多信息，請參閱Facebook's best practises。

來源

2014-10-02 10:26:46

謝謝@Mogsdad我相應地擴展了我的答案。 – 2015-12-02 16:35:54

鏈接損壞，不幸！ – 2017-08-12 19:20:21

如何使用Facebook上的'OG'（開放圖形）元標記共享

回答

相關問題