Viber 如何从 HTML 页面中选择要显示的图像-前端问题

How Viber select the image to display from HTML page(Viber 如何从 HTML 页面中选择要显示的图像)

本文介绍了Viber 如何从 HTML 页面中选择要显示的图像的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

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

when I send some URL to someone via Viber the Viber load the URL and displays image representing the HTML page.

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

How to tell the HTML page what image it should be?

推荐答案

你应该使用 Open Graph 协议.您可以简单地将这段代码添加到您的页面<head>:

You should use Open Graph protocol. You can simply add this snippet to your page <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 像素.阅读更多这里

Image size should be 968x504px. Read more here

干杯！

这篇关于Viber 如何从 HTML 页面中选择要显示的图像的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！