Heroku 中自定义域的 Facebook 元标记

Posted

技术标签:

【中文标题】Heroku 中自定义域的 Facebook 元标记【英文标题】:Facebook Meta-tags for Custom Domain in Heroku 【发布时间】:2014-09-02 00:56:39 【问题描述】:

我有一个带有这些元标记的 Heroku 应用 example.herokuapp.com

  <meta property='og:type' content='website'/>
  <meta property='og:title' content='MyApp'/>
  <meta property='og:image' content='https://example.com/_n.png'/>
  <meta property='og:description' content='This site is awesome'/>

所以当我在 Facebook 上分享 example.herokuapp.com 时,这些详细信息会正确显示。 但是我已经在 Heroku (example.com) 上设置了一个自定义域,添加了一个指向 example.herokuapp.comCNAME (alias) 并在 Heroku 上添加了域。

现在,当我在 Facebook 上分享 example.com 时,不会显示任何详细信息。

【问题讨论】:

我也有同样的问题。你找到解决办法了吗? Facebook 无法抓取您的网站,因为它被重定向到其他页面。我也在努力寻找解决方法?你运气好吗? 【参考方案1】:

我遇到了类似的问题,在阅读了几篇文章并尝试了一些详细的实验后,我得到了解决!

这里有一个详细的总结。

    使用Facebook sharing debugger link 调试您的元标记并了解可能仍然缺少什么。 修复缺失的元标记,将每个值正确插入到相应的键中。

&lt;meta property="og:url" content="" /&gt; content 是您的新网络域,不再是 herokuapp 的域

    将您的更改推送到 git,然后在 heroku 上重新部署您的应用。 如果全部设置好,请使用 [Facebook 共享调试器链接] 并再次抓取数据进行调试。 关闭浏览器,可能清除缓存,以便缓存新的元标记。 再次测试您的网站链接。

【讨论】:

以上是关于Heroku 中自定义域的 Facebook 元标记的主要内容,如果未能解决你的问题,请参考以下文章

如何在 React 应用程序中自定义 Bootstrap 变量?

Android Facebook sdk 覆盖登录按钮

在本地开发 Heroku PHP Facebook 应用程序时出现 500 错误

Facebook API:Heroku 服务器的 IP 地址阻塞

将 PHP 部署到 Heroku

使用 Spotify API 进行授权