产品中的 Angular 4 SEO 友好解决方案

Question

我正在尝试使用 Angular 4 创建一个网站。这是我个人学习的基础。

My website 已启动并正在运行，但我正在努力改进它。我检查了一下，显然我的网站对 SEO 不友好。我做了一些更改，发现了这个示例https://oliverveits.wordpress.com/2017/07/05/server-side-rendering-in-angular-4-with-universal/，它显示了一个带有页面源代码的 Angular 4 应用程序。

我进行了更改，我开始使用链接中的 Webpack 和其他功能。当我运行命令“npm run start”并访问http://localhost:8000 时，我可以看到页面源。但是当我将 dist 复制到 Godaddy 域上的服务器时，我不能。

我不确定我必须做什么。如果我需要将我的网站放在 node.js 服务器中，或者我没有正确编译它以获得我所期望的。

我对不同的方法持开放态度。

Answer 1

嗯，我找到了导致这个问题的原因。

我认为许多新的 Angular 开发人员可能有同样的问题。

当您运行“npm start”或“ng s”时，您所做的是让节点侦听特定端口。换句话说，您正在运行一个节点服务器。

在另一种方法中，将文件复制到 IIS 服务器或 Apache 服务器。这不会使节点服务器运行。在这种情况下，页面被下载到客户端浏览器并作为 HTML/javascript 页面运行。因此，当我尝试查看页面源代码时，我看到了 Angular 文件。

我花了一段时间才明白。我的背景是 .Net 开发。

现在有一天，我的网站在众多 node.js 服务器之一中运行。 evennode.com，在这台服务器上而不是有一个 IIS 或 Apache，他们设置了一个节点服务器来列出一个特定的端口，然后你就可以在服务器端运行你的所有开发。

我发现使用像 evennode 这样的节点 js 服务器更容易，它们设置 tup 节点 js 在我的 Goddady 帐户上运行。