Question

如果我是我网站的某些链接，我想使用图片。好吧，我正在使用以下内容：

        import { Meta, Title } from "@angular/platform-browser";
        this.title.setTitle(this.data[0].title + ' - ' + this.data[0].city 
        );

        this.meta.addTags([

          { name: 'keywords', content: 'Globetrotter, Backpacking, Hiking, Travel' + this.data[0].city + ',' + this.data[0].country},
          { name: 'description', content: this.data[0].description},
          { name: 'og:image', content: this.data[0].images[0]}
        ]);

一切正常，但图像没有，我不确定是否正确。在我的index.html文件中，我有另一个图像，这是发生的。我应该删除吗？如何设置自动显示整个网站的网址？

的index.html 即使我输入不同的网址路径，Facebook也会始终显示此图像。

<meta property="og:image"     content="https://cdn.pixabay.com/photo/2017/09/01/21/53/blue-2705642_960_720.jpg"
 />

我希望Facebook或其他网站能够识别此处的图片：

 { name: 'og:image', content: this.data[0].images[0]}

Answer 1

问题可能是，facebook的抓取工具/僵尸程序不会执行JavaScript，因此只会看到您@Override public void onPause() { super.onPause(); dismiss(); }中静态传送的<meta>标记。

您必须使用预呈现服务（如prerender.io）或在服务器端编写正确的元标记。

Facebook的元数据图像

1 个答案: