wordpress - 我想在分享我的网站链接时添加图片

标签 wordpress image meta

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、Skype 和其他公司正在使用开放图形协议(protocol)来获得这些。我在我的一个网站中有这些:

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

关于wordpress - 我想在分享我的网站链接时添加图片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48656847/

相关文章:

mysql - WordPress SQL 查询获取最后编辑帖子的人

PHP : wp_nav_menu adding icons

linux - 符号链接(symbolic link)数百个 wordpress 网站

javascript - 如何使用服务器渲染 + 流在 React 中管理标题、元标记等?

javascript - 将传入内容与 Javascript 中的元标记分开

php - WebP 后备图像未加载

css - 样式图像链接成为焦点

java - Android 在加载大图像时显示预览模糊

image - Vulkan 中的帧缓冲区和图像有什么区别?

python - 从返回 null 的元标记 beautifulsoup 中提取数据