在MEAN堆棧中動態生成Open Graph標記。（Angular 2+）

我即將爲項目細節生成不同的OG標籤，如頁面。我使用https://github.com/nglibs/meta模塊爲Angular生成頁面的元標記，它在瀏覽器上效果很好，但Facebook的刮板加載了原始的index.html文件，並且沒有顯示生成的標記。正如我研究應該有一些服務器端邏輯來生成元標記，並且不使用JavaScript來生成元標記，那麼Facebook將能夠使用正確的元。 MEAN堆棧中有這個問題的解決方案嗎？（然後我不明白爲什麼使用@ nglibs/meta模塊生成og元標記，因爲它們沒用這種方式）在MEAN堆棧中動態生成Open Graph標記。（Angular 2+）

來源

2017-04-10 aboutus

您可以使用ejs模板來呈現索引文件。如下所示。對於EJS進一步研究遵循這一link

<!doctype html> 
 
<html lang="en" xmlns="http://www.w3.org/1999/html"> 
 
<head> 
 
    <meta charset="UTF-8"> 
 
    <meta name="viewport" content="width=device-width, maximum-scale=1.0, minimum-scale=1.0, initial-scale=1.0" /> 
 

 
    <link href="/css/somecss.css" rel="stylesheet" /> 
 

 
    
 
    <title>Your site</title> 
 
    <meta content="<%- metaTagsDescription %>" name="description" /> 
 
    <meta content="<%- metaTagsRobots %>" name="robots" /> 
 
    <meta content="<%- metaTagsKeyWords %>" name="keywords" /> 
 

 
    <!-- Facebook meta tags--> 
 
    <meta property="og:type" content="<%- metaTagsType %>" /> 
 
    <meta property="og:title" content="<%- metaTagsTitle %>" /> 
 
    <meta property="og:image" content="<%- metaTagsImg %>" /> 
 
    <meta property="og:url" content="<%- metaTagsUrl %>" /> 
 
    <meta property="og:description" content="<%- metaTagsDescription %>" /> 
 

 
    
 
</head> 
 
<body > 
 
    <section id="app"></section> 
 
    <script src="/bundle.js"></script> 
 
</body> 
 
</html>

來源

2017-04-10 17:16:30 Tolsee

在MEAN堆棧中動態生成Open Graph標記。 （Angular 2+）

回答

相關問題

在MEAN堆棧中動態生成Open Graph標記。（Angular 2+）