Question

Atlassian产品HipChat具有网站内置的内嵌预览功能。但是，像Gyazo这样的ScreenShot共享网站能够改变提供给HipChat的图像。

例如，URL可以是：gyazo.com/slqrFasd 但是，他们将以下内容传递给HipChat：i.gyazo.com/slqrFasd.png

我正在尝试为自己的网站做同样的事情，并将实际图片传递给他们的内联预览。我怎么能这样做？

Answer 1

我相信HipChat会利用与Facebook，Twitter和其他平台类似的元字段。如果找不到元字段，它将引入页面源中可用的第一个<img...标记。

从以下https://moz.com/blog/meta-data-templates-123中提取了与图片相关的代码，但为了获得最佳代码段，您应该为特定平台添加其他字段。

<!-- Update your html tag to include the itemscope and itemtype attributes. -->
<html itemscope itemtype="http://schema.org/Article">

<!-- Schema.org markup for Google+ -->
<meta itemprop="image" content="http://www.example.com/image.jpg">

<!-- Twitter Card data -->
<!-- Twitter summary card with large image must be at least 280x150px -->
<meta name="twitter:image:src" content="http://www.example.com/image.jpg">

<!-- Open Graph data -->
<meta property="og:image" content="http://example.com/image.jpg" />

HipChat URL图像预览

1 个答案: