我想使用Angular7创建一个SEO友好的网站。 我已经创建了根据我的组件添加更新元标记的服务 例如。 （产品详细信息组件）每个产品数据都将绑定到元标记中。
`<meta property="og:url" content="http://shop.kisaanse.co.in" />
<meta property="og:type" content="website" />
<meta property="og:title" content="KisaanSe: Fresh farm products directly dispatched from farms and delivered right at your doorsteps" />
<meta property="og:description" content="KisaanSe: Fresh farm products directly dispatched from farms and delivered right at your doorsteps" />
<meta property="og:image" content="https://foodforward.org/wp-content/uploads/2018/04/mango-min-1024x576.png" />
` 元标记的头部更新很好。现在，如果我要在Facebook上共享我的产品详细信息屏幕，那么我不会得到该服务提供的元数据。
这是我的服务代码...
addMetaTags(metaData) {
this.title.setTitle(metaData.title);
this.meta.updateTag({ name: 'author', content: 'KisaanSe' });
this.meta.updateTag({ name: 'keywords', content: metaData.keyword });
this.meta.updateTag({ name: 'description', content: metaData.desc });
this.meta.updateTag({ httpEquiv: 'Content-Type', content: 'text/html' });
this.meta.updateTag({ property: 'og:url', content: metaData.url });
this.meta.updateTag({ property: 'og:title', content: metaData.title });
this.meta.updateTag({ property: 'og:image', content: metaData.image });
this.meta.updateTag({ property: 'og:type', content: "website" });
this.meta.updateTag({ property: 'og:description', content: metaData.desc });
this.meta.updateTag({ property: 'fb:app_id', content: "2311063245887142" });
this.meta.updateTag({ charset: 'UTF-8' });};
我可以在浏览器控制台中看到更新的元标记。请为我提供解决方案。