Angular2 - meta标签没有像facebook这样的社交媒体

Question

我在index.html（Angular2）中静态使用了meta标签。但Facebook在分享时没有采用元标记。

    <meta property="og:description" content="Test description"/>
    <meta property="og:image"   content="https://www.w3schools.com/css/trolltunga.jpg" />
    <meta property="og:site_name" content="Test site name"/>
    <meta property="og:title"   content="test" />
    <meta property="og:type"    content="object" />
    <meta property="og:url"     content="http://www.google.com" />

有人知道原因吗？

Answer 1

你说“statically used meta tags in index.html”我认为cache.Use facebook debugger的问题， 输入您要共享的页面的URL，然后单击“debug”。它会自动提取元标记上的所有信息，并清除缓存。

Answer 2

有两种类型的页面呈现

1. 客户端和
2. 服务器端呈现

现在，由于角度是客户端渲染，因此在完全呈现DOM之前不会呈现元标记。

服务器呈现的任何元标记都由 facebook 调试程序识别，但客户端元标记不是。谷歌正致力于客户端呈现的元标记抓取，但尚未完善（正如他们在活动中所述）。

  

检查视图页面来源是否有元标记。

要知道如何添加服务器端呈现的元标记路由，请专门删除注释。