Как Viber выбирает изображение для отображения со страницы HTML

Question

Как Viber выбирает изображение для отображения со страницы HTML

Когда я посылаю какой-то URL кому-то через Viber, Viber загружает URL и отображает изображение, представляющее HTML-страницу.

Как сообщить HTML-странице, каким изображением она должна быть?

13

html tags viber

Источник

user5724101 22 янв '16 в 07:31

4 ответа

Другие вопросы по тегам html tags viber

user1154398 31 янв '17 в 09:13 2017-01-31 09:13 · Answer 1 · 2017-01-31 09:13

Вы должны использовать протокол Open Graph. Вы можете просто добавить этот фрагмент на свою страницу <head>:

<meta property="og:type" content="website">
<meta property="og:site_name" content="Название сайта">
<meta property="og:title" content="Заголовок">
<meta property="og:description" content="Описание.">
<meta property="og:url" content="http://example.com/page.html">
<meta property="og:locale" content="ru_RU">
<meta property="og:image" content="http://example.com/img.jpg">
<meta property="og:image:width" content="968">
<meta property="og:image:height" content="504">

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Заголовок">
<meta name="twitter:description" content="Описание.">
<meta name="twitter:image:src" content="http://example.com/img.jpg">
<meta name="twitter:url" content="http://example.com/page.html">
<meta name="twitter:domain" content="example.com">
<meta name="twitter:site" content="@">
<meta name="twitter:creator" content="@...">

Размер изображения должен быть 968x504px. Узнайте больше здесь

Ура!

user6690886 08 авг '16 в 10:52 2016-08-08 10:52 · Answer 2 · 2016-08-08 10:52

Я считаю, что Viber делает первую фотографию, которую находит на вашем сайте (фоны не включены!). Я сделал несколько тестов и обнаружил, что если вы поместите изображение в разделе комментариев в верхней части вашего HTML -  - он также примет его как первый файл изображения в вашем исходном коде. Таким образом, вы можете поместить любое изображение, которое вам нравится.

user12640054 01 дек '20 в 18:32 2020-12-01 18:32 · Answer 3 · 2020-12-01 18:32

По результатам моего теста Viber успешно получил первое изображение jpg/png на странице размером менее 40 КБ.

Даже ты можешь скрыть это display: none если оно действительно не отображается в браузере, только для предварительного просмотра Viber.

4

Источник

user12640054 01 дек '20 в 18:32

user1899440 15 ноя '21 в 15:58 2021-11-15 15:58 · Answer 4 · 2021-11-15 15:58

Для Viber, Facebook и других необходимо разместить на главной странице (в шапке) сайта следующие теги:

      <meta property = "og:type" content = "website" /> <!-- For website -->
<meta property = "og:title" content = "Your_title" />
<meta property = "og:url" content = "https://your_site_url.com/" />
<meta property = "og:description" content = "Your_short_description" />
<meta property = "og:image" content = "https://your_site_url.com/your_image.jpg" />
<meta property = "og:site_name" content = "Your_site_name" />

ПРИМЕЧАНИЕ . Я не думаю, что Viber поддерживает httpпротокол изображения для собственности. Только . Для тех, у кого нет протоколов на стороне сервера, я предлагаю размещать изображения на других серверах. httpsсайтах (таких как imgur.com), а прямую ссылку на изображение вставлять только в og:imageярлык.