当我通过 Viber 向某人发送一些 URL 时，Viber 会加载 URL 并显示代表 HTML 页面的图像。
如何告诉 HTML 页面应该是什么图像？
问问题
10797 次
4 回答
12
您应该使用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="@...">
图片尺寸应为 968x504 像素。在这里阅读更多
干杯!
于 2017-01-31T09:13:19.730 回答
5
我相信 Viber 会拍摄它从您的网站找到的第一张照片（不包括背景！）。我进行了一些测试，发现如果您将图像放在 HTML 顶部的注释部分<!-- <img src='myImg.jpg'/>-->- 它也会接受它作为源代码中的第一个图像文件。因此，您可以放置您喜欢的任何图像。
于 2016-08-08T10:52:26.213 回答
2
根据我的测试，Viber 成功地在页面上获得了第一个jpg/png 图像，大小小于 40Kb。
如果浏览器中没有真正显示图像，您也可以将其隐藏display: none，仅用于 Viber 预览。
于 2020-12-01T15:32:22.390 回答
0
对于 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图像协议。og:image只有https. 对于那些在服务器端没有https协议的人，我建议将图像托管在其他https站点（例如 imgur.com）上，并且只在og:image标签中插入指向图像的直接链接。
于 2021-11-15T15:58:58.893 回答