代码之家 › 专栏 › 技术社区 › priyapatel

我想在共享网站链接时添加图像

meta image wordpress

priyapatel · 技术社区 · 7 年前

enter image description here 我在我的网站上添加了图片。我想在共享网站链接时显示该图像。它只在whatsapp上显示,没有在facebook和skype上显示。

我尝试了以下代码:

<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"/>

3 回复 | 直到 7 年前

Cedric 5 年前

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">

Shajibur Rahman 7 年前

您可以尝试以下操作:,

<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,但您可以更改它

Ras 7 年前

使用至少1200 x 630像素的图像在高分辨率设备上实现最佳显示。至少,您应该使用600 x 315像素的图像来显示带有较大图像的链接页面帖子。

推荐文章

Thirumal isireddy · 在导航栏顺风css中,img被扭曲,而不是将元素推到旁边

1 年前

McRui · Laravel storeAs()存储问题中的图像

1 年前

HTML · 如何使用css使任何SVG图像灰度化?

2 年前

GabyUnalaq · 从原始RGB深度图像到灰度的转换不正确

2 年前

AayushPokharel · 如何在css中处理图像的alpha层?

2 年前

MHSarmadi · 阻止显示未完全加载的图像

2 年前

softandwet · 反应img onError未点火

2 年前

Nilesh soni · 颤振图像已缩放,但如何更改缩放位置

2 年前

Adheed nihal · 如果在jquery中超过了文件限制,如何清除用户上传的图像

2 年前

imcoding · img src属性上的vuejs数据绑定出现404错误

2 年前