Facebook OG标签不起作用

14

我有一个简单的Rails 3应用程序,其中包含一个类似于Facebook的按钮。我使用了Facebook OG标签来在点赞交易期间发布图像和其他相关信息。

当我在本地服务器上测试并上传后,帖子会与Facebook的默认图像一起发布,并且不包括来自OG标签的其他信息。

我查看了其他一些问题,查阅了Facebook开发人员关于如何使用OG标签的说明,并确信我已经正确输入了它们。我想知道是否还有其他步骤或其他我忽略的东西。

我将这些标签放在我的头部部分中,就像这样:

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>my title</title>
<meta property="og:title" content="My Site" />
<meta property="og:site_name" content="My Site" />
<meta property="og:url" content="http://www.mysite.com/"/>
<meta property="og:image" content="http://www.mysite.com/assets/image.png"/>
<meta property="og:type" content="ecommerce"/>
<%= stylesheet_link_tag "application", :media => "all" %>
<%= favicon_link_tag "/favicon.ico" %>
<%= csrf_meta_tags %>

正文内容


1
使用此工具调试您的URL:https://developers.facebook.com/tools/debug - Ranveer
@ranveer 谢谢。这样做帮助我发现图片太小了。把它作为答案发布,我会标记为正确的。 - Renegade
5个回答

29

有没有办法在我发布网站之前本地完成这个操作?当我使用本地URL时,会显示“警告:无法爬取Facebook URL。”(我并没有真正期望它能够成功...) - thumbtackthief
不确定,你可以尝试在测试链接上部署。我的意思是,Facebook爬取对于本地URL来说没有意义。 - Ranveer

4

这是 Facebook 需要的,是必须拥有的。谢谢! - Luis de Haro
谢谢!你不应该在这里放置一个推广链接,而是像@Sahil所提到的那样,放置一个指向实际页面的链接,其中包含你正在解析的og:tags。也就是说,进入Facebook调试器的URL应该是og:url标签中的URL。 - Ukuser32

1

你应该在HTML标签中包含前缀:

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

0
一个可能的问题是您的图像不符合最小的200px x 200px大小。尝试调整您的照片大小以满足这些要求,这在我的情况下实际上起作用了。
希望能对您有所帮助。

0
有时,如果您之前在网站上共享了没有OpenGraph标签的链接,Facebook将缓存您网站的那个版本。如果您在此之后添加OG标签并在Facebook上发布任何链接,则会显示缓存的版本。
要解决此问题,您需要转到此URL https://developers.facebook.com/tools/debug/ 并生成预览。将有一个选项来刷新缓存。
它应该没问题,给它一些时间。
或者,您可以使用这个免费的在线工具https://advertxp.com/og-tags-generator 来预览您的开放图形设置。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接