Telegram 和 FB 链接预览

Nav*_*d M 3 html wordpress facebook telegram yoast

我正在尝试设置我的网站,以便可以在 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" />
Run Code Online (Sandbox Code Playgroud)

有什么问题吗?

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

这是一个示例页面,我没有看到任何预览图像: 链接

Dmi*_*hin 9

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">
Run Code Online (Sandbox Code Playgroud)

此外,您还应该在标签内插入“前缀”属性<html>。例如:

<html prefix="og: http://ogp.me/ns#">
Run Code Online (Sandbox Code Playgroud)

最后,如果您进行了这些更改,但仍然没有在 Telegram 和 Facebook 中看到任何更改,则意味着它们已经缓存了您页面的旧版本。您可以使用他们的专用工具来清除缓存。

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

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