Question

我的Web开发人员告诉我，基于react框架的网站在客户端隐藏了代码。我在网站上看到的源代码只显示了几行代码，其他都没有网站页面的正文。请帮忙。您可以在https://raybaby.us/

上找到该网站。

由于我正在努力解决有关网站SEO的源代码，因此将不胜感激。

Answer 1

从问题的上下文出发-我认为您指的是HTML的呈现。

因此，是的，通常在仅前端的React应用程序上会发生的事情是，您将拥有一个如下所示的html文件：

<html> 
   <head> 
      <!-- some meta information here, perhaps a base css style--> 
   </head> 

   <body>  
      <div id = "root">
           <!-- this element is left empty, 
               and then react will use javascript to populate it
           --> 
      </div> 
      <script src=...> <!-- the react script--> </script> 
   </body> 
</html>

然后发生的是页面加载，然后javascript运行，并操纵dom并用您的内容填充它。

从SEO的角度来看，（我当然对SEO没有任何深入的经验），我的理解是，从前，这将是一件坏事，因为Web爬虫不会运行Javascript-他们只会看到空的HTML。

但是，我的理解is that this is no longer the case。

但是-如果您确实希望在不运行JavaScript的情况下呈现内容-您可以使用server side rendering. SSR要做的是使用React在后端呈现静态HTML，并提供预先存在的HTML和CSS在javascript开始运行之前就存在样板。

（如果您有兴趣，我个人发现this project是一个非常好的SSR模板）。

由您决定是否需要SEO来做一些研究，但这就是基础。

React基于框架的网站在客户端的浏览器中隐藏代码吗？

1 个答案: