當我的Tumblr博客中的鏈接發佈在Facebook上時,Facebook在標題標籤之間抓取標題,而不是在開放圖形元標籤中指定的標題。它爲什麼這樣做?有什麼方法可以解決它嗎?Facebook上的開放圖形協議Tumblr
3
A
回答
16
在沒有看到代碼,我不知道你在做什麼的問題正是,但對於其他人搜索這個尋找如何設置的Open Graph自己的博客上,嘗試做這樣的事情:
<!-- FACEBOOK OPEN GRAPH -->
<!-- >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>-->
<meta property="og:site_name" content="{Title}"/>
{block:PermalinkPage}
<meta property="og:url" content="{Permalink}"/>
<meta property="og:type" content="article"/>
{block:Posts}
{block:Text}
{block:Title}<meta property="og:title" content="{PlaintextTitle}"/>{/block:Title}
<meta property="og:description" content="{PlaintextBody}"/>
{/block:Text}
{block:Photo}
<meta property="og:image" content="{PhotoURL-500}"/>
{block:Caption}<meta property="og:description" content="{PlaintextCaption}"/>{/block:Caption}
{/block:Photo}
{block:Photoset}
{block:Photos}
<meta property="og:image" content="{PhotoURL-500}"/>
{/block:Photos}
{block:Caption}<meta property="og:description" content="{PlaintextCaption}"/>{/block:Caption}
{/block:Photoset}
{block:Quote}
<meta property="og:title" content="{PlaintextQuote}"/>
<meta property="og:description" content="{PlaintextSource}"/>
<meta property="og:image" content="{PortraitURL-64}"/>
{/block:Quote}
{block:Link}
<meta property="og:title" content="{PlaintextName}"/>
<meta property="og:description" content="{PlaintextDescription}"/>
<meta property="og:image" content="{PortraitURL-64}"/>
{/block:Link}
{block:Chat}
<meta property="og:title" content="{PlaintextTitle}"/>
<meta property="og:description" content="{block:Lines}{block:Label}{Label}: {/block:Label}{Line} • {/block:Lines}"/>
<meta property="og:image" content="{PortraitURL-64}"/>
{/block:Chat}
{block:Audio}
<meta property="og:title" content="{block:Artist}{Artist} - {/block:Artist}{block:TrackName}{TrackName}{/block:TrackName}"/>
<meta property="og:description" content="{PlaintextCaption}"/>
{block:AlbumArt}<meta property="og:image" content="{AlbumArtURL}"/>{/block:AlbumArt}
{/block:Audio}
{block:Video}
{block:Caption}<meta property="og:description" content="{PlaintextCaption}"/>{/block:Caption}
{/block:Video}
{block:Answer}
<meta property="og:title" content="{PlaintextQuestion}"/>
<meta property="og:description" content="{PlaintextAnswer}"/>
<meta property="og:image" content="{PortraitURL-64}"/>
{/block:Answer}
{/block:Posts}
{/block:PermalinkPage}
{block:IndexPage}
<meta property="og:title" content="{Title}"/>
<meta property="og:type" content="blog"/>
<meta property="og:description" content="{MetaDescription}"/>
<meta property="og:image" content="{PortraitURL-64}"/>
{/block:IndexPage}
應該涵蓋幾乎任何你可以通過它!
請記住,所有代碼都屬於關閉</head>
標記之前。
+1
爲什麼會有一個downvote提供大量有用的信息,可以幫助用戶解決他們的問題? – graygilmore 2012-07-23 23:58:32
+0
我注意到Tumblr添加了他們自己的Facebook和Twitter元數據。這可能會派上用場,將上面的答案與Tumblr產生的內容混合在一起(這是從我的博客,用tumblr網站的數據交換值): https://gist.github.com/chuckbergeron/5106e3e72c8e7e8d54d2c189f472e5d3 – 2016-06-12 06:21:31
相關問題
- 1. 開放圖形協議vs分享鏈接在Facebook上?
- 2. Facebook開放圖協議不起作用
- 3. 開放式圖形協議入門
- 4. Facebook的開放圖形協議 - 不同版本的管理頁面
- 5. Facebook的開放圖形協議 - 爲管理員創建的頁面管理
- 6. 無法爲我的博客設置Facebook開放圖協議
- 7. 使用開放式圖形協議來提取OG:圖像源
- 8. 骨幹應用中的開放圖形協議
- 9. 改變facebook點擊按鈕時打開圖形協議值
- 10. Facebook OpenGraph協議?
- 11. Facebook的開放圖形標籤爲Blogger
- 12. Facebook與GWT的開放圖形
- 13. Facebook的不recoginising開放圖形標籤
- 14. 什麼是ActiveMQ中的開放協議
- 15. Facebook開放圖表未指定開放圖形屬性
- 16. 無法分享由Facebook中的開放圖形協議創建的視頻鏈接
- 17. Facebook註冊協議
- 18. Facebook地方簽入使用開放圖協議ID作爲地點ID
- 19. Facebook的開放圖形協議林特調試錯誤 - 你有<meta>標籤以外<head>
- 20. Facebook開放圖形對象鏈接
- 21. 如何推動Facebook頁面上的開放圖形對象?
- 22. Facebook的條款和協議
- 23. Android - 開放協議(Bonjour)就像iOS上的
- 24. 嵌入視頻和開放圖協議的問題
- 25. Tumblr忽略開放圖標記
- 26. 添加Facebook打開圖表協議元標記到分享點
- 27. 在ObjC協議上的協議擴展
- 28. Facebook開放圖形對象動作與Facebook的C#SDK聚合
- 29. Facebook Android開放圖
- 30. Facebook的開放圖形電影不播放飼料
你可以發佈樣本鏈接嗎?已經嘗試[調試器](https://developers.facebook.com/tools/debug)?它告訴你什麼? – borisdiakur 2012-07-15 20:47:27