Facebook Open Graph Protocole sur Tumblr

Question

Lorsqu'un lien de mon blog Tumblr est publié sur Facebook, Facebook saisit le titre entre les balises de titre et non celui spécifié dans les métabalises Open Graph. Pourquoi ça fait ça? Y a-t-il un moyen de le réparer?

Answer 1

Sans voir le code, je ne suis pas sûr de ce que vous êtes problème est exactement, mais pour quelqu'un d'autre recherche de cette recherche pour savoir comment mettre en place Open Graph sur leur blog, essayez de faire quelque chose comme ceci:

<!-- 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} 

Doit couvrir à peu près tout ce que vous pouvez à travers! N'oubliez pas que tout le code appartient avant la balise </head> de fermeture.