Question

我正在使用元服务进行元标记更新。我能够在index.html中使用元服务更新默认标签，并且我能够在inspect元素控制台中看到更新的标签。社交网站仅显示默认元标记。但是这些更新的标签没有出现在社交网站共享中。

带有默认静态元标记的

index.html

    <meta property="og:url " content="https://example.com/AngularApp/#/embed-video/PRIVATE/3867c8e2-85ba-4ca9-9804-b28769e67746">
<meta property="og:description" content="Grace is the only complete studio album by Jeff Buckley, released on August 23, 1994..">
<meta property="og:image" content="https://example.com/vod/images/125/03022017/flight1486153663429_play1.gif">

更新代码的组件：

ngOnInit(){
    this.metaService.updateTag({ content: 'https://example.com/vod/images/125/03022017/test.gif'}, "property='og:image'");
    this.metaService.updateTag({content:'Updated Text'}, "property ='og:description'");
}

加载此组件后，这两个标签（'og：description'和'og：image'）正在使用新内容进行更新。但在社交分享中，当我分享网址时，fb和其他网站正在从index.html获取默认元标记。这些旧标签使用我在inspect元素控制台中看到的新标签进行更新。我没有在scocial网站上看到新的元内容。遵循此元代码如何在社交网站中显示更新的元标记？

Angular版本：4.0.X

facebook正在使用默认标签而非更新标签。如何解决问题？

社交网站没有在共享上显示更新的元标记？

0 个答案: