首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >tumblr如何在发布链接时获得页面缩略图?

问tumblr如何在发布链接时获得页面缩略图?
EN

Stack Overflow用户
提问于 2016-06-19 20:42:51
回答 1查看 3.2K关注 0票数 4

当我在tumblr上分享一个链接时,它有时会抓取页面的博客帖子图片。例如,如果我共享如下内容:

代码语言:javascript
复制
http://www.smartpassiveincome.com/income-reports/my-may-2016-monthly-income-report/

它会抓取这张图片,因为它是缩略图:

http://cdn.smartpassiveincome.com/wp-content/uploads/2016/03/Income-Reports-legacy-posts.jpg

你是如何让tumblr抓取图像的?你需要包括一些元标签吗?

搜索源代码这个图像出现了三次:

代码语言:javascript
复制
<meta property="og:image" content="http://cdn.smartpassiveincome.com/wp-content/uploads/2016/03/Income-Reports-legacy-posts.jpg"/>

<meta name="twitter:image" content="http://cdn.smartpassiveincome.com/wp-content/uploads/2016/03/Income-Reports-legacy-posts.jpg"/>

<header style="background-image: url('http://cdn.smartpassiveincome.com/wp-content/uploads/2016/03/Income-Reports-legacy-posts.jpg')">

有没有人知道它使用的是哪一个,并能解释选择如何抓取图像的过程?

最初的页面是:release/

但是当我把它发到Tumblr上时,它不会抓住特征图像。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-06-24 04:16:06

这些元属性将使您的图像显示在tumblr上。

代码语言:javascript
复制
<meta property="og:image" content="http://example.com/ogp.jpg" /> <!-- Required -->
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="400" />
<meta property="og:image:height" content="300" />

学习更多关于http://ogp.me/的知识

你的网站似乎设置了这些属性,当我把你网站的网址放在tumblr上时,我得到了这个.

​

​

票数 7
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/37911639

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档