我有一个新的单页面应用程序，在加载相关的异步数据之前，页面加载几乎是空白的。当链接粘贴到Facebook上的共享字段时，链接预览没有图像，文本内容是原始JSON。所以这看起来不太好。
Google+会更好地处理这一点，给我页面标题和说明但没有图片。此时使应用程序可爬行不是我们的主要关注点。但是在社交媒体网站上看起来好一点就是。
两者都不会那么糟糕，但我不确定如何最好地解决这个问题。它是一个带有大量javascript驱动前端的Rails应用程序。如果我们至少可以拥有公司徽标和与链接页面相关的描述，那就太棒了。
我读过一些人试图阅读请求的来源，并根据该信息呈现不同的内容。或者，服务器可能在后台页面上呈现徽标和一些描述性文本。
我想知道是否有宝石，已有的最佳实践或类似内容。
答案 0 :(得分：0)
对于Facebook，您可以在页面上使用此元标记在共享此网址时强制显示图片（docs）：
<meta property="og:image" content="http://graphics.myfavnews.com/images/logo-100x100.jpg" />
同样可以使用Google+：https://stackoverflow.com/a/13312956/844726