分享到社交媒体不会包含图片

Sharing to social media won't include image

我正准备在子域上为我的企业设置博客 (blog.twocan.co)

出于写博客的目的,我将采用简单的 wordpress 安装方式。

我们营销的关键是能够在社交媒体上分享带有大图片的短文。

我希望能够将任何博文直接分享到 facebook 或 linkedin,但不幸的是,当我点击分享按钮时,弹出框只包含要分享的文本,而不包含图片。

我查看了标记,可以看到图片在 <article></article> 标签内。

这是图片标签本身:

<img src="https://i1.wp.com/blog.twocan.co/wp-content/uploads/2017/01/yolo.png?fit=800%2C500" class="attachment-full size-full wp-post-image" alt="English test" srcset="https://i1.wp.com/blog.twocan.co/wp-content/uploads/2017/01/yolo.png?w=800 800w, https://i1.wp.com/blog.twocan.co/wp-content/uploads/2017/01/yolo.png?resize=300%2C188 300w, https://i1.wp.com/blog.twocan.co/wp-content/uploads/2017/01/yolo.png?resize=768%2C480 768w" sizes="(max-width: 800px) 100vw, 800px" width="800" height="500">     

要与普通社交网络分享图像,您需要将 open graph 元添加到 header about the protocol

这可以通过插件或直接在主题中完成。

您会在网上找到很多教程,但是,您需要检索特色图片并编写类似的内容:

<meta property="og:url"                content="http://www.nytimes.com/2015/02/19/arts/international/when-great-minds-dont-think-alike.html" />
<meta property="og:type"               content="article" />
<meta property="og:title"              content="When Great Minds Don’t Think Alike" />
<meta property="og:description"        content="How much does culture influence creative thinking?" />
<meta property="og:image"              content="http://static01.nyt.com/images/2015/02/19/arts/international/19iht-btnumbers19A/19iht-btnumbers19A-facebookJumbo-v2.jpg" />

来自 fb 开发者示例 Fb OG markup