Как настроить .htaccess для React-сайта и не навредить SEO?

Question

[Lavitard]

На просторах сети нашёл популярную настройку файла .htaccess для React-сайта, чтобы обновление страницы не вызывало 404 ошибку:

RewriteBase /
RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteCond %{REQUEST_FILENAME} !-l
RewriteRule . /index.html [L]

Проблема в том, что Яндекс Вебмастер ругается на отсутствие возврата 404 ошибки с несуществующих страниц и предупреждает о проблемах с SEO:

Вероятно, на сайте некорректно настроен возврат HTTP-кода 404 Not Found. Это может помешать индексированию сайта.

Всё обыскал и не смог найти, как грамотно разрешить эту проблему?

Comments

[VolgaVolga]

Хотите нормальное SEO - рендерите на сервере.

Answer 1

[vitaly_74]

а теперь представьте как происходит индексация вашего сайта, поисковым роботм. он заходит на ваш сайт, загружает html-DOM и анализирует его.
Как работает ваш Js-фреймворк. загружается страница, и начинается построение (рендеринг) DOM.
Сам по себе робот не умеет в js и поэтому получает на вход пустую страницу. В комментах было верно указано. хотите seo используйте js фремворк с SSR (server side rendering). т.е. пользователь получает уже отрендеринную страницу. следовательно и посисковый робот тоже.
у вас получится 2 сервера 1 php (или еще какой) и 1 с js который на вашей стороне будет все рендерить. и тогда вот такие настройки нужны не будут. И еще получится так что клиент на прямую с php общаться не будет только с js сервером

Comments

[Lavitard]

Да, понял.

В итоге для решения именно проблемы возврата 404 ошибки настроил так, чтобы RewriteCond срабатывал только на имеющиеся страницы, по типу /about, а не на все несуществующие, теперь на них возвращается 404, а на нужные 304.