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.com
的 CNAME (alias)
并在 Heroku 上添加了域。
现在,当我在 Facebook 上分享 example.com 时,不会显示任何详细信息。
【问题讨论】:
我也有同样的问题。你找到解决办法了吗? Facebook 无法抓取您的网站,因为它被重定向到其他页面。我也在努力寻找解决方法?你运气好吗? 【参考方案1】:我遇到了类似的问题,在阅读了几篇文章并尝试了一些详细的实验后,我得到了解决!
这里有一个详细的总结。
-
使用Facebook sharing debugger link 调试您的元标记并了解可能仍然缺少什么。
修复缺失的元标记,将每个值正确插入到相应的键中。
<meta property="og:url" content="" />
content 是您的新网络域,不再是 herokuapp 的域
-
将您的更改推送到 git,然后在 heroku 上重新部署您的应用。
如果全部设置好,请使用 [Facebook 共享调试器链接] 并再次抓取数据进行调试。
关闭浏览器,可能清除缓存,以便缓存新的元标记。
再次测试您的网站链接。
【讨论】:
以上是关于Heroku 中自定义域的 Facebook 元标记的主要内容,如果未能解决你的问题,请参考以下文章
如何在 React 应用程序中自定义 Bootstrap 变量?
在本地开发 Heroku PHP Facebook 应用程序时出现 500 错误