Страница 404 — что такое и как создать страницу ошибки 404

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

Как создать страницу 404

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

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

План статьи будет такой:

  1. Что такое страница 404.
  2. Как создать страницу 404.
  3. Как создать страницу 404 в phpBB.

Что такое страница 404

Мы знаем, что любой сайт находится на сервере хостера, когда пользователь набирает адрес вашего сайта в адресной строке браузера, браузер отправляет запрос серверу "показать страницу, которая содержит этот адрес", сервер, получая такой запрос, находит требуемую страницу и отвечает на запрос, передавая содержимое страницы браузеру (я упростила процесс передачи информации, выкинув из него несколько звеньев, т.к. суть сейчас не в этом). Передавая найденную страницу сервер дает ответ: "Да, такая страница существует". Но так словами объясняемся мы, люди, на языке машин любой ответ сервера называется "код состояния" и имеет числовое значение из 3 цифр, а данный ответ имеет числовое значение – 200. Т.е. каждая страница в интернете, которая разрешена для просмотра пользователями через браузер, существует на сервере и доступна в данный момент отдает код 200 OK.

Если вы стали веб-мастером, создаете собственный сайт, вы обязательно должны иметь под рукой список кодов состояния, которые отдает сервер. Если с сайтом возникла какая-то проблема, он не отображается в окне браузера, первое, что необходимо сделать – это проверить код состояния, который отдает сервер.

Теперь представьте ситуацию, когда вы, как владелец ресурса удалили какую-то страницу, а посетитель пытается к ней обратиться. Например, он ранее сохранил ее в закладках своего браузера, и сейчас пытается открыть. Естественно, сервер, к которому обращается пользователь посредством браузера, не может найти необходимую страницу. Когда сервер не может найти страницу, он отвечает: 404, что на на языке людей означает - страница не найдена. Стоит учитывать, что данный ответ сервера не всегда связан с тем, что вы что-то удалили на своем сайте. Это может быть связано с тем, что сам пользователь допустил ошибку в URL адресе страницы и обращается к тому, чего вообще никогда не было.

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

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

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

Как создать страницу 404

Создание страницы можно разделить на 2 этапа.

  1. "Физическое" создание 404 страницы.
  2. Прописываем правило в файле .htaccess.

Физическое создание страницы 404

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

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

Вы ищите страницу, которой не существует, пожалуйста, перейдите на главную, в карту сайта или воспользуйтесь поиском по сайту.

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

Правило в файле .htaccess

В корневой папке сайта должен быть служебный файл .htaccess, если его ещё нет (если вы только создаете свой сайт и он ещё не работает), то вы должны обязательно его создать, т.к. он обязательно вам потребуется и для других правил, в частности для указания, как поисковый робот должен индексировать ваш сайт с или без www. Я не буду подробно останавливаться на этом файле, это самостоятельная отдельная тема.

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

ErrorDocument 404 /404.html

Соответственно, если вы создаете страницу с расширением .php, то правило должно быть таким:

ErrorDocument 404 /404.php

Как видите, ничего сложно в этом нет.

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

Теперь о том, как создать страницу 404 в стиле форума phpBB.

Создание страницы 404 в phpBB

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

Я решила вас не томить, и сразу выложить готовые файлы, которые делала для себя. Вот ссылка на архив. В нем 2 файла.

Первый файл 404.php сохраняем в корневой папке форума.

Второй файл 404_body.html сначала правим под себя, прописываем заголовок страницы и текст сообщения на свое усмотрение, затем сохраняем в папке со стилем, который вы используете - от корня сайта styles/my_style/template/.

Далее открываем файл language/ru/common.php, не помню почему именно так, но после строки:

'SUBMIT'                    => 'Отправить',

вставляем строчку:

'404'                    => '404 Страницы не существует',

Далее открываем файл .htaccess и вставляем строчку:

ErrorDocument 404 /404.php

Т.к. на форуме я использую мод SEO Ultimate SEO URL (этот мод создает специальный .htaccess), правило у меня идет сразу после строки:

# HTTP authentication and it does not already work.

На этом страница 404 для форума phpBB готова. Можете ввести какую-нибудь абракадабру после имени домена, вас перекинет на 404 страницу.

Как оказалось на практике, все очень просто и быстро.

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

На этом все. Удачи.


Запись опубликована автором в рубрике Как создавать сайты с метками , .

Страница 404 — что такое и как создать страницу ошибки 404: 10 комментариев

  1. Golf4man

    Хм, спасибо! Очень помогла статья…Не знал просто как на html сделать 404 страницу…оказывается через .htaccess…спасибо еще раз!

  2. blogger

    >Создавая блог на Blogger и вообще на бесплатной платформе о многих вещах
    вообще не нужно думать, некоторые вещи предусмотрены разработчиками
    платформы, некоторые просто недоступны в бесплатных платформах.
    Отчасти доcтупны.
    У меня на блоггере получается переходить на свою 404 с главной страницы (домен/абракадабра.хтмл), но с внутренними дело сложнее, пока ника

  3. Ruslan_rv

    подскажите пожалуйста, возможно ли к странице 404 подключать css  таблицы, никак не получается что-то =( причем на локалке работает а когда закинул на сервер , видно что одна html без вспомогательного оформления таблиц CSS

  4. Lin

    Доброго времени суток.
    Подскажите пожалуйста, как реализовать 404 страничку, если пользователь набирает не http://мой домен/абракадабра…   , а к примеру http://мой домен/adm/ или http://мой домен/styles/ и т.д.   У меня открывается содержимое страницы с папками…  вместо 404 ошибки

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *