分享到社交媒体不会包含图片
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
我正准备在子域上为我的企业设置博客 (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