Как сделать страницу ошибки 404 на своем сайте

Автор: | Рубрика: Блог на Wordpress | Обновлено: 2017-02-20
Просмотров: 1157
Как создать красивую страницу ошибки 404

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

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

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

пример стандартной страницы ошибки 404

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

Что может содержать шаблон ошибки 404 not found. Пару предложений, вроде: "Страницы, которую Вы ищите нет...". Какую-нибудь прикольную картинку. Ее можно найти в интернете или нарисовать свою. Еще один элемент, который должна содержать любая страница ошибки 404 - поиск. Где взять код формы поиска? В стандартных шаблонах, обычно, есть файл searchform.php, в нем и будет код.

Также можно вывести список рубрик, последних статей, добавить ссылку на главную страницу сайта, а также ссылку на страницу со списком всех статей. Если Вы еще не знаете, как создать страницу с выводом списка всех статей, то почитайте эту статью http://inetsovety.ru/karta-bloga-dlya-lyudey/

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

    1. Нужно зайти в подраздел Редактор, который находится в разделе Внешний вид:Как сделать страницу ошибки 404
    2. Справа выбрать для редактирования файл шаблона ошибки 404 под названием 404.php.
    3. У меня редактирование файла страницы ошибки 404.php заключалось во ставке следующего кода:
      <div align="center"><h3>Страницы, которую Вы ищете уже
      нет!</h3>
       <img src="http://inetsovety.ru/wp-content/uploads/404.jpg">
      </div>
       <div align="center">Посмотрите перед уходом раздел рубрики,
      последние статьи и другие страницы блога!</div>

Давайте рассмотрим, что означает данный код:

  • выравнивание текста внутри по центру (внутрь его я вставляю остальную часть кода)
    <div align="center"></div>
  • вставка картинки (картинку я загрузила на хостинг и указала путь к ней)
    <img src="http://inetsovety.ru/wp-content/uploads/404.jpg">
  •  <h3></h3> - тексту присваивается стиль заголовка h3
  • Код для вывода рубрик:
    <?php wp_list_cats ('sort_column=name'); ?>
  • Если хотите вывести список из 5 последних опубликованных записей, добавьте этот код:
    <?php get_archives ('postbypost', 7); ?>

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

Как создать привлекательную страницу ошибки 404Со временем буду приукрашивать ее еще. На сегодня у меня все. А как  на Вашем блоге  оформлена страница ошибки 404 или все еще показывается стандартная страница?

С уважением, Виктория – блог inetsovety.ru

Поделиться ссылкой на пост в соц. сетях
Получать уведомления о новых статьях на e-mail
Комментариев: 24 к статье "Как сделать страницу ошибки 404 на своем сайте"
  • Игорь 2017-02-27 в 19:45

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

    Ответить
    • Люся 2017-05-30 в 23:11

      Если у человека нет времени или торопится, он не вернётся на сайт, а продолжит поиск материала в другом месте.

      Ответить
  • Рашида 2014-10-29 в 16:51

    Отличная страница 404 — я тоже сделала, только еще добавила ссылку на пять последних статей, «вдруг вы их еще не читали»

    Ответить
    • Люся 2017-05-30 в 23:15

      Очень хорошая творческая идея привлечения посетителей. Вы сами придумали завлекающий ход?

      Ответить
  • Александр 2014-06-27 в 19:00

    Собираюсь сделать но своих блогах 404 страницу но никак руки не доходят не знаю почему

    Ответить
    • seomodern 2014-06-27 в 20:51

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

      Ответить
      • Александр 2014-06-30 в 18:08

        Да я уже думал об этом. но никак руки не доходят

        Ответить
    • Люся 2017-05-30 в 23:20

      У вас не доходят руки, потому что не считаете важной страницу 404. а зря не считаете.

      Ответить
  • Александр 2014-05-29 в 08:34

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

    Ответить
    • seomodern 2014-05-31 в 15:48

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

      Ответить
      • Александр 2014-06-27 в 18:58

        Возможно, но раньше никогда об этом не задумывался об этом

        Ответить
      • seomodern 2014-06-27 в 20:48

        «Замечательный» комментарий. Стоит задуматься 🙂

        Ответить
      • Александр 2014-06-30 в 18:09

        Да наверное многим нужно задуматься в первую очередь мне

        Ответить
  • seomodern 2014-03-31 в 20:18

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

    Ответить
    • Александр 2014-06-27 в 18:59

      Вот и я не могу решить какой сделать внешний вид страницы 404

      Ответить
      • seomodern 2014-06-27 в 20:49

        Я уже определился. Могу подсказать, как:)

        Ответить
      • Александр 2014-06-30 в 18:09

        Очень бы хотел получить совет!

        Ответить
  • Фидан 2013-11-27 в 12:16

    Благодарю. Сделаю наконец-то нормальную страницу 404

    Ответить
  • Инга Анатольевна 2013-05-15 в 18:54

    Доброго времени суток. Виктория, полный восторг!
    Вы даете такую информацию и бесплатно, просто и не верится — ведь большинство, кого я встретила ранее = ее Продавали!!!!
    Уже пару недель, как *вынашиваю* идею своего сайта (может быть инет-магазина, но не такого как есть!); ПРОЧЛА большинство Ваших статей, и возник вот какой вопрос: Вы по образованию программист, или осваивали просто самоучкой? Благо Дарю!!!

    Ответить
    • Виктория 2013-05-16 в 07:02

      Здравствуйте, Инга Анатольевна! Спасибо за приятные слова. Я стараюсь писать статьи с полезной информацией максимально доступным языком, понятным даже новичку. По образованию я не программист, веб-программирование изучала сама 🙂

      Ответить
  • Олег 2013-02-25 в 10:47

    А як створити свою 404 сторінку, якщо в темі шаблону 404 сторінки немає, а все прописано в файлах окремим кодом?

    Ответить
    • Виктория 2013-02-26 в 14:58

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

      Ответить
  • Анна 2012-06-23 в 14:22

    У вас интересно оформлена страница 404, но вот фраза «перед уходом» звучит не очень позитивно. Лучше было бы её убрать.

    Ответить
    • Виктория 2012-06-23 в 17:19

      Спасибо. Мне тоже эта фраза не нравится, пока удалю, а потом может что-нибудь придумаю.

      Ответить
Оставить комментарий
Нажмите, чтобы отменить ответ.

Комментарий появится после проверки. Комментарии, содержащие спам и ненормативную лексику будут удалены!