如何完美地向博客添加Facebook開放圖元標簽

Question

我試圖添加此代碼這是添加或此代碼中有任何錯誤的正確方法。 我目前在Blogger中運行我的網站。

    <b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='logo-link' property='og:image'/>
</b:if>
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='og:description'/>
</b:if>
<meta content='app_id' property='fb:app_id'/>
<meta content='fb_admins' property='fb:admins'/>

Answer 1

以下行應更改。 從

 <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/> 

至

 <meta expr:content='data:blog.postImageUrl' property='og:image'/> 

在您的代碼中，Blogger將使用默認的縮略圖，大小為72px X 72px。 我已將其更改為原始大小路徑。

您還可以在Blogger源代碼的<b:includable id='post' var='post'>下面添加以下行，以在該代碼中添加作者標記。

 <meta expr:content='data:post.author' name='author'/> 

來源： http ： //www.bloggertipsseotricks.com/2015/08/facebook-open-graph-meta-tags.html