Как сделать страницу ошибки 404
Добавил пользователь Алексей Ф. Обновлено: 04.10.2024
Ошибка 404 на сайте выводится в случае не существующей страницы.
Если вы только что купили домен с хостингом, то результат вывода ошибки, будет такой или похожий:
Если вы уже отредактировали появление своей страницы вместо ответа сервера 404, то вот такой результат может получиться:
Алгоритм исправления ошибки 404
Поскольку в процессе исправления ошибки 404 достаточно много пунктов, то нам нужен алгоритм, как исправлять ошибку - ничего новее не скажу, что было сказано в видео об ошибке 404..
Если перед вами произошел стандартный вывод несуществующей страницы.
Алгоритм исправления ошибки 404
То вам нужно - создать собственную страницу 404.html
И настроить редирект на эту страницу с помощью .htaccess
№2 - Алгоритм исправления ошибки 404
Если у Вас единая точка входа, то вам опять потребуется:
Создать собственную страницу 404.html
И загрузить прямо там 404.html
№2 - Алгоритм исправления ошибки 404
Видео : как сделать свою страницу 404.html
Очередной шаг, шаг №7 - создание сайта, чтобы легче было разобраться - я сделал для вас видео о странице 404:
Данная страница и данное будущее видео будут прономерованы в соответствии с положением, которые они займут на странице как сделать сайт
Раньше это был поддомен! Но, поскольку, в скриптах приходилось учитывать, что это поддомен, то я решил купить домен отдельно!
После этого, "очередной шаг", всё, что мы сделаем, запакуем в архив и он будет доступен для скачивания в подтеме "Движок"
Следите за обновлением видео на нашем канале .
Если вы видите эту картинку, то видео уже запланировано и выйдет скоро! Подписываемся, чтобы ничего не пропустить!
Папки и файлы из видео скачать
Шаг №7 делаем сайт
При обновлении темы сделать сайт/движок и создании видео на эту тему на канале "youtube", оказалось, что после шага №6, уже требуется разобраться с темой 404 на сайте.
Что будем делать!?
Нам требуется. чтобы данная страница была рабочая на любом сайте, поэтому. переадресацию и домен сделаем автоматическим.
НО! Учтите! Что код внутри html должен работать, если обработка php включена в html, если нет, то просто вместо php кода вставьте домен.
Если пользователь попадает на стандартную страницу ошибки 404, велика вероятность того, что он покинет веб-сайт и вряд ли вернется. Кастомная страница 404, полезная и привлекательная, способствует дальнейшему пребываниваю на вашем веб-сайте.
Самое важное сделать страницу 404-ой ошибки простой и понятной пользователю. Напишите, что страница, которую ищет посетитель, не существует. Объясните, почему именно она не существует.
Очень важно, чтобы дизайн 404-ой страницы не отличался от остального веб-сайта. Это включает логотип, навигацию, цветовую схему и т.д.
Если вы владете крупным веб-сайтом, например, как Google, с множеством страниц разного содержания, то страница 404 с картой сайта, популярными страницами или поисковой формой не поможет пользователю.
404-ая страница может быть простой и даже смешной. Если ваша страница является таковой, то она бесспорно задержит посетителей на вашем сайте. Возможно даже, что они будут скидывать эту страницу своим друзьям. Именно это и произошло с 404-ой страницей GitHub:
Ваша страница 404-ой ошибки может быть эффективной и отлично смотреться, но очевидно, что она не должна появляться в результатах поиска. Это можно осуществить двумя способами:
Чтобы использовать собственную страницу 404-ой ошибки, нужно создать файл .htaccess и добавить в него следующую строчку:
Теперь мы знаем, что вместо скучных и бесполезных страниц 404-ой ошибки, нужно потратить время на создание собственной информативной страницы, увидев которую, посетителям не захочется покидать веб-сайт.
PS Все замечания по поводу перевода, орфографии и т.п. с удовольствием приму в личку. Спасибо!
Обычно такая ошибка возникает, когда человек вводит некорректный адрес сайта или переходит по несуществующей ссылке (например, вы удалили старую ссылку, а в поисковой индексации она осталась, и человек перешел).
Зачем нужна страница 404
Вы не можете предотвратить все случайные ошибки — пользователь может ошибиться и ввести другой адрес, не найти того, что искал и уйти. Так вы потеряете потенциального клиента.
Когда у сайта уже очень много страниц, сложно отследить все адреса: где-то могли поменять адрес, чтобы улучшить SEO, какой-то раздел удалили, а он по-прежнему индексируется в поиске.
Когда у вас много неоформленных страниц 404, с которых пользователи не могут перейти на главную или другие разделы, у вашего сайта снижаются позиции в органическом поиске. Так что продумать дизайн страницы 404 — полезно для SEO.
Создать дизайн страницы 404 — способ по-человечески поговорить с вашим пользователем и вернуть его на сайт.
Приемы создания страницы 404: о чем стоит помнить
Вы можете уменьшить беспокойство человека, попавшего на страницу 404, если расскажете, как это могло произойти. Можно перечислить причины (например, ссылка устарела и ее убрали с сайта, или допущена ошибка в адресной строке), а также сделать ссылку на главную сайта или возможность выйти в меню.
Цель дизайна страницы 404 — сделать меньше фрустрацию вашей аудитории, постараться отвлечь людей от ощущения потери. С этим очень хорошо справляются изображения, видео, анимации, особенно смешные.
Юмор и красивые картинки — это прекрасно. Но не стоит забывать, что вам нужно поскорее вернуть посетителя страницы 404 на сайт. Дайте ему возможность для этого, поставьте контакты, меню и ссылку на главную или блог.
У Google и Яндекс есть бесплатные сервисы для веб-мастеров, которые помогают найти неработающие ссылки.
Как правильно сделать страницу ошибки 404 на Тильде
- Не задавайте адрес /404 — будет появляться стандартная ошибка Тильды
- Чтобы 404 заработала, вам нужно переопубликовать все страницы сайта
Какую информацию разместить на странице 404?
Вы можете рассказать посетителям, как они оказались на странице 404 ошибки и почему. Возможно, вы захотите дать ссылку на главную, чтобы посетитель вернулся и продолжил взаимодействовать с вашей компанией. Можно разместить меню или поиск, чтобы человек сам выбрал и нашел, куда ему пойти дальше.
Какие блоки я могу использовать для создания страницы 404?
Выбор блоков зависит от задач вашей страницы ошибки. Это может быть блок с картинкой и заголовком или просто картинкой, может быть видео или нулевой блок, если вы хотите дать волю дизайнерской фантазии.
Нарисуйте прототип страницы 404 — вдохновитесь примерами, напишите текст, подберите изображение. И дальше под свои задачи подбирайте нужные блоки из библиотеки Тильды. Можно использовать шаблоны одноэкранных сайтов, например, подойдут шаблоны Тильды для контактов. Если на сайте используется шапка с меню, то ссылка на главную и выход на другие разделы сайта у вас уже есть.
Сразу отмечу, что все вышеизложенное написано для самописных сайтов, преимущественно на php. Для wordpress существуют плагины по настройке того же самого. Но в этой статье мы рассмотрим, как все выглядит в реальности. %)
Переадресация (редирект) неправильных url на страницу 404
Очень важно, чтобы при перенаправлении был правильный ответ сервера, а именно – 404 Not Found.
Итак, после краткой теоритической части, вернемся к нашим баранам настройкам.
В этом случае нужно сделать две вещи:
1) Настроить правильный ответ сервера на странице 404.
2) Закрыть от индексирования страницу 404. Это делается через файл robots.txt
Ответ сервера настраивается благодаря функции php в самом начале страницы:
Пишите ее вначале файла 404.
В результате мы должны получить ответ на битую ссылку:
Закрыть страницу 404 от индексирования
Закрыть страницу от индексирования можно в файле rodots.txt. Будьте внимательны с этим инструментом, ведь через этот файл ваш сайт, по сути, общается с поисковыми роботами!
Полный текст файла rodots.txt, где ТОЛЬКО закрыта индексация 404 страницы, выглядит так:
____________________________
User-agent: *
Disallow:
Disallow: /404.php
____________________________
Замечания по коду: "/404.php" означает путь к странице. Если на вашем сайте страница 404.php (или 404.html соответственно) находится в какой-то папке, то путь будет выглядеть:
/holder/404.php
где "holder" - название папки.
Вот, собственно и все по странице 404. Проверьте работу страницы, перенаправления битых ссылок, и ответы серверов.
Повторюсь: Все вышеизложенное для самописных сайтов. Если вы используете wordpress, то можете поискать приличный плагин для настройки ошибки 404.
Обычно при создании сайта администратор практически не уделяет внимания изменению системной страницы "Ошибки 404", но если ее правильно оформить, вы можете сохранить ваших посетителей у вас на сайте.
Сегодня мы предоставим вам решение, как изменить страницу ошибки 404 на свою и предоставим подборку готовых примеров данной страницы.
Как изменить страницу ошибки 404 на свою ?
1. Откройте файловый менеджер вашего сайта, обычно доступен по адресу: ваш-сайт /panel/?a=fm .
2. Извлеките папку с файлами 404.htm и 404.jpg / 404.jpg.
3. Далее в корень сайта без перехода в другие папки загрузить файл с названием 404.htm, если к странице имеются дополнительные файл js или файл изображения, загрузить так же в корень.
Примеры готовых страниц 404
Чтобы вы долго не искали и не создавали сами страницу ошибки, мы подготовили для вас подборку с 10 готовых примеров. Вы сможете их загрузить на компьютер, распаковать и загрузить готовые файлы себе в файловый менеджер.
Читайте также: