Я хочу создать SEO-дружественный сайт, используя Angular7.Я создал сервис для добавления обновлений метатегов в соответствии с моим компонентом, например.(компонент сведений о продукте) данные каждого продукта будут связаны в метатегах.
`<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' });};
Я могусм. обновленные метатеги в консоли браузера.пожалуйста, предоставьте мне решение.