Telegram 和 FB link 预览

Question

我正在尝试设置我的网站，以便它可以在 Facebook 和 Telegram 等社交媒体平台上共享。目前，共享链接不显示任何预览图像。我想利用这些来获得最大的曝光率。

我有以下 og 标签：

   <meta property="og:image" content="https://voaustralia.com/wp-content/uploads/money.jpg" />
   <meta property="og:image:secure_url" content="https://voaustralia.com/wp-content/uploads/money.jpg" />

有什么问题？

据我所知，以上内容应该足以让我的图像显示为预览。我什至在使用自动生成这些标签的 Yoast SEO 插件。

这是一个示例页面，我没有看到任何预览图片：link

Answer 1

Facebook 尤其在 link 上使用大量缓存。

因此，如果您在图像标签未设置或错误时尝试分享 link，则新的 link 分享将使用此缓存数据，而不是重试预览图像.

您真的应该使用 Facebook 测试工具来确保您实际上还没有解决问题。例如，我测试了您的 link 并显示了预览图像：here

这是一个可以同时测试多个预览系统/网络的工具。它是第 3 方工具，因此它很可能仍会使用缓存。你必须试一试，看看它有多有用：https://richpreview.com/

Answer 2

Telegram 和 Facebook 都使用 OG-mata 标签 (http://ogp.me) 来获取有关您的网页的信息。例如：

<meta property="og:type" content="website">
<meta property="og:site_name" content="My site title">
<meta property="og:title" content="My page title">
<meta property="og:description" content="My page description">
<meta property="og:url" content="http://example.com/my-page-url">
<meta property="og:locale" content="en_US">
<meta property="og:image" content="http://example.com/myImage.jpg">

您还应该在 <html> 标签内插入“prefix”属性。例如：

<html prefix="og: http://ogp.me/ns#">

最后，如果您进行了这些更改但在 Telegram 和 Facebook 中仍未看到任何更改，则表示它们缓存了您页面的旧版本。您可以使用他们的专用工具来清除缓存。

Telegram 使用webpagebot，在这里你可以发送你的页面URL，Telegram 会再次抓取你的页面数据。

Facebook 转到 Open Graph Object Debugger。您可以在此处输入您的页面 URL 并单击“获取新的抓取信息”。 Facebook 将再次抓取您的页面数据。

Telegram 和 FB link 预览

Telegram and FB link Preview

html

wordpress

facebook

telegram

yoast