我正在用reactjs为电影目录网站建立一个新的前端,PHP(Yii 1.1)被用作后端技术。所有 meta标签的数据都存储在数据库中,我想知道我应该用Yii 1来建立动态元标签,它将被社交网络发现。
uplii1fm1#
在Frontend中,您可以使用react-document-meta。从api获取 meta对象,并将该值传递给从react-document-meta导入的<DocumentMeta />
react-document-meta
<DocumentMeta />
const meta = { title: 'Some Meta Title', description: 'I am a description, and I can create multiple tags', canonical: 'http://example.com/path/to/page', meta: { charset: 'utf-8', name: { keywords: 'react,meta,document,html,tags' } } }
在Render方法中写入:
<DocumentMeta {...meta} />
请注意,社交网络无法读取此 meta标签,如果您使用javascript读取,则无法访问此元标签。元标签应从后端以html代码加载,以便社交网络访问在后端用php写 meta标签的解决方案是用php加载html或者使用SSR(服务器端渲染)。希望这对你有帮助
1条答案
按热度按时间uplii1fm1#
在Frontend中,您可以使用react-document-meta。
从api获取 meta对象,并将该值传递给从
react-document-meta
导入的<DocumentMeta />
在Render方法中写入:
请注意,社交网络无法读取此 meta标签,如果您使用javascript读取,则无法访问此元标签。元标签应从后端以html代码加载,以便社交网络访问
在后端用php写 meta标签的解决方案是用php加载html或者使用SSR(服务器端渲染)。
希望这对你有帮助