我想在分享我的网站链接时添加图片答案

【问题标题】：I want to add image when I share my website link我想在分享我的网站链接时添加图片
【发布时间】：2023-03-16 05:14:01
【问题描述】：

enter image description here我在我的网站上添加了图片。我想在分享我的网站链接时显示该图像。它仅在 whatsapp 中显示，而不在 facebook 和 skype 中显示。

我的网站链接是：https://www.telotrovo.it/

我试过这段代码：

<meta property="og:image:secure_url" content="https://www.telotrovo.it/wp-content/uploads/2016/02/siteimage.jpg"/>

<meta property="og:image" content="http://www.telotrovo.it/wp-content/uploads/2016/02/siteimage.jpg"/>

【问题讨论】：

你想在哪里分享，是facebook吗？
是的，我想在任何平台分享我的链接时显示图片。现在它只显示在什么应用程序中

标签： wordpress image meta

【解决方案1】：

Facebook、Skype 和其他人正在使用开放图形协议来获取这些。我在我的一个网站中有这些：

<meta property="og:title" content="Site Title" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://my.website.com" />
<meta property="og:image:url" content="http://my.website.com/images/thumb.png" />
<meta property="og:description" content="Site description" />

并且在 Skype 和 Facebook 上显示为链接预览的图像是 og:image:url 中指定的缩略图。

这四个应该出现在您的代码中。还要确保将 XML 命名空间添加到标记中：

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:og="http://ogp.me/ns#"
      xmlns:fb="https://www.facebook.com/2008/fbml">

【讨论】：

在whatsapp中工作
您可以更改图像大小，然后尝试此代码对我有用
请更改图片尺寸
但这显示的是默认图像。我的形象不一样
你想展示什么图片请在meta中添加图片路径

【解决方案2】：

你可以试试关注，

<meta property="og:image" content="https://www.telotrovo.it/wp-content/uploads/2016/02/siteimage.jpg">
<meta property="og:image:type" content="image/jpeg">
<meta property="og:image:width" content="200">
<meta property="og:image:height" content="200">

图像宽度应指定，最小 200 X 200 ，您可以更改它

【讨论】：

在whatsapp中工作

【解决方案3】：

使用至少 1200 x 630 像素的图像，以便在高分辨率设备上获得最佳显示效果。至少，您应该使用 600 x 315 像素的图片来显示带有较大图片的链接页面帖子。

【讨论】：