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正在研究客戶端呈現的元標記爬行，但尚不完美（正如他們在活動中所述）。

檢查您的查看頁面源代碼中繼標記。

要知道如何添加服務器端渲染的元標籤路線專門刪除評論。