使用og标签不能显示丰富的社交媒体帖子

我在用于社交媒体分享的og元标签时遇到问题。使用og标签不能显示丰富的社交媒体帖子

我在我的应用程序社交媒体共享链接：

= link_to "http://www.facebook.com/share.php?u=#{request.base_url}#{request.env['PATH_INFO']}" do 
    #i{class: "fa fa-facebook-square social-icon", "aria-hidden"=>"true"} 
    = link_to "http://www.linkedin.com/shareArticle?mini=true&url=#{request.base_url}#{request.env['PATH_INFO']}&source=#{request.base_url}" do 
    #i{class: "fa fa-linkedin-square social-icon", "aria-hidden"=>"true"} 
    = link_to "http://twitter.com/intent/tweet?status=#{request.base_url}#{request.env['PATH_INFO']}" do 
    #i{class: "fa fa-twitter-square social-icon", "aria-hidden"=>"true"}

各个环节得到当前页面的绝对URL，然后在每一个具体的社会化媒体的分享网址插入。

我有一个通知页面，twitter，facebook和linkedn共享按钮。我已经包括以下OG标签：

- content_for(:page_meta) do 
    %meta{ property: 'og:title', content: "J’ai voté pour mon lauréat Stars et Metiers" } 
    %meta{ property: 'og:url', content: laureates_url } 
    %meta{ property: 'og:description', content: "J’ai voté pour mon lauréat coup de ❤ Stars & Métiers 2016 ! Et vous, quel est votre coup de cœur ? avec lien minimisé vers la page lauréat du site" }

OG：URL不是当前网页的网址，因为我不想让社交媒体帖子重定向到网页，社交媒体按钮那里，而是一个不同的（laureates_url ）

不过，我不断收到来自各社交媒体说，“找不到网页”的错误消息

我在做什么错在这里？

https://developers.facebook.com/tools/debug/og/object/?q=https%3A%2F%2Fstaging：

UPDATE

使用Facebook调试器我的网址后-starsetmetiers.herokuapp.com％2Fprix政变-DE-心笃公共％2F17701％2Fnotification

看来，Facebook是能够抓取我的网址。它甚至向我展示了潜在职位的预览。两个问题仍然没有解决：

1）当我点击我的网站上的Facebook分享链接时，我没有得到在facebook调试器中的预览。我仍然获得了找不到网页错误：

2）调试器告诉我

The 'og:description' property should be explicitly provided, even if a value can be inferred from other tags.

而且这是事实，在预览中的调试器显示我，它使用从经典meta name= "description"描述。但是有一个og:description出现在我的网页是我想在我的职位，以显示说明，这是目前在页面上：

<meta content="J’ai voté pour mon lauréat coup de ❤ Stars &amp; Métiers 2016 ! Et vous, quel est votre coup de cœur ? avec lien minimisé vers la page lauréat du site" property="og:description">

我该如何解决这些问题呢？

来源

2016-11-15 David Geismar

您是否部署了代码并检查了元标记中的url是否有有效的网址？如果页面是实时的，我会尝试将其粘贴到此处，例如，查看是否正在查看元数据：https://developers.facebook.com/tools/debug/ – atsui

@atsui感谢您的评论，请在使用og调试器后检查我刚才对该文章所做的更新 –

感谢您在我的评论中建议在Facebook调试器中分享您的页面输出。对于你的两个问题，

它看起来像是在你的Facebook共享链接中有一个离散的右括号。如果您将其删除，则应正常找到该页面。
它看起来好像你的meta标签用Open Graph属性（og：url等）正确标记，所以我不明白为什么抓取工具没有抓取它。我唯一能想到的是meta标签中属性和内容属性的顺序与Facebook站点上显示的示例的顺序相反，但我怀疑这一点很重要......

来源

2016-11-16 18:36:45 atsui

使用og标签不能显示丰富的社交媒体帖子

回答

相关问题