» » » Ошибка 404 not found. Как создать страницу ошибки 404 на WordPress и зачем она нужна
logotip

Ошибка 404 not found. Как создать страницу ошибки 404 на WordPress и зачем она нужна

Всем привет! Сегодня на SEO-Mayak.com мы продолжим заниматься настойкой блога на CMS WordPress и на очереди у нас тема — «Ошибка 404».

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

Если, уже набравшим популярность сайтам 1-2 посетителя погоду не делают, то молодые проекты должны пытаться всеми силами удержать каждого пользователя, причем это положительно скажется на поведенческих факторах, о которых я писал в статье «Релевантность страниц. Определение релевантности текста»

И так, в рамках рубрики «WordPress для новичков» начнем разбирать по полочкам ошибку 4о4. Предвижу, что не у всех начинающих веб-мастеров будет все получатся с первого раза.

oshibka-404

Для чего вообще нужна страница с ошибкой? Наверное я не правильно поставил вопрос. Ошибок на страницах блога быть в принципе не должно. Представим такую ситуацию: ваш знакомый поделился с Вами ссылкой на интригующую статью «Как стать богатым нечего не делая». Заинтересовавшись Вы переходите по этой ссылке, а там:

oshibka 404

Тупиково все как то выглядит согласитесь? Но я так и не ответил на вопрос. Что такое ошибка 404 и зачем для этого создавать отдельную страницу? Вернемся к примеру с ссылкой на статью. Почему перейдя по этой ссылке вы попали на страницу с ошибкой 404? Все из-за того что Ваш знакомый пересылая вам ссылку не до конца скопированный URL или допустил ошибку набирая его вручную, такое часто бывает. Вот пример ссылки на мою недавнюю статью «Постраничная навигация без плагина на WordPress«.

seo-mayak.com/sozdanie-bloga/obxodimsya-bez-plaginov/postranichnaya-navigaciya-bez-plagina-na-wordpress.htm

Если Вы ее скопируете и вставите в адресную строку браузера, то на страницу со статьей вы не попадете. Почему? Потому, что в URL отсутствует один символ «l» в самом конце ссылки.

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

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

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

http:// site.com/ля-ля-тополя

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

Что такое ответ сервера и какие они бывают

Все коды ответов состоят из трехзначных цифр, но их можно разделить на 5 групп:

Группа №1. Все ответы сервера (коды), которые начинаются с цифры 1 (например код 100) означают, что сервер удовлетворен запросом и приступил к его обработке.

Группа №2. Все ответы сервера начинающиеся с цифры 2 (например код 200), означают, что сервер обнаружил соответствующие запросу материалы и идет передача информации браузеру.

Группа №3. Все ответы сервера начинающиеся с цифры 3 (например код 301), о котором я подробно писал в статье «Как сделать 301 редирект«. Это своего рода сообщение о  перенаправление пользователя на другие страницы или ресурсы, на которых находиться по новым URL адресам.

Группа №4. Все ответы сервера начинающиеся с цифры 4 (например код 404), о котором и идет речь в данной статье, означают ошибку, т.е сервер не смог обнаружить запрашиваемую информацию по данному URL.

Группа №5. Все ответы сервера начинающиеся с цифры 5 (например код 500), означают критическую ошибку сервера при обработке запроса.

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

Создаем страницу ошибки 404 на WordPress

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

Но что же делать если такой страничке в шаблоне нет? Конечно надо создать ее и именно этим мы сейчас и займемся.

В редакторе Notepad++ создаем новую страницу:

oshibka 404

В самое начало файла вставляем код вывода шапки сайта:

<?php get_header(); ?>

А в самый конец код вывода подвала(Футера):

<?php get_footer(); ?>

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

<?php get_sidebar(); ?>

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

<?php include (TEMPLATEPATH . &#039;/sidebar1.php&#039;); ?>
<?php include (TEMPLATEPATH . &#039;/sidebar2.php&#039;); ?>

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

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

<!--Выводим шапку-->
<?php get_header(); ?>

<!--Индивидуальные стили шаблона. У Вас они скорее всего отличаются-->
<div id="content">
<div id="postarea">
<div class="homepage_post">
<div class="homepage_in">
<div class="post">

<!--Заголовок страницы-->
<h2>Ошибочка вышла. Такое иногда случается</h2>

<!--Здесь можно вставить изображение-->

<h3>Вы могли здесь оказаться по нескольким причинам</h3>

<p>1. Скорее всего URL был вписан с ошибкой</p>
<p>2. Страница, которую вы ищите, была перенесена или переименована</p>
<p>3. Такой страницы больше нет в природе</p>

<!--Предложения пользователю-->
<p>Вы не расстраивайтесь и попробуйте воспользоваться формой поиска расположенной справа</p>
<p>Или у вас есть возможность перейти на <a href="">главную страницу</a></p>
<p>Если есть вопросы к администратору,то вы можете задать их через <a href="/obratnaya-svyaz">форму обратной связи</a></p>

<!--Вывод категорий блога-->
<h3>Возможно необходимая Вам информация находится в материалах блога</h3>
<p><strong>Рубрики</strong></p>
<?php wp_list_cats('sort_column=name'); ?>

<!--Вывод архивов блога-->
<h3>Также Вы можете поискать в архивах</h3>

<p><strong>Архивы</strong></p>
<?php wp_get_archives('type=monthly'); ?>

</div>
</div>
</div>
</div>

<!--Код вывода сайдбара. У Вас все может быть по-другому, смотрите файл page.php-->
<?php get_sidebar(); ?>
</div>
<!--Конец индивидуальных стилей-->

<!--Код вывода подвала-->
<?php get_footer(); ?>

После того, как оформление страницы закончено,  во вкладке «Файл» редактора Notepad++ выбираем пункт «Сохранить как»:

oshibka404-4

Сохраняем созданный файл, как 404.php:

oshibka404-5

С помощью FTP клиента закидываем файл в папку с темой wp-content -> themes -> название Вашей темы.

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

На этом собственно и все. Если Вы все правильно сделали, то страница ошибки 404 должна прекрасно работать.

До встречи!

С уважением, Виталий Кириллов

Комментарии: 47

  1. Анна:

    Я сделала такую страницу. Но смотрю, у некоторых эта страница такая интересная, веселая. У меня, конечно, попроще.

    Ответить
    • Виталий Кириллов:

      Анна, самое главное, чтобы она была!

      Ответить
  2. Лана:

    давно думала как это сделать, спасибо, может и дойдут руки

    Ответить
    • Виталий Кириллов:

      Лана, сделать это надо обязательно!

      Ответить
  3. Николай:

    Интересно очень попробую как нибудь, когда будет время.

    Ответить
  4. Наталья:

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

    Ответить
    • Виталий Кириллов:

      И тебе Наталья спасибо, ведь ты мне тоже во многом помогла.

      Ответить
  5. Елена Картавцева:

    Сложновато для моего понимания, особенно то, что касается html, но прочитала и получила пока общее представление об ошибке 404.

    Ответить
    • Виталий Кириллов:

      Елена, я же в статье написал, что помогу в составлении файла всем, кто является подписчиком блога, так что отправляйте заявку через форму обратной связи и я постараюсь помочь ее вам создать!

      Ответить
  6. Татьяна:

    Я тоже такую страничку хочу. Наверное нужно обязательно сделать.

    Ответить
    • Виталий Кириллов:

      Здравствуйте Татьяна, рад видеть вас на своем блоге! Страницу ошибки 404 делать надо обязательно!

      Ответить
  7. Татьяна:

    А у вас на главную страницу если набрать с ошибкой, то не попадаешь на страницу ноу фаинд. Оно так и должно быть?

    Ответить
    • Виталий Кириллов:

      Татьяна, тогда это будет уже не мой домен 🙂

      Ответить
  8. Татьяна:

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

    Ответить
    • Виталий Кириллов:

      Вы правильно делаете Татьяна, но к сожалению не все так поступают!

      Ответить
  9. Оксана:

    Немного сложновато, но, думаю, что разберусь. Спасибо, Виталий.

    Ответить
    • Виталий Кириллов:

      Пожалуйста Оксана, рад видеть Вас на блоге!

      Ответить
  10. Кирилл:

    Не понимаю, страницу 404 залил, но все равно выдает страницу not found. Может что-то необходимо прописать в functions или еще где не понимаю

    Ответить
    • Виталий Кириллов:

      Я больше ничего нигде не прописывал.

      Ответить
  11. Dvitriy:

    Всем привет! Отредактировал старый файл темы блога на Вордпресс, как било описано в статье, «страница ошибки» вот что у меня получилось, страница стала похожа на вашу.

    Ответить
  12. Сергей:

    Здравствуйте.
    У меня не открывается страница 404.
    Не могу понять в чем тут дело.
    Создал файл 404.html
    В нем написал:

    Ошибка 404 — Страницы не существует
    Поиск:

    В .htaccess
    вставил строчку: ErrorDocument 404 http://israel-eilat.ru/404.html

    При наборе URL несуществующей страницы ничего не происходит.
    Может причина в том, что в .htaccess есть еще около 80-ти непонятных мне строчек от плагина iThemes Security.
    Не подскажете в чем причина?

    Ответить
    • Виталий Кириллов:

      Сергей, файл надо создавать в расширении .php и размешать его в корне темы, там где находятся файлы header.php, single.php и т.д.

      Ответить
  13. Сергей:

    О, заработало. Спасибо!

    Ответить
  14. Леонид:

    Здрасвтвуйте Виталий. У меня в шаблоне темы 404.php присутствует. Но все равно ошибку выбивает не всегда, добавляю в адресной строке после / например 12 — выводит непонятно что вроде ка блок новостей но с наполнением товаров из магазина, или еще какую ерунду. Я «писака» начинающий, может что не так делаю??

    Ответить
    • Виталий Кириллов:

      Здравствуйте Леонид! Мне сложно сказать, что именно вы не так делаете. Если следовать инструкциям, изложенным в статье, то все должно получится, проверенно!

      Ответить
  15. Марина:

    Здравствуйте, ничего не знала раньше вчерашнего дня об этой ошибке и теперь пытаюсь решить свою проблему. Вчера после установки плагина all-in-one-seo-pack и настроек пропали все мои страницы на сайте и появилась эта запись- Ошибка 404 — Страница не найдена. Подскажите как быть в моем случае? Возможно ли вернуть страницы? Как лучше поступить?

    Ответить
    • Виталий Кириллов:

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

      Ответить
      • Марина:

        Спасибо!

        Ответить
  16. Александр:

    Добрый день.
    На 404 не выполняется ни одна из стандартных функций WP.
    Подскажите пожалуйста, в чем может быть причина?
    Спасибо

    Ответить
    • Виталий Кириллов:

      Здравствуйте! Причин может быть много, нельзя так сразу поставить диагноз.

      Ответить
  17. WebGild:

    А как сделать,что бы такая ссылка тоже отдавала 404,а не туже статью

    /sozdanie-bloga/wordpress-dlya-novichkov/oshibka-404-not-found-kak-sozdat-stranicu-oshibki-404-na-wordpress.html/544154

    Ответить
    • Виталий Кириллов:

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

      Ответить
  18. Кост:

    Спасибо.

    Ответить
  19. Павло:

    Корректность обработки 404-ошибки

    Ответить
  20. Ирина:

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

    или вот так:

    На месте картинки образуется грустный квадратик. Будто бы картинка не найдена (
    Дальше двигаться не могу. Картинку рисовала сама. Старалась. Хочу её увидеть ) Чтоб был порядок.
    Заранее спасибо!

    Ответить
    • Виталий Кириллов:

      Здравствуйте Ирина! Если вместо изображения отображается постое место, значить путь до картинки указан не верно.

      Ответить
  21. Tatiana:

    Здравстуйте, Виталий, помогите разобраться, у меня сайт объявлений с блогом, при публикации объявления на последнем этапе (спасибо, ваше объявление опубликовано), появляется «Страница не найдена», при чем «хлебные крошки» на ней ведут на одну из категорий блога.
    Сама страница в шаблоне присутствует, и объявление тоже сразу публикуется (отображается) в объявлениях.
    Подскажите, пожалуйста, в чем может быть причина и как решить эту проблему?
    Заранее благодарю.

    Ответить
    • Виталий Кириллов:

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

      Ответить
  22. Олег:

    Виталий,познавательно,благодарю.Страницу обратной связи создал через Contact Form 7.На основе Вашей статьи сделал файл с кодом.Залил через ФТП. Работает. Но один момент. Виталий,может я невнимательный,не могу разобраться как сделать попытку оформить красиво. Полазил в поисковике, информации либо не нахожу,либо представленна лишь серая форма,либо между строк нужно читать,что догадайся сам. У вас талант писать человеческим понятным языком — может опишите? С уважением

    Ответить
    • Виталий Кириллов:

      Олег, я не понял, Вы про форму обратной связи или про страницу с ошибкой 404?

      Ответить
  23. Ремонт:

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

    Ответить
  24. Дмитрий:

    Спасибо за статью. За столько лет она не утратила своей актуальности. Часть информации мне помогла в создании ошибки 404. Но я создавал ее немного проще) Создал новую запись, добавил 2 картинки, текст. Все удобно разместил. Перешел в текстовое редактирование — скопировал все. Далее, зашел в редактор — шаблон 404 — удалил все, за исключением шапки сайта и вставил скопированный код. Все готово. Смотрится вроде не плохо

    Ответить
  25. Андрей:

    Здравствуйте!
    Сделал все по вашей рекомендации, но почему-то данная страница не работает. Может в файл .htacctss необходимо что-то прописать?
    Я обращался в службу поддержки хостинга, там мне добавили строку: ErrorDocument 404 nachalka21.ru/404.html и добавили файл 404.html. Ошибка стала отрабатываться, но как ее оформить не понятно. Ведь этот файл находится не в корне выбранной темы.
    Как правильно поступить?
    С уважением, Андрей.

    Ответить
  26. Андрей:

    Служба поддержки хостинга все-таки помогла мне. Все работает. Спасибо за вашу статью.

    Ответить
  27. Максим:

    Привет,у меня вообще по умолчанию подгрузился в шаблоны)))

    Шаблоны
    Шаблон ошибки 404
    (404.php)
    Подвал
    (footer.php)
    function_template.php
    Функции темы
    (functions.php)
    Заголовок
    (header.php)
    home.php
    Основной шаблон
    (index.php)
    Боковая колонка
    (sidebar.php)
    Стили
    Таблица стилей
    (style.css)
    style-min.css
    style-mobile.css

    Ответить
  28. Денис:

    Красава, помог!!!

    Ответить
  29. Юрий:

    Здравствуйте. Можете составить для меня файл ошибки 404? На ваш блог подписался, в знак благодарности.

    Заранее спасибо.

    Ответить

Оставить комментарий

Внимание комментатор! Прежде чем вставить: HTML, JavaScript или PHP код в свой комментарий, преобразуй его в html сущность!

Subscribe without commenting

» Подписаться на комментарии по RSS