如何确保链接支持Twitter预览？

Question

首先，请注意我搜索了一个SocialMediaStackExchange来询问这个问题，但似乎没有。

这就是我想知道的。当向Twitter发布推文时，如果它是YouTube链接或特定网站的链接，那么twitter将显示展开功能，用户可以点击该功能直接在Twitter界面中预览媒体内容。 / p>

有没有人知道这是由Twitter确定的，还是有某些方法可以改变我的网站以启用Twitter上的预览？

我想在我发推文博客条目时，人们可以预览文章的第一部分内容。 这是一个例子:(只需添加链接，显示所显示的预览内容）在这种情况下，它是一篇关于InfoWorld的文章。

---

---

Twitter上有一个链接解释扩展内容，但不是如何实现它。 https://blog.twitter.com/2012/experience-more-with-expanded-tweets

Answer 1

您可能希望查看“Twitter Cards”。它们设置起来非常简单。您可以在页面标题中添加几行代码，验证您的网站（自动流程），然后就可以了。

例如，这是我的推文内容之一https://twitter.com/edent/status/516544061495193601

额外的HTML代码只是：

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:creator" content="@edent">
<meta name="twitter:site" content="@edent">
<meta name="twitter:title" content="Tim Berners-Lee and the Freedom of The City">
<meta name="twitter:description" content="Last week, I had the privilege of being invited into the Guildhall to watch Tim Berners-Lee receive the Honorary Freedom of the City.  I was one of a dozen bloggers and tweeters asked to live tweet th">
<meta name="twitter:image:src" content="https://shkspr.mobi/blog/wp-content/uploads/2014/09/TimBL-Least-Well-Dressed-435x375.jpg">
<meta name="twitter:image:width" content="280">
<meta name="twitter:image:height" content="150">

不同风格的卡片有不同类型的预览 - 视频，图片，应用安装等。

Answer 2

另外，我会指出一件重要的事情。对于twitter:image meta，其content参数必须是绝对路径，而不是相对路径。否则它将无法工作。

<meta name="twitter:image content="/resource/img.jpg"/> //will not work
<meta name="twitter:image content="https://yourdomain.com/resource/img.jpg"/> //will work