如何在 Angular SPA 中通知 GoogleBot 404 页面？答案

【问题标题】：How to notify GoogleBot about 404 pages in Angular SPA?如何在 Angular SPA 中通知 GoogleBot 404 页面？
【发布时间】：2016-06-29 15:12:33
【问题描述】：

可能重复的问题Best way to set up 404 pages in a angular SPA? 但我没有找到我的问题的可靠答案。
我很想知道是否有办法告诉 googlebot 404 页面？为此目的有一个名为 prerender-status-code 的标签，但我没有找到 Google Seo 团队的任何官方文章来确认他们尊重这个元标签。
这足以遵循here 中指定的最佳实践吗？
还是我应该做更多的事情？（可能与 Google 网站管理员工具有关？）
我对一些知名的 SPA 进行了研究，发现 SoundCloud 在他们的 404 页面上添加了一个 nofollow 标签，如下所示：

<meta content="noindex, nofollow" name="robots">

googlebot 是否尊重后来由 js 添加的元标记？

【问题讨论】：

检查，stackoverflow.com/questions/37334220/…。刚刚回答。

标签： javascript angularjs seo single-page-application googlebot

【解决方案1】：

您可以在 404 组件中动态添加元标记：

import { Component } from '@angular/core';
import { Meta } from '@angular/platform-browser';

@Component({
  selector: 'app-notfound',
  templateUrl: './notfound.component.html',
  styleUrls: []
})
export class NotFoundComponent {

  constructor(private meta: Meta) {
    meta.addTag({ name: "robots", content: "noindex" });
  }

Google 在 angular.io 网站上自己做：https://github.com/angular/angular/blob/7b56daffe68c1874ece7ac3b5e252e1edfed980a/aio/src/index.html

【讨论】：

【解决方案2】：

告诉 google bot 这是 404 页面的唯一方法是发送 http 状态码 404。

关于预渲染状态代码。您似乎已经在 prernder.io 上阅读过它。这个元标记背后的真正想法是告诉预渲染它需要扔给客户端的页面代码是什么。因此，您可以根据 js 应用程序的逻辑来控制是否发送 404（或任何其他代码）。你可以在这里阅读更多内容https://github.com/prerender/prerender/issues/347

我希望在这个 Advanced google bot 实施后，我们都能深呼吸！ https://webmasters.googleblog.com/2017/12/rendering-ajax-crawling-pages.html

【讨论】：