Как сделать кастомную 404 страницу

Поделиться в facebook
Поделиться в twitter
Поделиться в vk
Поделиться в odnoklassniki
Поделиться в google
Поделиться в telegram
Поделиться в whatsapp
Мы знаем, что если набрать любой несуществующий адрес у вас на сайте, то сервер будет генерировать страницу с кодом 200 до тех пор, пока вы не настроите сервер так, чтобы он выдавал код: 404 Not found.
Как сделать кастомную 404 страницу

Эта статья предназначена для тех, у кого пока нет своего сайта, и для владельцев сайтов, которые хотят повысить их юзабилити и поднять свой сайт в результатах поиска.

Как сделать кастомную 404 страницу

Что такое кастомная страница и для чего она нужна?

Мы знаем, что если набрать любой несуществующий адрес у вас на сайте, то сервер будет генерировать страницу с кодом 200 до тех пор, пока вы не настроите сервер так, чтобы он выдавал код: 404 Not found.

Выглядеть это будет так:

ID:000 Not found

Где “000” – это адрес несуществующей страницы. Это не очень понятно пользователю и не несёт никакого смысла и пользы для дела. Поисковик не видит кода 404. Несуществующая страница выдает код 200, и поисковик полагает, что это просто дубль какой-то страницы. Поисковики очень не любят дублей. Так устроен их алгоритм, поэтому необходимо, чтобы несуществующая страница выдавала код 404. Большинство современных CMS настроены так, что сразу выдают код 404, а не 200. Но и он будет скучным и неинтересным, если не сделать кастомной страницы.

Что происходит с пользователем вашего сайта? Он перестаёт понимать, что случилось, принимает запись ID:000 Not found за вирус и просто уходит с вашего сайта.

Как же настроить вручную код ответа сервера на 404 ошибку, чтобы сервер не отдавал код 200 вместо 404?

Сначала нужно создать файл .htacess. О том, зачем он нужен, как правильно создать и настроить этот замечательный файл, можно узнать в нашей статье: Что такое .htaccess.

Затем создать файл 404.html. Оба эти файла заносятся в корневую директорию вашего сайта. Если затрудняетесь это сделать, попросите службу поддержки вашего хостинга. В файле .htacess нужно прописать следующую строку:

Error Document 404 https://mysite.ru/404.html

Вот и всё.

Как делается кастомная страница 404 в CMS.

В CMS это делается при помощи различного рода плагинов. Желательно, чтобы 404 страница не только по стилю совпадала со стилем вашего сайта, но и содержала ссылки на наиболее интересные разделы вашего сайта.

Пример кастомной страницы 404:

Примет страницы 404

Заключение

Кастомная 404 страница – это не только элемент дизайна, но и способ удержать посетителя как можно дольше на вашем сайте. Следовательно, это влияет на SEO сайта, поскольку поисковые машины учитывают время, проведённое пользователем на вашем сайте.

Связаться с нами