gpt4 book ai didi

AngularJS SEO 页面 404 header 状态代码

转载 作者:塔克拉玛干 更新时间:2023-11-03 02:30:34 25 4
gpt4 key购买 nike

我们在一个使用 Symfony2 + AngularJS 的项目中工作。每个都在不同的域中(Symfony2 的 api.domain 和 Angular 项目的 www.domain)。

现在我们专注于 SEO 部分。我们使用 Prerender.io 创建静态快照,为爬虫提供良好的 HTML 原始页面。

但问题是在 Angular 上提供“404 页面”时:

$urlRouterProvider
.otherwise('/404');

问题是,我们所做的是将一个不存在的页面重定向到带有 200 header 状态代码的“404 页面”,这对于 SEO 目的非常不利...

由于 AngularJS 无法生成,我们已经尝试了两件事:

<强>1。使用 htaccess/Apache 的重定向:

 RedirectMatch 404 "/404"

<强>2。调用返回 404 错误的网络服务:

<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
<html>
<head>
<title>404 Not Found</title>
</head>
<body>
<h1>Not Found</h1>
<p>The requested URL /do-not-access was not found on this server.</p>
</body>
</html>

对于 AngularJS 端,我们尝试抛出 header 状态代码但没有成功:

return $http.get(ENV.apiEndpoint + '/do-not-access');

这些对我们都不起作用......

我们还考虑使用第二个“404 页面”。这个想法是通过带有 404 状态代码的 htaccess 将我们的第一个 404 页面重定向到第二个 404 页面,但我们认为由于 AngularJS 内部重定向,这将无法工作:

200 -> 301 -> 404

PS:我找到了:AngularJS html5mode and hard 404上面写着“我们必须配置我们的服务器来为您的自定义 404 页面创建一个路由异常”,但我们真的不知道该怎么做......

我们是否以错误的方式专注?

还有其他选择吗?

我们该如何处理?

有什么想法吗?

最佳答案

似乎 prerender.io 提供了一种处理 http header status 的方法。

例如,对于404 页面,我们只需要将此元标记添加到我们的head 标记中:

<meta name="prerender-status-code" content="404">

文档:https://prerender.io/documentation/best-practices

关于AngularJS SEO 页面 404 header 状态代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29097924/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com