AngularJS SEO for 404 Статус для документа, похожего на этот сайт

1. ОБНОВИТЬ
2. 2-е обновление

Я пытаюсь выяснить, как получить ошибку статуса документа 404 для страницы, не найденной в моем приложении AngularJS, для поддержания хорошего SEO. Я хотел бы сделать что-то похожее на то, как это делает сайт Red Bull Sound Select , но я не уверен, как они это делают?

пример 404 URL

https://www.redbullsoundselect.com/no-page-here

Как видно из приведенного выше примера, URL-адрес меняется на / 404, и вы получаете ошибку состояния документа 404 для исходного пути в URL-адресе, т.е. no-page-here

В моем приложении AngularJS у меня просто есть:

.otherwise ({class: 'page-not-found', заголовок: '404 Page Not Found', описание: '404 Page Not Found', templateUrl: '/app/static/404.html', контроллер: 'mainController as mainCtrl '});

Я мог бы использовать что-то вроде:

в противном случае ({redirectTo: '/ 404'});

Это похоже на то, что есть на сайте Redbull, но все равно не выдает ошибку статуса документа 404. (также изменение URL-адреса на 404 вместо сохранения исходного URL-адреса, что тоже не очень хорошо для SEO, но, по крайней мере, плохой URL-адрес не будет проиндексирован Google.)

Я думал, что мог бы попытаться сделать несуществующий http-запрос в Angular, чтобы получить статус 404 xhr, но я не думаю, что этого будет достаточно.

Я читал некоторые ответы я предложил использовать prerender.io, но это то, за что вы должны заплатить, что кажется немного большим, чтобы правильно заработать страницу 404.

Возможно, мы можем что-то сделать в нашем .htaccess для обработки 404 страниц по-разному? На данный момент мы переписали правила, чтобы любой запрошенный ресурс, который не существует, использовал /index.html. Возможно, мы можем сделать исключение для обработки 404 страниц в Apache.

ОБНОВИТЬ

Я нашел на redbullsoundselect.com, что они используют следующее в своих app.js

$ stateProvider.state ("404", {url: "/ 404", templateUrl: "/views/site/404.html", контроллер: "NotFoundController"});

Хотя я до сих пор не понимаю, как работает эта логика. Я смотрел в их NotFoundController но, кажется, в этом не так много всего происходит.

Может ли это иметь какое-то отношение к ним, используя ui.router вместо ngRoute, как я?

2-е обновление

Это моя настройка .htaccess:

RewriteEngine On # Если запрашивается существующий ресурс или каталог, перейдите к нему, так как он является RewriteCond% {DOCUMENT_ROOT}% {REQUEST_URI} -f [OR] RewriteCond% {DOCUMENT_ROOT}% {REQUEST_URI} -d RewriteRule ^ - [L]

# Если запрошенный ресурс не существует, используйте index.html RewriteRule ^ /index.html

Похожие

Комментарии