与社交媒体分享不包括图片

时间:2017-01-05 10:38:39

标签: html wordpress facebook blogs sharing

我在子域名(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">     

1 个答案:

答案 0 :(得分:1)

要与普通社交网络共享图片,您需要在标题about the protocol中添加open graph元。

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

你会在网上找到很多教程,但是,你需要检索特色图像并写下这样的东西:

<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 developper的例子 Fb OG markup