Angular2 - メタタグはFacebookのようなソーシャルメディアに取り込まれていません

Question

私は、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" /> 

誰もがその理由を知っていますか？

Answer 1

私はcache.Use 、 を共有するには、 "デバッグ"をクリックしてURLを入れて使用して問題があると思います。自動的にメタタグのすべての情報が抽出され、キャッシュもクリアされます。角度は、クライアント側のレンダリング、メタタグがレンダリングされていないんとしてDOMがある前に

Answer 2

は、

1. クライアント側と

今レンダリング

サーバー側のレンダリングページの2種類があります完全にレンダリングされる。

サーバーによってレンダリングされるあらゆる種類のメタタグは、facebookデバッガで認識されますが、クライアント側のメタタグは認識されません。 Googleではクライアントサイドのメタタグクロールについて取り組んでいますが、まだ完璧ではありません（イベントで述べたように）。

閲覧ページのソースのメタタグを確認してください。

サーバーサイドのレンダリングされたメタタグを追加する方法を知るには、コメントを具体的にドロップします。