React.js 动态更改元标记图像
[英]React.js change meta tag image dynamically
问题描述
<Helmet>
<title>Tryon</title>
<meta id="meta-description" name="description" content="smartshop" />
<meta id="og-title" property="og:title" content="smartshop" />
<meta id="og-image" property="og:image" content="https://wl-brightside.cf.tsp.li/resize/728x/jpg/e35/4ec/4bb0ae5afebff4afdab1b29f5b.jpg" />
</Helmet>
嗨，我正在尝试动态更改元图像，但它不起作用。
https://beta.smartshop.social/sharing/?user_id=1&id=114&text=smartshop
这是 url。 元图像未出现请看一下
2 个解决方案
解决方案1
0 2020-12-17 16:59:41
为 OGP 动态更改元标记并不符合您的意图。 因为web服务的大部分爬虫不运行JavaScript，爬取周期比你想要的慢。
但是图像可以以另一种方式动态变化。 修复 URL 和服务器动态返回各种图像。
解决方案2
0 2020-12-17 17:31:42
如果您想更改head标签的任何部分，例如link 、 meta 、 title
您可以使用helmet package，它工作正常，您的参考 URL 也使用helmet
在 react.js/Styled Component 中更改视口时如何动态更改图像
[英]How to dynamically change image when view port is changed in react.js/Styled Component
如何从 React.js 中的 html 选择器动态更改背景图像 URL？
[英]How to change background image URL dynamically from html selector in React.js?
如何更改元素的父元素的样式 <NavLink> 在React.js中标记？
[英]How to change styles of a parent element of a <NavLink> tag in React.js?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.