如何让我的 reactjs-for-wordpress-plugin 内容对 Google 可见？答案

【问题标题】：How do I make my reactjs-for-wordpress-plugin content visible to Google?如何让我的 reactjs-for-wordpress-plugin 内容对 Google 可见？
【发布时间】：2023-02-23 01:58:11
【问题描述】：

我使用 React 创建了一个 Wordpress 插件，并将其用作简码。我最近意识到，使用代码中的查看源代码选项看不到 React 应用程序中的内容，甚至谷歌也无法读取它以进行 SEO。

如何让它像普通 html 页面一样对 google 可见？

我的构建文件夹包含以下内容：

index.asset.php
索引.css
index.js

我尝试了一个预呈现的 npm 包，但它没有用——应用程序没有出现在页面中。我在我的项目中使用 wp-scripts。

【问题讨论】：

标签： reactjs wordpress shortcode

【解决方案1】：

React 应用程序默认在客户端呈现，这意味着它不包含在发送到浏览器的初始 HTML 源代码中。

要使您的 React 应用程序对搜索引擎可见，您需要为 WordPress 插件实施服务器端呈现 (SSR)。

您可以查看this article 以获得有关工具和框架的更好想法，这些工具和框架将帮助您为 React 启用 SSR

【讨论】：