html - Viber 如何从 HTML 页面中选择要显示的图像

标签 html tags viber

当我通过 Viber 向某人发送一些 URL 时,Viber 加载 URL 并显示代表 HTML 页面的图像。

如何告诉 HTML 页面它应该是什么图像?

最佳答案

你应该使用 Open Graph协议(protocol)。您可以简单地将此代码段添加到您的页面 <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 像素。阅读更多 here

干杯!

关于html - Viber 如何从 HTML 页面中选择要显示的图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34941283/

相关文章:

html - CSS:使 div 在另一个 div 上滑动(即,使用 div 作为背景)

html - 链接到网页的特定部分

javascript - document.body.innerHTML = document.body.innerHTML 杀死页面?

html - Flowplayer 不在顶部

grails - Grails自定义标记<<

linux - 如何在 i3wm 中启动 viber?

android - 共享图像在 viber 和 facebook 中不起作用

mercurial - 如何创建带有空格的 mercurial 标签

ruby-on-rails - 在 Ruby on Rails 中为帖子添加标签

url - 创建一个链接,该链接将打开Viber和WhatsApp并向我发送消息