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

Содержание:

Программисты не придают особого внимания такому моменту, как страница 404, и делают промах. Эта страница имеет важность в функциональности ресурса.

Далее мы рассмотрим, как правильно настроить эту страницу у себя на сайте.

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

Что значит код 404

Полное его название «404 Not Found» (не найдено). Оно обозначает, что сервер понимает запрос, но сама страница по введенному URL-адресу отсутствует.

Почему выскакивает ошибка 404

Страница 404 появляется в нескольких случаях:

  1. Пользователь неправильно ввел адрес сайта в строку браузера. Допустим, пользователь мог забыть ввести букву, цифру или символ. Сервер получил запрос в виде ссылки, но не находит подходящий адрес.
  2. Сбой интернет-соединения, который не позволил отобразить страницу в окне браузера.
  3. Ошибка 404может возникнуть в случае неправильной работы сервера, куда посылается запрос с адресом сайта. Подобная ситуация встречается редко, она в основном случается из-за хакерской атаки на сервер.
  4. Код 404 значит, что на сайте имеется несуществующая страница.

Почему важно настроить страницу 404 на ресурсе

Если возникнут проблемы, о которых было написано выше, то пользователь будет знать, что страницы не существует. Он не станет тратить свое время на повторные вводы адреса.

Конечно, в идеале необходимо убрать с сайта пустые и битые страницы, но лучше перестраховаться и настроить страницу 404. Пользователь будет оповещен и не станет относиться негативно к тому, что нет нужной страницы. Это также влияет и на поведенческий фактор в поисковиках, пользователь все равно повторно зайдет на сайт в поисках информации.

Как ошибка 404 влияет на SEO-продвижение

Поисковики воспринимают ошибку 404 как естественную часть сайта.

Ошибка не влияет на эффективность сайта в поисковых системах. В справке Google по поводу этого указана та же самая информация:

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

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

Как видим, необходимо возвращение кода ответа HTTP и чтобы доступ к 404 странице не блокировался в файле robots.txt. Соблюдение этих правил позволит поисковикам иметь лояльное отношение к сайту с ошибкой 404.

Также на сайте должен присутствовать только полезный контент. Поисковики тщательно относятся к информационному наполнению ресурсов.

Сама страница 404 не влияет негативно на SEO-продвижение. На ранжирование плохо влияют ссылки, в которых содержатся адреса на страницу 404.

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

Нерабочие ссылки отражаются и на краулинговом бюджете. Поисковый робот будет тратить весь свой ресурс на переход по 404 страницам вместо индексации нормально работающих страниц.

Когда нет битых ссылок, робот не сможет найти страницы, которые показывают 404 ошибку.

Почему поисковый робот сканирует пустую страницу, написано в справке Google:

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

Что представляет собой идеальная страница 404

Она должна иметь привлекательную или нестандартную картинку и текст. Такая страница убирает негатив у пользователя и сглаживает острые углы.

Подобный жест становится своеобразным извинением за ошибку.

Если серьезно подойти к этому вопросу, то такая страница должна решать следующие задачи:

  • захватывать внимание пользователя;
  • рассказывать о причине ошибки;
  • иметь инструкцию, как решить эту проблему.

Необходимо прибегнуть к юмору и креативу.

Вот небольшой пример качественно сделанной страницы 404. Она не вызывает негатива, даже наоборот, заставляет пользователя улыбнуться:

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

Как настроить страницу 404 для сайта

Для этого потребуется прописать в файле .htaccess эту функцию:

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

Сам файл можно найти в корневой папке сайта.

Что указывается на странице 404

На ней необходимо обязательно указать:

  • данные о том, что произошел сбой;
  • ссылку на главную страницу.

Страница 404 должна заметно выделяться среди остальных страниц сайта.

Как настроить 404 в WordPress?

Рассмотрим еще один способ создания страницы 404. Сам WordPress по умолчанию генерирует определенный шаблон этой страницы, но он достаточно простой, и его нужно изменить.

Для создания 404 страницы под себя необходимо создать в файле активного шаблона файл 404.php. Вполне вероятно, что этот файл там уже есть, тогда его надо просто открыть.

В код можно вносить разные изменения, например вставлять виджеты или картинки.

Если в шаблоне нет файла 404.php, то его можно заимствовать из другой темы, предварительно удалив все ненужное из него. Можно также написать этот файл самому.

Ниже показан пример простого шаблона файла 404.php:

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

Как видно, шаблон достаточно простой, в него подключается боковая колонка, шапка и футер. В основной части находится картинка и абзац.

По итогу страничка отображается в таком виде:

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

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

Вопросы – Ответы

Разберем самые популярные вопросы по этой теме.

Какую картинку лучше ставить на страницу 404?

Абсолютно любую. Главное, чтобы она была креативной и никого не оскорбляла своим содержанием.

Обязательно ли делать на 404 ссылку на главную страницу?

Не обязательно, но желательно. Так людям будет понятно, от чего отталкиваться. Возможно, они найдут через главную страницу что-то необходимое. Опять же, это влияет на удержание аудитории на сайте.

Можно ли делать перелинковку с 404 на работающий аналог страницы?

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

Лучше просто убрать страницу 404 и поставить на ее место работающий аналог. Это, конечно, в том случае, если страница, на которую делают перелинковку, находится на другом сайте.

Заключение

Мы научились создавать правильную страницу 404 и рассмотрели основные моменты ее оформления.

Давайте еще раз вспомним, какие вопросы были в статье:

  • что означает код 404;
  • почему появляется ошибка 404;
  • важность настройки страницы 404;
  • как ошибка 404 влияет на SEO-продвижение;
  • что представляет собой идеальная страница 404;
  • настройка 404 для сайта;
  • настройка 404 в WordPress;
  • ответы на вопросы.

Используйте информацию из статьи, и вы настроите на своем сайте нормальную страницу 404, которая будет радовать глаз пользователя и не вызывать негатив.

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

Занятия будут вести преподаватели, имеющие опыт работы в крупных компаниях. Они не только научат вас академическому программированию, но и поделятся своими фишками, которые помогут быстрее писать программы.

По окончании курса вы получите сертификат, удостоверяющий вашу квалификацию. В компаниях он котируется на уровне диплома.

Поторопитесь! Количество мест ограничено.

Присоединяйся к DevEducation — стань востребованным специалистом и построй карьеру в IT!