Angular Universal - 不使用子路由的OG元标记

时间:2018-02-09 11:21:15

标签: javascript angular routes meta-tags angular-universal

我的网站托管在http://abc.xyz.com OG元标记适用于主页面。 如果我将它添加到子路线它不起作用。例如 - http://abc.xyz.com/pqr/slug-url

的index.html

<meta property="og:type" content="article">
<meta property="og:site_name" content="XYZ" >
<meta property="og:title" content="XYZ" >
<meta property="og:description" content="XYZ" >
<meta property="og:image" content="xyz imagepath" >
<meta property="og:url" content="xyz url" >

component.ts

 this.meta.updateTag({ property: 'og:type', content: 'article' });
 this.meta.updateTag({ property: 'og:site_name', content: 'XYZ' });
 this.meta.updateTag({ property: 'og:title', content: config.title });
 this.meta.updateTag({ property: 'og:description', content: config.description });
 this.meta.updateTag({ property: 'og:image', content: config.image });
 this.meta.updateTag({ property: 'og:url', content: config.url });

server.js

app.engine('html', ngExpressEngine({
  bootstrap: AppServerModuleNgFactory
}));
app.set('view engine', 'html');
app.set('views', './');
app.use('/', express.static('./', {index: false}));
app.get('*', (req, res) => {
  res.render('index', {
    req
  });
});

如果我正在检查开发者工具,它会显示添加的元标记,但在发布页面时不会反映在Facebook上。

感谢。

0 个答案:

没有答案