动态添加的每个页面的 SEO:react js

Posted

技术标签:

【中文标题】动态添加的每个页面的 SEO:react js【英文标题】:SEO for each page thats added dynamically : react js 【发布时间】:2022-01-21 08:35:48 【问题描述】:

我正在尝试创建一个类似 *** 的网站,用户可以在其中添加多个问题并且他们可以回答 https://wixten.com/

但我不知道如何为每个在提出问题时动态添加的页面进行 seo。

我已经配置了使用头盔创建每个页面时创建的动态页面,因此每个路线都有自己的页面标题和描述。

由于所有内页都是动态生成的,我无法为每个页面创建站点地图。

由于 Google bot 不会抓取动态网址,我不知道如何为这些页面编制索引 - 我需要帮助。

希望有人能帮助我在过去的两周里我一直被这个问题困扰,我在互联网上尝试了所有我能找到的东西,但没有运气

【问题讨论】:

【参考方案1】:

添加指向动态页面的链接是关键。例如,如果您有一个类似 *** 的问题列表,则 google 已经访问了该页面(问题列表),您的新页面被编入索引只是时间问题。您需要做的另一件事是创建一个 dynamic sitemap.xml 文件,该文件会根据您网站中页面的创建/删除而变化:)

【讨论】:

你能推荐任何方法来创建一个动态的sitemap.xml,在创建和删除新页面时更新sitemap.xml 这需要在后端进行。我建议研究如何以您在后端使用的语言生成文件。 我在 Heroku 中使用 express.js,你能推荐任何方法 我认为这可以解决问题:Express - write to file。只需更改文件扩展名并用正确的内容填充即可。 我按照你的要求尝试并在我的 express.js 中创建了我的 sitemap.txt 文件,但我无法将它连接到谷歌 serach 控制台我的 express.js 托管在 heroku 中我如何连接谷歌搜索控制台到它

以上是关于动态添加的每个页面的 SEO:react js的主要内容,如果未能解决你的问题,请参考以下文章

Next.js 中的动态路由是在服务器端还是客户端呈现?

在AJAX页面上启用SEO

动态获取js对象的元素

vue动态给网站每个页面添加title 关键词 描述方法

SEO友好的React-Redux应用程序

百度霸屏:关于SEO网站优化并非一定需要静态化