2017-06-21 60 views
-1

我已經在index.html(Angular2)中靜態使用meta標籤。但是Facebook在分享時並沒有採用元標籤。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" /> 

有人知道原因嗎?

回答

0

你說的「statically used meta tags in index.html」我認爲這個問題有緩存。使用, 把你想分享的頁面的URL,然後點擊「調試」。它會自動提取你的元標記的所有信息,並清除緩存。

1

有2種類型網頁的渲染

  1. 客戶端和
  2. 服務器端渲染現在

,因爲角度不客戶端渲染,meta標籤不會呈現前DOM是完全呈現。

由服務器呈現的任何類型的元標記都被facebook識別,但客戶端元標記不是。 Google正在研究客戶端呈現的元標記爬行,但尚不完美(正如他們在活動中所述)。

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

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