Verification: a143cc29221c9be0

Page not found page in php

Page not found page in php

[править] Описание

Ошибка 404 наиболее часто встречается в следующих случаях:

  • Некорректный ввод адреса, например при его вводе напрямую через адресную строку браузера — если допущена опечатка (например indez.html вместо index.html) или имеется несовпадение кодировок, сервер не может найти необходимый документ и отдает ошибку 404;
  • Изменение структуры сайта, при которой появляются «битые ссылки» — по ранее валидным адресам материалы перестают быть доступными;
  • Некорректная настройка прокси-сервера.

[править] Реализация

  • Стандартный сервер отдает только код состояния 404, обрабатываемый браузером, либо стандартное сообщение, выглядящее как plain text на белом фоне.
  • В MediaWiki и ряде других CMS при запросе несуществующего материала отображается страница с описанием ошибки, предложением осуществить поиск по другим материалам или в Google, или создать такой материал. При этом сохраняется интерфейс сайта, позволяющий продолжать навигацию.
  • Может быть реализована «ложная ошибка» — при этом пользователю показывается страница со словами 404, но сервер возвращает код 200.

[править] Интересные факты

404 страшный сон.jpg

  • Число 404 в переложении на григорианский календарь означает «4 апреля», эта дата, с юмористической подоплёкой, была выбрана веб-мастерами как свой профессиональный праздник. Поскольку сфера деятельности первых веб-мастеров была весьма широка: веб-дизайнер, основатель сайта, модератор, программист, системный администратор, контент-менеджер, сотрудник техподдержки, то этот праздник не чужд для всех тех, кто занимается каким-либо из перечисленных родов деятельности. Также эта дата совпадает с Международным днём интернета и католическим Днём Исидора Севильского, назначенном свыше покровителем «всемирной паутины».[2]
  • С недавнего времени страной 404 называют Украину, по причине отсутствия порядка в стране после незаконного вооруженного переворота в ходе Евромайдана, включая проблемы с целостностью страны.
  • Существует российский интернет-проект Дети-404, согласно описанию направленный на поддержку несовершеннолетних, подвергающихся преследованиям из-за нетрадиционной сексуальной ориентации.
  • На сайте 4PDA ошибка 404 отображается при попытке просмотреть страницу, которая ограничена для просмотра (например, попытка скачать файл незарегистрированным посетителем). Отображается текст «Запрашиваемая информация не существует, перемещена или удалена». В действительности в подобных случаях должна отображаться ошибка 403, а попытки скрыть этот факт являются признаком административного произвола на данном сайте.
  • В детективном рассказе Р. ван Гулика «Канцелярская тесьма» (публ. в 1967 г.) чиновник ищет документ П-404 и не может найти. Совпадение-предвидение.

[править] Своя страница ошибки на сайте

Владельцы сайтов могут использовать вместо стандартной страницы ошибки свою, соответствующую дизайну сайта. Также это необходимо в случае, когда нужно скрыть от пользователя факт использования для сайте бесплатного хостинга (напр. 000webhost). На данных видах хостинга при ошибке 404 по умолчанию происходит перенаправление на сайт хостера (www.000webhost.com).

Это можно сделать с помощью редактирования файла настройки сервера Apache .htaccess, который находится в корневой папке сайта (обычно это public_html).

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

где error404.html — это файл страницы с ошибкой 404.

[править] Ошибка 404 на сайте nostalgy.net.ru

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

[править] Галерея

  • Ошибка 404 в стиле синего экрана смерти Windows 10

[править] См. также

  • Вики 404
  • Дети-404

[править] Примечания

Редирект 404 на htaccess

Это не опечатка, действительно ошибка 404 создается аналогично 301 редиректу в .htaccess но с некой оговоркой.

Предположим, что у нас на сайте есть ненужные ссылки с GET параметрами, например ваш_сайт/?more=1 и мы хотим запретить их показывать отдав ошибку 404 в ответ.

Забрасываем этот код в файл htaccess в корне вашего сайта WordPress и смотрим результат:

Вот так вот, браузер получает ошибку 404 через redirect. Аналогичное сообщение получит и поисковый бот и через время выбросит этот url из своего кеша.

Если вам нужно заблокировать какую нибудь страницу WordPRess, например ваш_сайт/privet-mir/, можно написать код вот такого плана:

Результат работы предсказуемый:

Я тестировал этот результат только на CMS WordPress, если у вас не получается использовать 404 редирект htaccess на другой системе управления не стоить расстраиваться, по всей видимости код для них может быть похожий. Как альтернатива попробуйте вот такой код:

Он не работает на вордпресс, но работает на сайтах без системы управления контентом.

Ошибка 404 htaccess

Если вы внимательно тестировали результат работы, то наверное заметили вот эту дурацкую ошибку:

Как указать страницу ошибки 404 на htaccess

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

Полный код будет выглядеть приблизительно вот так тогда:

И тут как говорится за что боролись, на то и напоролись:

Перед ошибкой 404 мы получаем ошибку 302 и это как говорят СЕО шники очень плохо. В общем если ваш заказчик не СЕО специалист этот вариант прокатит, в альтернативном варианте надо использовать PHP для генерации ответа. Об этом я писал вот здесь: 404 c php

Если мне удастся решить проблему с htaccess 404 redirect 302 я обязательно напишу вам об этом в этой же теме. На данный момент решение проблемы не найдено. Решение есть, описал его ниже.

Аналогично можно было не придумывать каруселей и сделать 404 редирект на htaccess через 301 редирект, разницы по сути никакой, только проще и быстрее:

По сути задача сделать саму ошибку 404 превратилась в банальное перенаправление на 404. Будем искать варианты.

Решение проблемы 302 перенаправления при ответе 404

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

В корне сайта создаем файл "error.html" и туда забрасываем хтмл код, который генерирует ваш сервер WordPress. Вот результаты работы:

и вот же правильная страница ошибки без редиректа 302:

Теоретически на этом все. Теперь вы знаете как делается ошибка 404 на htaccess.

Если вы имеете другие решения htaccess 404 redirect или перенаправление на 404 без редиректа 301 и 302 буду рад вас выслушать. Обращайтесь, пишите комментарии, жмите лайк.

Помогите справиться с проблемой. Есть сайт, который сейчас работает на wp, до этого работал или на джумле или на opencart. Остались хвосты в виде url сайт/?route=product/category&path=44

требуется все эти хвосты перевести в 404.
Пробовал добавить в .htaccess такой код:
RewriteCond % ^.*route.*
RewriteRule . — [R=404,L,NC]

но это не помогает, все равно 200 ОК отдает.

Добрый день.
Если все правильно, то этот код должен работать, только его нужно добавлять в самом верху и вы забыли о ErrorDocument 404 /error.html надо еще создать файл с ошибкой в корне, error.html хотя бы для теста.

Если не будет работать то этот вариант точно вам поможет
RewriteCond % ^.*route.*
RewriteRule ^(.*)$ http://%/404/? [R=301,L]
будет редирект вместо 404
главное писать код в самом верху файла хтацес.

Если нет то есть еще пхп ответ 404 вот тут о нем писал https://help-wp.ru/seo-wordpress-kak-otpravit-oshibku-404-s-php-chasti/

писал вот такой код полностью.

RewriteCond % ^.*route.*
RewriteRule . — [R=404,L,NC]
# BEGIN WordPress

RewriteEngine On
RewriteBase /
RewriteRule ^index.php$ — [L]
RewriteCond % !-f
RewriteCond %
!-d
RewriteRule . /index.php [L]

и не хочет гад.
Не сочтите за наглость, приведу конкретный пример.

вот этой странице нужно прописать 404.

да код вроде правильный, но в самом верху не хватет строчки ErrorDocument 404 /error.html ну и собственно сам файл в корне создайте.

Если не помогает можете открыть header.php вашей темы и забросить в самый верх вот такое:

это точно поможет

ПРивет очень круто искал долго решения. Но почему то оно мне не помогло идет все равно редирект на главную. Ситуация следующая сайт спамят беками на страницы моего сайта — site.ru/?page=(-url-) (все время разные сайты). Использовал код # BEGIN WordPress

RewriteCond % ^.*page=.*
RewriteRule . — [R=404,L,NC]
RewriteEngine On
RewriteBase /
RewriteRule ^index.php$ — [L]
RewriteCond % !-f
RewriteCond %
!-d

RewriteRule . /index.php [L]

# END WordPress
# END WordPress

Но при переходе на страницу site.ru/?page=(-url-) почему то переход идет на мою главную страницу. Подскажите может чтото сделать или кто-то знает. Спасибо.

Добрый день.
Вы видимо эту часть упустили ErrorDocument 404 /error.html

+ у вашем случаи не важно будет там 301 или не будет, можно смело через 301 редирект то же самое делать, на страницу вашсайт/404 или любую другую, хотя должно и через ошибку 404 получится

RewriteEngine On
RewriteBase /
RewriteRule ^index.php$ — [L]
RewriteCond % !-f
RewriteCond %
!-d
ErrorDocument 404 /error.html
RewriteCond % ^.*page=.*
RewriteRule . — [R=404,L,NC]
RewriteRule . /index.php [L]

Не работает)
Поставил 301
Redirect 301 /?page=http://(-url-) (-url-)
Также все равно на главную.

Ваш код должен быть выше ВП — шного.
Больше ничего не подскажу, так как чтоб понимать больше нужно смотреть конкретный сайт изнутри.

Здравствуйте.. понравилась статья..но у меня другой вопрос. Блог на ВП, а как сделать чтобы переводило на ошибку 404 со страниц с регистром HTTPS ..Просто у меня не получилось из-за сложности шаблона перейти на этот регистр но Яндекс уже успел проиндексировать и склеить зеркала, и теперь пользователи переходя по ссылке с поисковика натыкаются на фразу "Соединение не защищено" и т.п. а так хотя бы на блог с предложением других статей попадали (у меня так настроена при ошибке 404) ..Спасибо за ответ.

Добрый день.
Я никогда такого не делал и сейчас нет времени тестировать, но мне кажется вот такой вариант в htaccess должен работать.
Предположим что у вас за 404 отвечает страница вашсайт/404/, вы хотите чтоб она была без http, код ниже должен работать но я не уверен, может и не работать:
RewriteEngine on
RewriteCond % on
RewriteCond % ^/404.*
RewriteRule ^(.*)$ http://%/%
? [R=301,L]

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

SOS
Не могу победить

php_flag register_globals on
RewriteEngine on
RewriteRule ^([-,0-9,a-z]+)$ /index.php?area=1&p=static&page=$1

Стандартное сообщение с перенаправлением на главную

Создал new404 (-url-)

Если вместо $1 вставляю new404, то все ссылки идут только на неё.

Помогите, пожалуйста, задействовать при ошибке 404 перенаправление на new404 и убрать стандартное сообщение.

Немного не понял что вам нужно сделать. Пробовали код вставлять из этой статьи, он 100% рабочий под ВП я проверял.

index.php?area=1&p=static&page=new404
Поставил, но на него реагируют только ссылки с любым или несуществующем расширением.
У меня страницы без расширения вызываются.
У меня Koobi.
Мне нужно перенаправление на (-url-)

ErrorDocument 404 /index.php?area=1&p=static&page=new404

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

остается только скомбинировать ваш хтаццес и этот ответ

У меня страницы tpl.
При вставке ПХП получается

Выше Вы показали пример, как отдать ошибку 404 странице с урлом типа "/?more=1"
А подскажите пожалуйста, что нужно прописать в .htaccess, чтобы ошибка 404 присваивалась не только "/?more=1", а всем страницам, содержащим в себе идентификатор "/?more=".

То есть, и "/?more=1", и "/?more=2", и "/?more=3" и так далее.

Добрый день.
Все остается как есть, только меняем первую строчку с такого варианта

Если посмотреть документацию, то .* это любое количество любых символов 🙂

Будьте добры, как сделать, чтобы вместо главной страницы при любом ошибочном урл был код 404. Я понимаю, что в Hhtaccess надо прописывать конкретную страницу? А что делать в моем случае?

Добрый день.
О какой ЦМС мы сейчас говорим? — если ВП то он автоматически это делает, ничего никуда не нужно прописывать

Не знаю с какого источника вы нашли этот пример, но он реально работает. Получается чистая ошибка 404 на htaccess без редиректов и ошибок 302. Большое вам спасибо.

Да вы я смотрю прям извращенец. Всякое встречал, но чтоб через такую за. цу делать ошибку 404 еще не видал.
Не проще из пхп послать код 404 .

1) У меня нет .htaccess
2) Как сделать так, чтобы при переходе на не известную ссылку сайта, допустим: (-url-) — выдавала страница 404.html. У меня открывается, но только с такого: (-url-). А я хочу чтобы выдавала на всех длинных неизвестных стр. как допустим: (-url-). -Понимаете?

Что можно в код добавить? (Пробовал добавить такие как в конце: . -не пойдет.)

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

Только privet-mir замените на свое bla.

Если не ВП то используйте 301 редирект

1) .htaccess с панели сервера не создается, точнее создается, но она сразу исчезает. (создаю новый файл > переименовываю > сохраняю, а она выдает ошибку) — ОК.

2) Созданный файл с компа на NotePade++ — .htaccess при переносе на Cpanel > Pablic. — Тут же исчезает, искал во всех папках, и не нашел.

3) Создал 404.html по другой схеме, но она работает только при переходе в неизвестную стр.сайта к примеру: 111.ru/sddfg — Здесь выдаст 404 файл, но если написать 111.ru/sddfg/fgb — то 404 файл не появляется. Пытался итак и так, но без результатно.

Вот тут https://help-wp.ru/seo-wordpress-kak-otpravit-oshibku-404-s-php-chasti/ описанно как сделаь ответ 404 на пхп. Думаю в вашей ситуации это единственно правильное решение. Нужно только найти кто принимает на себя неправильные страницы

Не плохое решение, автору респект. Сам хотел придумать и заставить WordPress правильно отдавать 404 ошибки на htaccess но чет не получалось. Собственно мудрил как и вы но не придумал что делать с 302 ошибой. По сути я вместо 404 получал 302 и это очень плохо, вам подтвердит любой нормальный сеошник. Это все равно что сделать запрет на директорию, она как бы есть но поисковики ругаются, хотя страницу можно закрыть и так :))))))

На пхп ошибка 404 делается намного проще. Зачем тогда выдумывать велосипед и делать ошибки 404 на htaccess ?? Какая в этом логика. С точки зрения СЕО 404 ошибка она и в африке 404, как не крути. Ведь так?

Сайты развиваются: создаются новые разделы, меняется структура, удаляются страницы или переделываются их адреса. Часто за всеми этими процессами уследить очень сложно даже опытному веб-мастеру. Чем старше сайт – тем больше вероятность того, что каждый день он получают процент пользователей, попадающих на страницы, которых больше не существует. Как это отследить? Как оповестить робота и клиента, что таких страниц больше нет? Что показывать пользователю на странице 404? Отвечаю!

404 NOT FOUND – что означает?

Определение: 404 ошибка сервера (not found) — самая распространенная ошибка при пользовании Интернетом, основная причина — ошибка в написании адреса Web-страницы. Сервер понял запрос, но не нашёл соответствующего ресурса по указанному URI.”

Для чего нужна 404 страница?

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

Проверить ответ это очень просто, наберите несуществующий адрес страницы тут – http://bertal.ru/.

2. Пользователю необходимо сообщить, что запрашиваемой страницы больше (или вообще) не существует, и предоставить возможность работать с сайтом дальше.

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

404 ошибка сервера через htaccess

Если Ваш сервер или CMS не настроены атоматически, то придётся это сделать Вам самим – добавьте в htaccess строчку:

ErrorDocument 404 http://www.site.ru/404.php

Теперь, когда пользователь введёт неверный адрес, то он будет направлен на этот адрес. Страница может располагаться где угодно, но мы для примера поместили ее в корне сайта: /404.php.

404 ошибка сервера в PHP

Велосипеда изобретать не надо – существует специальная функция header, которая успешно поможет Вам это сделать.

header(«HTTP/1.0 404 Not Found»);

Как должна выглядеть страница 404?

  • В дизайне сайта (а не страница по умолчанию вашего хостинга)
  • Содержать информацию о том, что произошла ошибка
  • Иметь форму поиска по сайту
  • Иметь небольшую карту сайта с основными разделами.

Креативные 404 страницы – вред или польза?

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

Как оптимизировать страницу 404 — Netpeak Blog

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

Ошибка 404 вредит SEO?

404 Not Found (ресурс не найден) — код ответа сервера, который сообщает, что невозможно найти страницу по указанному адресу.

Существует мнение, что наличие страниц с 404 ошибкой на сайте негативно влияет на SEO, но на самом деле это не совсем так.

Из справки Google:

Обычно ошибки 404 не влияют на рейтинг сайта в Google, поэтому их можно игнорировать. Чаще всего они бывают связаны с опечатками, неправильными настройками или попытками Google распознать и просканировать ссылки во встроенном контенте (например, в коде JavaScript).

Появление 404 ошибок на сайте —  явление неизбежное и причины тому могут быть разные:

  • изменение структуры сайта;
  • битые ссылки;
  • изменение URL адреса страницы;
  • страница или сайт больше не существует.

Эти причины требуют тщательной проработки — необходимо заменять битые ссылки на актуальные, при изменении структуры и URL адресов сайта корректно настраивать 301-е редиректы на актуальные страницы. Однако существуют и вполне «житейские» ситуации появления 404-х страниц. Например:

  • опечатка при введении URL адреса пользователем;
  • удаление товаров на сайте.

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

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

  1. Страница 404 должна быть настроена корректно и отдавать код HTTP 404 (Not Found), чтобы не попасть в индекс поисковых систем. Во-первых, такие страницы будут засчитываться как дубли. Во-вторых, это может негативно сказаться на поведенческих факторах. Ведь если человек из поиска попадет на 404 страницу — он явно расстроится потому, что ожидал увидеть совсем иное. Следовательно, быстро уйдет и снова вернется к поиску.
  1. Не следует делать 301 редирект на главную. Таким образом вы вводите в заблуждение пользователя: он ожидал получить одну страницу, а непонятным образом оказался на главной. C 404-й страницы должна стоять ссылка на главную, но не редирект.

Нужно ли создавать кастомные 404 страницы?

Очень часто страницы 404 оформлены стандартным образом и выглядят примерно так:

Невозможно найти страницу

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

Google рекомендует создавать собственные страницы 404:

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

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

Создаем 404 страницы для людей

Основные рекомендации по созданию собственных 404 страниц:

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

Единый стиль

Киндер

Karcher

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

Объясните почему человек оказался на этой странице

Facebook

  1. Дайте ссылки, которые могут оказаться полезными для пользователя. Как вариант: самые посещаемые страницы, популярные категории или новые материалы на сайте. У пользователя должна быть возможность перейти на главную.

Gucci

  1. Предоставьте возможность сообщить о проблеме. Это дополнительный способ отслеживать ошибки сайта и показывать пользователю, насколько вам важно его внимание и комфорт.

Дайте возможность сообщать о проблеме

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

ria

  1. Действенный прием для интернет-магазинов — вывод на 404 страницах похожих или недавно просмотренных товаров.

Для интернет-магазинов

  1. Если сайт у вас небольшой и хорошо структурирован, разместите ссылку на карту сайта.

Разместите ссылку на карту сайта

Дизайну страницы 404 быть!

Используйте креативные идеи и подавайте такие страницы со вкусом — это сгладит неприятное впечатление от 404-й страницы и задержит человека на вашем сайте:

  1. Задействуйте свой творческий потенциал и все таланты в области дизайна и юмора. Четыре идеи в помощь:

Нотка юмора

Задействуйте свой творческий потенциал

Дизайн с душой

С юмором

  1. Интерактивные элементы. Развлеките человека, добавьте простую игру, дайте ненавязчивый контент. Не исключено, что так ваш сайт запомнится и получит шанс попасть в закладки. Собрала 9 хороших примеров. Наслаждайтесь (только предварительно убавьте громкость):
  • http://kvartirakrasivo.ru/404/index.php
  • http://www.tinsanity.net/404.shtml
  • https://www.agens.no/404
  • https://imgur.com/404
  • https://github.com/404
  • http://hotdot.pro/404/
  • https://www.tumblr.com/404/
  • https://www.kualo.co.uk/404
  • https://amplifr.com/blog/ru/t

+ 18 примеров креативной 404-й страницы.

  1. Промоакции и сбор клиентской базы. Отличный шанс повысить уровень доверия к вам и стимул к покупке или заказу услуги.

Промоакции

Собрать базу клиентов

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

Существует достаточно плагинов для настройки 404 страниц на платформе WordPress. Но не всегда получается настроить через плагин или сделать это для сайта на другой платформе. Предлагаю вам такой способ:

  1. Создайте 404 страницу HTML.
  2. Настройте переадресацию в .htaccess, чтобы при неправильном URL пользователь переходил на 404 страницу. Для этого пропишите в .htaccess «Error 404 www.site.com/404.html».
  3. Разместите файл .htaccess на хостинге в корневом каталоге сайта.
  4. Нужно, чтобы созданная страница 404 отдавала код ответа сервера отличный от 200, а именно 404 (Not Found). Для этого пропишите на странице 404 строчку кода и добавьте файл на сервер:

Пропишите на странице 404 строчку кода и добавьте файл на сервер

Если этого не сделать, то страницы могут попасть в индекс, а в панеле для вебмастеров вы можете увидеть:

В панеле для вебмастеров вы можете увидить

Чтобы проверить код ответа сервера, воспользуйтесь такими сервисами: 

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

  1. Как найти битые ссылки на страницах вашего сайта.
  2. Как найти актуальные страницы сайта для существоваших ранее страниц.
  3. Как избавится от большого количества 404-х ошибок.

Выводы

Работайте над лояльностью аудитории, старайтесь врезаться в память: запомниться и выделиться даже с помощью 404-й ошибки. Сделайте ее фишкой сайта и помните:

  1. Наличие 404-й ошибки на сайте не влияет напрямую на позиции в выдаче.
  2. Чтобы не потерять трафик и улучшить поведенческие факторы, необходимо создавать кастомные страницы с 404-м ответом сервера.
  3. На страницах с 404-й ошибкой следует размещать информацию с пояснением, почему пользователь оказался здесь, куда следовать дальше. Это нужно, чтобы человек понял: сайт работает и можно остаться на нем.

При создании 404-х страниц правильно настраивайте коды ответа сервера и проверяйте их на https://www.bertal.ru/, http://checkmy.ru/, https://webmaster.yandex.ru/tools/server-response/. Это поможет избежать проблем с индексированием сайта поисковыми системами.

Нашли крутые по дизайну, идее, реализации страницы — давайте ссылки в комментариях, добавлю в пост. 

35 бесплатных шаблонов для страницы ошибки 404

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

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

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

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

картинка 1 и 1.1.

Это единственный плагин WordPress, который попал в список. Он очень прост в использовании, обладает действительно отличным дизайном, шаблонами и настройками.

Скачать

Colorlib 404 v1

Скачать Демо

Colorlib 404 v2


Скачать Демо

Colorlib 404 v3


Скачать Демо

Colorlib 404 v4


Скачать Демо

Colorlib 404 v5


Скачать Демо

Colorlib 404 v6


Скачать Демо

Colorlib 404 v7


Скачать Демо

Colorlib 404 v8


Скачать Демо

Colorlib 404 v9


Скачать Демо

Colorlib 404 v10


Скачать Демо

Colorlib 404 v11


Скачать Демо

Colorlib 404 v12


Скачать Демо

Colorlib 404 v13


Скачать Демо

Colorlib 404 v14


Скачать Демо

Colorlib 404 v15


Скачать Демо

Colorlib 404 v16


Скачать Демо

Colorlib 404 v17


Скачать Демо

Colorlib 404 v18


Скачать Демо

Colorlib 404 v19


Скачать Демо

Colorlib 404 v20


Скачать Демо

Simple Pure Error Page

simple pure free 404 error page template

simple pure free 404 error page template

Simple Pure Error Page — это анимированный шаблон от Enrico Chiaromonte. Если вы хотите проявлять творческий подход на своей странице ошибок, тогда этот шаблон может быть полезен для вас. В этом шаблоне синий цвет используется в качестве цветовой схемы страницы, если у вас есть фирменный цвет для вашего сайта, то вы можете настроить его под нужный вам цвет.

Поскольку код, использованный для создания этой прекрасной страницы, представлен непосредственно вам, вы можете изменить желаемый цвет. Чтобы изменить цвет, вам нужно настроить CSS-файл. Если вы разработчик, вы будете знать, как настроить это. Но если вы обычный пользователь, вы можете использовать следующий совет.

В основном цветовой код, используемый в файле CSS, будет в шестнадцатеричных значениях цветового кода. Здесь в шаблоне по умолчанию используется синий цвет, код которого # 48A9E6. Этот код будет упомянут в коде в качестве фона: # 48A9E6; измените это значение на ваш фирменный цвет с шестнадцатеричным цветовым кодом.

Скачать Демо

Not Found

not found free 404 error page template

not found free 404 error page template

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

С помощью этого шаблона 404 вы получите простое и чистое сообщение. Код ошибки и ее значение. Этот шаблон использует HTML, CSS и Javascript. Все классы, используемые в этом шаблоне, связаны между собой. Поэтому, если у вас есть намерение изменить контент, обязательно просмотрите весь исходный код.

Опять же, если у вас есть фирменный стиль в качестве цвета градиента, вы можете легко изменить его в CSS. Здесь в этом коде это упоминается как background: -webkit-repeating-linear-Gradient (-45deg, # FFEB3B, # FF6F00, # 00B0FF, # 76FF03, # b98acc, # 69a6ce, # 9b59b6). Все хэштеги имеют шестнадцатеричное значение кода цвета. Как я уже говорил вам в предыдущем шаблоне, просто измените цветовой код на тот, который вы хотите. Спасибо Джону Финку за то, что он поделился с нами этим хорошим шаблоном 404 ошибки.

Скачать Демо

Bootstrap 404

bootstrap free 404 error page template

bootstrap free 404 error page template

Этот тип страницы ошибок лучше всего подходит для шаблонов веб-сайтов, связанных с образом жизни, и шаблонов сайтов современных компаний-разработчиков программного обеспечения. Чтобы шаблон соответствовал существующему шаблону веб-сайта, вам может потребоваться изменить шрифты и цветовую схему этого шаблона. Разработчик этого шаблона Ахмед использовал HTML, CSS и Javascript. Код хорошо написан, так что вы можете легко соотнести эти коды с существующей кодировкой шаблона веб-сайта. Если вы хотите изменить только внешний вид шаблона, вы можете настроить раздел CSS в одиночку.

Скачать Демо

Pure CSS

pure css free 404 error page template

pure css free 404 error page template

Pure CSS — это действительно хорошо выполненный шаблон. Как видно из названия, этот шаблон основан исключительно на CSS, файлы JS в этом шаблоне остались нетронутыми.

Скачать Демо

404 Vampire

vampire free 404 error page template

vampire free 404 error page template

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

Скачать Демо

Fantasy Error Page

fantasy free 404 error page template

fantasy free 404 error page template

Fantasy error page — это простой и элегантный шаблон. С полным дизайном страницы, он использует все пространство экрана устройства. Чтобы придать смысл названию шаблона, используется фоновое изображение в стиле фэнтези. Кроме этого вы получаете прямое сообщение об ошибке жирным шрифтом 404 и кнопку призыва к действию, чтобы перенести пользователя на предыдущую страницу. Единственное, что вам нужно изменить в этом шаблоне при интеграции с существующим шаблоном, — это цвет кнопки призыва к действию. Этот простой в использовании шаблон использует рамки HTML и CSS3.

Скачать Демо

Elegant Error Page

elegant free 404 error page template

elegant free 404 error page template

Скачать Демо

Fashion Error Page

fashion free 404 error page template

fashion free 404 error page template

Шаблон страницы Fashion Error можно использовать для шаблонов личных веб-сайтов и шаблонов веб-сайтов интернет-магазина. С большим фоновым изображением шаблону удается заполнить все пространство экрана. Этот шаблон предоставляет вам возможность добавлять значки социальных сетей, чтобы помочь пользователю связаться с вами, если ему потребуется какая-либо немедленная помощь. Форма подписки на странице ошибок не очень хорошая идея, потому что пользователь может быть немного раздражен, узнав, что нужной ему страницы там нет. Вы можете использовать это место для добавления панели поиска или кнопки возврата.

Скачать Демо

Easy Error Widget

easy error widget free 404 error page template

easy error widget free 404 error page template

Easy Error Widget будет удобным шаблоном страницы ошибок. Этот шаблон включает в себя все необходимые веб-элементы для удержания посетителей, а также позволяет посетителям легко с вами связаться. Если вы используете полностраничный шаблон веб-сайта, этот шаблон страницы ошибки полной ширины хорошо подойдет для вашего сайта. Вы получите сообщение об ошибке, выделенное жирным шрифтом 404, и небольшую строку, чтобы добавить свое личное сообщение. Под текстовым полем для лучшей навигации предусмотрены ссылки на другие страницы веб-сайта. В правом нижнем углу у вас есть возможность добавить иконки социальных сетей. Эффекты наведения на этой странице сделаны аккуратно.

Скачать Демо

Smart Error Page

smart free 404 error page template

smart free 404 error page template

Скачать Демо

Flashy Error Page

flashy free 404 error page template

flashy free 404 error page template

Шаблон страницы Flashy error — это простой и чистый шаблон страницы 404 с небольшой анимированной совой. Пузырькообразные эффекты на заднем плане дают живое ощущение шаблону. Фоновое изображение — это изображение полной ширины, которое охватывает всю страницу.

Скачать Демо

Effective Error Page

effective free 404 error page template

effective free 404 error page template

Скачать Демо

Smooth Error Page

smooth free 404 error page template

smooth free 404 error page template

Скачать Демо

Dark Error Page

dark free 404 error page template

dark free 404 error page template

Скачать Демо

Modern Error Widget

modern free 404 error page template

modern free 404 error page template

Скачать Демо

404 Error Widget

404 error widget free 404 error page template

404 error widget free 404 error page template

Скачать Демо

Simple Error Page

simple free 404 error page template

simple free 404 error page template

Скачать Демо

Cool 404 Page

cool free 404 error page template

cool free 404 error page template

Скачать Демо

Simplified Error Page

simplified free 404 error page template

simplified free 404 error page template

Скачать Демо

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

Доброго времени суток, дорогие читатели. Создавая блог на Blogger и вообще на бесплатной платформе о многих вещах вообще не нужно думать, некоторые вещи предусмотрены разработчиками платформы, некоторые просто недоступны в бесплатных платформах. Работая с WordPress я так же, как и в работе с Blogger, не задумывалась о странице 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

Вы здесь: Главная - HTML - HTML Основы - Как установить страницу 404

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

Страница 404 - это страница, которая открывается при ошибке 404. Ошибка 404 - это попытка открыть несуществующую страницу. То есть, когда Вы вводите неправильный адрес (или переходите по неработающей ссылке), то Вы как раз переходите на эту страницу. Безусловно, у самого браузера есть встроенная страница. Но, думаю, что Вам бы хотелось оформить эту страницу как-то по-другому, возможно, написать какой-нибудь свой текст и так далее. О том, как установить страницу 404 на свой сайт, я и расскажу.

Первое, что необходимо сделать - это создать файл .htaccess. Обратите внимание, что имени у этого файла нет, а расширение "htaccess". Если Вы работаете в Unix, то проблем с созданием не возникнет. А вот если Вы работаете в Windows, то создать файл .htaccess можно таким образом (так делаю я, хотя, возможно, есть более простые способы):

  1. Открыть блокнот.
  2. Выбрать пункт меню "Сохранить как".
  3. Введите имя файла ".htaccess".
  4. Выберите тип файла "Все файлы".
  5. Сохраните.

В результате, у Вас появится файл .htaccess. Скопируйте его в корень своего сайта. Теперь Вы можете его открыть (например, в том же блокноте) и написать там такую строку:

ErrorDocument 404 /404.html

Теперь создайте в корне сайта страницу "404.html", в которой пишите любой HTML-код, например, такой:





 

Страница не существует!


 

Проверьте правильность ввода адреса


 

С Уважением, Мой сайт



Таким образом, люди будут видеть не стандартную страницу в браузере, а ту страницу, которую создали Вы.

Напоследок, хочется сказать одну важную вещь. Если Вы работаете на локальном компьютере, то на нём должен быть установлен сервер (например, пакет Denwer, в который входит и сервер Apache, и PHP, и MySQL и много чего ещё).

Предыдущая статья Следующая статья

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

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

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:
    Как создать свой сайт

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:
    Как создать свой сайт

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):
    [URL="https://myrusakov.ru"]Как создать свой сайт[/URL]

Creating a custom 404 page

As mentioned, creating a custom 404 page does require a little coding and design, and unless you have some experience with coding web pages, it’s maybe best left to your web designer.

The process starts by designing a standard web page, and including all the elements you require for your 404 page.

Remember to include a light-hearted message explaining why a visitor has landed on this page, a search box so they can find what they are looking for, and perhaps a sitemap so the user can choose to navigate elsewhere.

What you name your 404 page is important. In this case, we’ll name it “404.html“. Then upload your page to the root directory of your server/web space.

The process is a little different if use WordPress. There are plugins available that make things even easier, without the need to touch any code.

For full details on 404 pages for WordPress, check out this complete guide over at Elegant Themes.

Configure the server to redirect to your custom 404 page

This probably sounds a bit more complicated than it is. What we want to do is ensure that if anyone ever visits a page (URL) on your website that doesn’t exist, the server will always display back your helpful 404 page.

The overwhelming majority of web servers use Apache software, so we’ll run through the apache method for redirection.

To start, you’ll need to either find your websites .htaccess file, or create one. 

Apache web servers use “.htaccess” file to let users customise their web server configurations at the directory level. For more details on .htaccess, including how to find it or create one, check out our guide here.

htaccess.htaccess file in root directory of a WordPress install

.htaccess can have many functions; these are the steps to create your 404 page.

Step 1: Creating or finding the “.htaccess” file: To find your .htaccess file, just take a look in the root directory for your website using your usual FTP client. You should see it in there. If you need to create one, its simple. Just open up a text editor, such as Notepad, and name the file “.htaccess”.

Step 2: Add the following text to the .htaccess file: “ErrorDocument 404 /404.html”. This line names your 404 error page as ‘404.html’ and locates it in your web site’s root directory.

404 .htaccess code
Add this code to your .htaccess file

Step 3: Save file and get it uploaded into your server’s root directory.

Step 4: Check out if things are working fine by opening the web browser and navigating to www.yourdomain.com/asdf (a random page that does not exist).

What not to do:

While designing the custom 404 error page, there are some things that you should avoid.

  • Never redirect the 404 errors to a different website. Remember the goal of the custom 404 is to improve your visitor’s experience. Sending them to a totally different website will frustrate them.
  • Do not redirect 404 errors to the website’s home page. This will only confuse your visitor. This is because they clicked on one link and found themselves back on the homepage for no reason. Bad move.
  • And perhaps most importantly; don’t blame your visitor!

Brilliant 404 pages

404 pages don’t have to be boring. Some web designers have used 404 pages as an opportunity to create something fun and engaging for their lost visitors.

As mentioned earlier in this article, some of the very best 404 pages even attract backlinks of their own! Let’s take a look at some of our favourites.

Click on the website title to visit the 404 page.

Good Dog Design

Help Good Dog Design find their lost dog!

good dog design 404

IMDB

IMDBs 404 page greets you with a selection of relevant movie quotes.

imdb homepage

Romainbrasier.fr

The guys at Romainbrasier let you forget your 404 woes by saving 404 Lemmings!

lemmings 404 page

Magnt

Magnt have come up with an amusing Venn diagram to explain why you might have found their 404 page.

magnt venn diagram 404 page

Modcloth

Modcloth present a funny image, but also offer a variety of strong call-to-action buttons to get their visitor back on track, and buying again!

modcloth 404 page

Симптомы

При запросе веб-страницы в верхней части веб-браузера вы получите следующее сообщение об ошибке:

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

Далее на веб-странице выводится следующее сообщение об ошибке:

HTTP 404 — файл не найден
Службы IIS

Причина

Веб-сервер возвращает сообщение об ошибке HTTP 404 — файл не найден, если не удается получить запрашиваемую страницу.

Вот некоторые распространенные причины этого сообщения об ошибке:

  • Запрашиваемая папка переименована.
  • Запрашиваемая папка была перемещена в другое расположение и/или удалена.
  • Запрашиваемый файл временно недоступен из-за технического обслуживания, обновления или других неизвестных причин.
  • Запрашиваемая папка не существует.
  • IIS 6.0: соответствующее расширение веб-службы или тип MIME не включены.
  • Виртуальный каталог соединять с корнем диска на другом сервере.

Решение

Чтобы устранить эту проблему, убедитесь, что файл, запрашивается в URL-адресе браузера, существует на компьютере IIS и находится в правильном расположении.

Используйте оснастку консоли управления (MMC) IIS, чтобы определить, где файл должен существовать в файловой системе компьютера IIS.

Это важно, если веб-сайт использует виртуальный каталог (VDIR). VDIR — это каталог, который не содержится в домашнем каталоге веб-сайта, но отображается в браузере клиента так, как если бы он это делает. Этот виртуальный каталог должен быть соотноен с подкапкой на диске или ссылаться на файлы по имени.

Например, предположим, что URL-адрес, который вызвал ошибку 404, — это url-адрес, а оснастка IIS показывает, что для веб-сайта Microsoft.Com каталог /Test/фактически является виртуальным каталогом, который сопо сведениям о расположении c:\Information на компьютере http://Microsoft.Com/Test/File1.htm IIS. Это означает, что необходимо убедиться, что File1.htm находится в каталоге c:\Information (и правильно ли написано имя файла).

Динамическое содержимое IIS: запись 404.2 в файле расширенного журнала W3C записи, если веб-расширение не включено. Используйте оснастку консоли управления (MMC) IIS, чтобы включить соответствующее веб-расширение. Веб-расширения по умолчанию включают: ASP, ASP.NET, Server-Side Includes, WebDAV publishing, FrontPage Server Extensions, Common Gateway Interface (CGI). Настраиваемые расширения необходимо добавить и явно включить. Дополнительные сведения см. в файле справки IIS.

Статическое содержимое IIS: запись 404.3 в файле расширенного журнала W3C записуется, если расширение не сописали с известным расширением в свойстве MIME Map. Используйте оснастку консоли управления (MMC) IIS для настройки соответствующего расширения на карте MIME. Дополнительные сведения см. в файле справки IIS.

Дополнительные сведения о других, менее распространенных причинах этого сообщения об ошибке см. в скрытых статических файлах IIS, возвращая ошибки HTTP 404 или "Отказано в доступе".