0

该网站是https://videosite.com。目前，每个视频都有其单独的链接，由以下内容生成：

我想像为 index.html 主页所做的那样，将 OG 元标记（如缩略图）添加到每个视频链接上。

video._id 是一个变量，它保存上传到我们网站的视频的 id。

提前感谢您的任何建议。

                 <Button
                      style={{ float: "left" }}
                      variant="contained"
                      color={this.state.copied ? "danger" : "primary"}
                      onClick={() => {
                        "https://videosite.com/#/video/" + video._id));
                        this.setState({ copied: "Copied!" });
                        setTimeout(() => {
                          this.setState({ copied: null });
                        }, 2000);
                      }}
                    >
                      Share {this.state.copied && " - " + this.state.copied}
                    </Button>
4

1 回答 1

0

为此，您需要服务器端渲染 (SSR)。爬虫并不是真正的客户端，所以服务器需要为它们呈现一个特定的页面。除非您使用服务器渲染来生成动态元标记，否则您的元将始终是 index.html 中的任何内容。在不知道您正在运行什么以及如何运行的情况下，很难解释如何应用服务器渲染，但至少它应该为您指明正确的方向。

一些阅读材料：

于 2020-01-12T02:13:34.720 回答