Я использую мета-сервисы из @ angular / platform-browser для добавления динамически мета-тегов в мой маршрут.Когда я осматриваю страницу, я вижу метатеги, но они не обнаруживаются твиттером или фейсбуком.Вот что я сделал:
Я добавил метатег в index.html
<meta name="title" content="test title">
, затем в своем компоненте я обновил тег:
...
constructor(private meta: Meta, private postSearchService: PostSearchService) {}
ngOnInit(){
this.postSearchService.getPost(this.postName).then((data) => {
this.data = data;
this.meta.updateTag({ name: "title", content: data.title });
});
}
Проблемав том, что твиттер и фейсбук не обнаруживают метатеги:
(здесь вы видите, что заголовок не появляется, то же самое происходит, если я пытаюсь добавить изображения).
Но когда я осматриваю страницу, я вижу, как обновляется метатег внутри <head>
Я не знаю, что делать. Может ли это быть из-за того, что я обновляю метатег после поиска в сообщении, это занимает слишком много времени, и твиттер не обнаруживает его?
Я что-то не так делаю?