没有服务器端支持的SPA共享（在CDN上托管）

Question

  

我有一个静态网站，一个在CDN上托管的 SPA - 基本上是一个   singe index.html，其内容区域根据哈希值更新   网址。我需要为FB分享者找到一种方式来展示冠军头衔   SPA中当前加载的主要内容的描述

用简单的话说，Facebook共享会抓取一个页面来查找og元标记并缓存它们。当我们尝试共享网址/页面时，会显示此信息。

<meta property="og:url"         content="http://www.siteurl.com" /> 
<meta property="og:title"       content="My Site" /> 
<meta property="og:image"       content="Site-img.jpg" /> 
<meta property="og:description" content="Description" />

我尝试使用javascript设置元标记，但最终在抓取时实现，Javascript未执行，因此使用javascript修改元标记是没有用的。 另一个解决方案是在页面加载之前从后端设置og标记，但是在CDN上托管，没有服务器端支持来执行此操作。

关于如何解决这个问题的想法？

Answer 1

我有一个熟悉的问题。 具体照片不想附加。通过编辑照片的格式（从jpg到PNG）解决了这个问题。