我正在使用reactjs为电影目录网站构建一个新的前端,其中PHP(Yii 1.1)被用作后端技术。元标记的所有数据都存储在数据库中,我想知道我应该与Yii 1一起使用什么以便构建可被社交网络发现的动态元标记。
在Frontend中,您可以使用react-document-meta。
从API获取您的元对象,并通过该值<DocumentMeta />
从进口react-document-meta
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'
}
}
}
在渲染方法中编写:
<DocumentMeta {...meta} />
请注意,社交网络无法读取此元标记,如果您使用javascript进行读取,则它们将无法访问。元标记应从后端以html代码加载,以便社交网络可以访问
在后端使用php编写元标记的解决方案是使用php加载html或使用SSR(服务器端渲染)。两者都会导致刷新您的网站。
希望这对您有帮助
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句