Angular2 - 元标签不接受像 facebook 这样的社交媒体答案

【问题标题】：Angular2 - meta tags are not taking in social media like facebookAngular2 - 元标签不接受像 facebook 这样的社交媒体
【发布时间】：2017-11-23 20:42:50
【问题描述】：

我在 index.html (Angular2) 中静态使用了元标记。但 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" />

有人知道原因吗？

【问题讨论】：

标签： javascript html facebook angular meta

【解决方案1】：

你说“statically used meta tags in index.html”我认为缓存的问题。使用facebook debugger，输入您要分享的页面的网址，然后点击“调试”。它会自动提取元标记上的所有信息并清除缓存。

【讨论】：

【解决方案2】：

页面渲染有2种类型

客户端和
服务器端渲染

现在，与客户端渲染一样，在 DOM 完全渲染之前不会渲染元标记。

facebook 调试器可以识别服务器呈现的任何类型的元标记，但客户端元标记不能。 Google 正在开发客户端渲染的元标记抓取，但还不够完美（正如他们在活动中所说的那样）。

检查您的查看页面源是否有元标记。

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

【讨论】：