分享到 Facebook 时博客帖子图片不显示

Posted 2023-03-07

【中文标题】分享到 Facebook 时博客帖子图片不显示

【英文标题】：Blog Post Image doesn't show up when sharing to facebook

【发布时间】：2017-12-31 02:49:18

【问题描述】：

请帮助我。我是一个卑微的博主，只知道足够多的 html 是危险的。

将我的 Blogger 帖子分享到 Facebook 时，图片不会显示。为什么我分享到 Facebook 时没有显示我的图片？

我遇到问题的博文网址是： https://beauty4theash.blogspot.com/2017/12/reflecting-on-this-trip-around-sun-to.html

【参考方案1】：

添加 facebook 打开图元标签 对于图像尝试该代码

<b:if cond='data:blog.pageType == "item"'> <meta preoperty='og:image' expr:content='data:blog.postImageUrl'/> </b:if>

【参考方案2】：

在博客上添加社交媒体元标记.. 转到博主仪表板>>主题>>编辑html然后将此代码粘贴到</head>标签上方--

<!-- [ Social Media Meta Tag ] -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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.url == data:blog.homepageUrl'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta content='website' property='og:type'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta expr:content='&quot;Silakan kunjungi &quot; + data:blog.pageTitle + &quot; Untuk membaca postingan menarik.&quot;' property='og:description'/>
</b:if>
</b:if>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='https://3.bp.blogspot.com/-Hjc6_7njIRs/WIsN28cBbYI/AAAAAAAACL4/tyYVf_C1WGwqUEpqQAzvdvE0F3L7X-6pgCLcB/s125-c/Logo%2BPsd.png' property='og:image'/>
</b:if>
</b:if>
<meta content='https://www.facebook.com/PROFILE-LINK' property='article:author'/>
<meta content='https://www.facebook.com/FAN-PAGE-FACEBOOK' property='article:publisher'/>
<meta content='CODE-APPLICATION-FACEBOOK' property='fb:app_id'/>
<meta content='CODE-ADMIN-FACEBOOK' property='fb:admins'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>
<meta content='summary' name='twitter:card'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='USER-TWITTER' name='twitter:site'/>
<meta content='USER-TWITTER' name='twitter:creator'/>

粘贴前填写详细信息..