html - Telegram 和 FB 链接预览

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

有什么问题?

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

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

最佳答案

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> 中插入“前缀”属性。标签。例如:

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

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

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

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

关于html - Telegram 和 FB 链接预览,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48044181/

相关文章:

javascript - 如何将商品添加到购物篮JSP

html - 如何在 Chrome 中的 Java 小程序上显示 <div>

php - 如何获取所有类别自定义帖子类型中的所有帖子?

php - Woocommerce 临时购物车税未根据第一个请求正确计算

java - 有用于桌面的java facebook graph api吗?

html - 使图像位置相对于页面顶部

Javascript createElement 和添加 className 填充不起作用

javascript - 在 'each' 函数中创建 ajax 请求循环

java - 在android中通过fb登录后无法获取emailId

asp.net - 配置错误 'Facebook.FacebookConfigurationSection'