Angular Universal - метатеги OG не работают с дочерними маршрутами

Мой сайт, размещенный на 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 ответов

Другие вопросы по тегам