问题标签 [angular-seo]

我已经用 angularjs 构建了站点，并且正在使用 html5 pushstate 模式。我还在 html 页面中添加了标签。我不为机器人提供 html 快照。我期待谷歌自己执行 javascript 并索引我的网站。但是，谷歌正在索引 html 页面（不执行 javascript）。我没有心情提供 html 快照，因为我读过 google 很好地执行了 javascript。我已经为 googlebot 添加了上面的元标记来告诉执行 javascript。但它是否因为我添加了元标记而期待快照？

我有一个带有页面和动态内容的角度应用程序。我使用ui路由器进行路由。

我希望用户看到服务器端渲染将返回它的静态 html，并且在加载 Angular 时，使用您的路由器模板更改 html 内容。

示例静态 html 是：

示例 ui 路由器模板是：

我的目标：

1. 在加载动态内容之前，用户应该看到一些静态 html。动态内容将取代它。

2. 搜索引擎应该跟踪静态文件，而不是像<p>{{myModel2}}</p>

我正在搜索一个关于 Angular 2 的 SEO 或 Metatags 的完整工作示例，使用 Angular 通用在服务器端呈现（由 facebook、twiter 和其他元标记识别），但我没有成功..

我找到了多篇文章，但有不完整（没有所有源代码可用）或最旧（未使用最新版本编译）：

a) blog.devcross.net/2016/04/17/angular-2-universal-seo-friendly-website/ 注意：带有源代码的优秀帖子，但它不起作用。

b）builtvisible.com/universal-angular-2-server-side-rendering-seo-crawl-friendly/ 注意：非常有用，但没有完整的源代码。

c) https://gist.github.com/kaaboeld/851bc3190eec67f6723c6054751ee2dc

注意：不完全工作的例子。可能是最好的方法..

d) https://github.com/angular/universal/issues/454 注意：它是 c 选项的变体，有一些修复...

你有任何完整的工作示例吗？

提前致谢

我阅读了有关该问题的不同 SO 帖子和博客文章，但没有一个回答我的问题。

这是我所拥有的：

Angular-translate 被激活以找到首选语言，将其存储localstorage/cookie并使用它来翻译页面。

大多数人都试图以相反的方式做到这一点：有人输入一个类似domain.com/en/pagename. 我不关心 url 中的语言环境（虽然它可以在那里，但我真的不在乎）。

这是我正在尝试做的事情：

但重要的是为了 SEO 和用户友好的目的翻译那里的标题。有：

或者

有什么建议可以实现吗？知道页面标题应该是动态的，来自locale-??.json文件！

我们使用构建在 ASP.NET MVC 之上的 SystemJS 开发和部署了一个 Angular 2 应用程序，并实现了 AOT 编译以进行部署以加快加载时间。一切正常，但您可能已经猜到了，我们现在遇到了 SEO 问题。

现在，为了克服这个问题，我们需要使用 Angular Universal 来做一些服务器预渲染。我不是来自 Nodejs 背景，所以事先道歉，我不想使用/安装单独的 Nodejs 服务器来在 ASP.NET 之上进行预渲染。有没有一种方法可以使用（或不使用）Angular Universal 使用其他一些服务器（如 ASP.NET 本身）进行一些预渲染？

AOT 的初始加载速度已经达到了目标，它只是造成问题的 Facebook 元标签。

PS：我正在使用 SystemJS，很抱歉在提出这个问题时没有包含任何代码片段，因为它更像是一个方法问题而不是编码错误。谢谢

我花了整整 6 天的时间将仅 HTML5 的应用程序转换为 Angular 4 路由应用程序。只是为了能够使用 Angular 4 路由使网站对 SEO 更友好。

开发成功后，我将它部署在服务器上，只是为了实现直接 url 导致 404 页面。示例： http : //abc.com/route

同样的事情在点击 routerLinks 时效果很好。我已经看过几篇关于这个问题的博客文章，但我无法决定哪个是最快的解决方案。有人可以帮我吗？请注意，我没有使用 Angular CLI。

我按照 angular-cli wiki 中的 wiki 进行了 Angular 5 中的服务器端渲染。

正确执行所有步骤。我记得它上周奏效了。我没有对我的系统进行任何更改。

但是昨天当我尝试相同的步骤 npm run build:ssr && npm run serve:ssr 时，我收到了以下错误：

感谢您的帮助。

Package.json 文件：

我已经在 Angular 5 应用程序中实现了 Angular Universal。但是，我在查看页面源代码中看不到元标记、源代码。当我在开发人员工具中检查代码时，我会看到元标记、关键字。但不在源代码中。SEO Checker 也找不到关键字。正常吗？

我已将我的应用程序从 Angular 版本 5 更新到最新版本。这是详细信息：

我也在使用 这个：ng-toolkit-universal 来实现服务器端渲染。我可以使用命令“ npm run build:prod ”构建应用程序，但在运行命令时遇到以下问题：“n pm run server ”：

任何人都可以请帮助或建议一些解决方案。

提前致谢！

Ngx-slick 显示以下错误：

在我的 Node dist/server 上，它向我显示了错误，但在 ng build 上，它正在正确构建。

我该如何解决这个问题？