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”我认为这个问题有缓存。使用, 把你想分享的页面的URL，然后点击“调试”。它会自动提取你的元标记的所有信息，并清除缓存。

Answer 2

有2种类型网页的渲染

1. 客户端和
2. 服务器端渲染现在

，因为角度不客户端渲染，meta标签不会呈现前DOM是完全呈现。

由服务器呈现的任何类型的元标记都被facebook识别，但客户端元标记不是。 Google正在研究客户端呈现的元标记爬行，但尚不完美（正如他们在活动中所述）。

检查您的查看页面源代码中继标记。

要知道如何添加服务器端渲染的元标签路线专门删除评论。