Предварительный просмотр изображения URL HipChat

Продукт Atlassian HipChat имеет встроенный предварительный просмотр для встроенных веб-сайтов. Тем не менее, общие сайты ScreenShot, такие как Gyazo, могут изменять изображение, предоставляемое HipChat.

Например, URL-адрес выглядит следующим образом: gyazo.com/slqrFasd. Однако они передают в HipChat следующее: i.gyazo.com/slqrFasd.png

Я пытаюсь сделать то же самое для моего собственного веб-сайта и передать фактическое изображение для их встроенного предварительного просмотра. Как я смогу сделать это?

Источник

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" />
Источник
Другие вопросы по тегам