2012-07-15 60 views
3

當我的Tumblr博客中的鏈接發佈在Facebook上時,Facebook在標題標籤之間抓取標題,而不是在開放圖形元標籤中指定的標題。它爲什麼這樣做?有什麼方法可以解決它嗎?Facebook上的開放圖形協議Tumblr

+0

你可以發佈樣本鏈接嗎?已經嘗試[調試器](https://developers.facebook.com/tools/debug)?它告訴你什麼? – borisdiakur 2012-07-15 20:47:27

回答

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} &bull; {/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

相關問題