Продукт Atlassian HipChat имеет встроенный предварительный просмотр для веб-сайтов. Тем не менее, веб-сайты обмена скриншотами, такие как Gyazo, могут изменить изображение, переданное в HipChat.
Например, URL-адрес выглядит примерно так: gyazo.com/slqrFasd Однако они передают в HipChat следующее: i.gyazo.com/slqrFasd.png
Я пытаюсь сделать то же самое для своего собственного веб-сайта и передать фактическое изображение для их встроенного предварительного просмотра. Как я смогу это сделать?
Я считаю, что 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" />
