Главная » Wordpress » Апгрейд 404 – делаем красивую страницу об ошибке

Апгрейд 404 – делаем красивую страницу об ошибке


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

страница 404

Вы можете посмотреть на нее, например, по этой ссылке. А какая страница 404 у вас?

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

Это, конечно, хорошо, а как это сделать-то? А сделать это обычно проще простого.

1) Вначале надо скачать ваш файл со страницей 404 (путь domen.com/wp-content/themes/ваша-тема/404.php.

2) Затем перевести все что вы хотите на русский язык или дописать что-то свое. Надо переводить именно то, что непосредственно показывается на вашей странице 404. Редактируйте файлы wordpress в правильном редакторе. Я, например, использую NotePad++.

3) Загрузить файл обратно на сервер.

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

1) Вывод поиска по сайту <?php include (TEMPLATEPATH . ‘/searchform.php’); ?>

2) Вывод популярных статей (если у вас стоит соответствующий плагин). <?php akpc_most_popular(); ?>

3) Вывод категорий <?php wp_list_cats(); ?>

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

веселая страница 404

смешная страница 404

страница 404

Те, которые пробовали и пытались, но у них ничего не вышло,  пишите в комментариях в чем проблемы. Я постараюсь помочь ;-).

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

Добавить в
Опубликовано: 19.01.2010

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

Отзывов к посту "Апгрейд 404 – делаем красивую страницу об ошибке" уже 74:

  1. Андрей | Цитировать

    Все правильно. Страницу 404 надо делать “красивую”. Вот у димка не особо blog.dimok.ru/1232e2ded, а у Шакина уже повеселей shakin.ru/1232e2ded. Так же видел и просто пустые страницы 404. У них наверно вообще нет такого файла в шаблоне :x

  2. Простите, но может быть аПгрейд (upgrade) ? ;-)

  3. Это конечно хорошо, можно оформить страницу ошибки (причем не только 404, но и 500, 403), но я думаю, что можно делать ее полегче. Совсем не нужно тянуть весь дизайн. Сейчас еще у многих пользователей медленный интернет и, если, у вас на сайте много баннеров, всякой графики и т.д., то он будет огорчен, когда узнает о том, что он грузил так долго, а такой страницы не существует.

    Например, хорошая страница ошибки на хабре: http://habrahabr.ru/asjdjashdjashd/

  4. А ещё можно банеры какие-нить влепить:) Адсенс правда вроде запрещает, но что-нибудь ещё наверняка можно.

  5. Тоже хотел написать пост на эту тему)

    Посмотрите мою кстати ;)

  6. Павел, посмотрел Вашу страницу 404 улыбнулся. Прикольно :razz: Я тоже настроил у себя эту страничку: http://www.url.by/404.php. Только у меня еще и такие страницы имеются, например, url.by/article/7866 . То есть здесь когда-то была размещена статья, но она была удалена. Получается мне надо сделать редирект подобных страниц на url.by/404.php?

  7. valeriy, безусловно “П”. Черт меня дернул. Спасибо, что сообщили ;)
    Павел, отличная страничка. Еще бы открывалась до конца :idea:

  8. Linar, да. Несуществующие страницы должны выдавать 404.

  9. Только программист из меня никакой, поэтому я не знаю как это сделать. Прочитав статьи, сделал вывод, что мне придется каждую страницу, которая была удалена, прописывать в .htaccess вот так: Redirect 301 /article/7866 http://www.url.by/404.php. Я правильно понял? Или можно это как-то по-другому сделать?

  10. Sosnovskij, странно, у меня грузится)

    Linar, лучше спросить на каком-нибудь форуме в профильном разделе ;) Я сам в этом плохо разбираюсь, нужно не только чтобы 404 нормально выглядела, но и чтобы отдавала соответствующий код 404, а не 200.

  11. Интересно, скоро я наконец-то переделаю свою 404 ..)) никак взяться не могу =/

  12. Sosnovskij, еще надо исправить: “И буквально вчера сделал небольшой абгрейд своей страницы 404.”

  13. Павел, я имел в виду дырка, которая не до конца открыта ;)
    Linar, попробуйте в .htaccess вписать “ErrorDocument 404 http://url.by/404.php” (без ковычек). Может поможет.

  14. Похвастаться супер оригинальной страницей 404 не могу, но все же она у меня существует уже как месяца полтора… кому интересно можете заглянуть http://tuta.by/3543421451 )))

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

  16. Роман | Цитировать

    Юмор на высоте.!

  17. А вообще зачем делать страницу 404 оригинальной. У нее другое предназначение. Она должна помочь посетителю сайта найти требуемую информацию или как минимум не покинуть Ваш сайт.

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

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

  20. Николай, не вводите людей в заблуждение. вы сами формируете ответ клиенту и можете определить любой код ответа и описание.

  21. Andrew, спасибо за теплые слова ;-)
    Интересную идеи вы, конечно, предложили, но я думаю она больше не для страницы 404 подойдет, а, например, для основного дизайна блога.

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

  23. Попыталась проверить, как выглядит моя страница 404 – меня перенаправляют на главную. Хотя сам файл страницы есть. Как это можно исправить?

  24. Lingvaroom, видимо в файле стоит редирект на главную страницу. Киньте файл мне на почту или скопируйте сюда в комментарии. Разбиремся ;)

  25. Почему-то в комментарии не отобразился весь код. Отправлю на почту.

  26. Святослав, посмеялся от души. Отличная страничка ;-)

  27. когда попадаешь на веселую страницу 404, даже настроение повышается :)

  28. Спасибо отличная статья как раз то что искал.

  29. Не помешало бы исправить на 404-й:
    “Миссия моего дневника-” или “Миссией моего дневника является”. И лучше с новой строки.

  30. Xstroy, спасибо, поправил ;-)

  31. После прочтения Вашего поста изменил страницу 404. Сегодня зашел в Яндекс.Вебмастер и эта страница теперь с ошибкой: HTTP-статус: Ресурс не найден (404). Список страниц, исключённых роботом при обходе сайта. Причиной исключения может быть ошибка при загрузке или обработке страницы. Кроме того, в поисковый индекс не попадают страницы, запрещённые в файле robots.txt и т.п. Исключение страниц из индекса не всегда является ошибкой в настройках сайта. Вы можете указать степень серьёзности той или иной причины исключения в Настройках.

  32. Linar, ну так это страница, которая отдает ошибку 404 – зачем роботу ее индексировать? :smile:

  33. Это конечно хорошо креативом заниматься, но я вот практически никогда и не попадал на 404, как то все по адресу.

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

  35. А вообще, должна она присутствовать 404, но лучше, чтоб ее вообще не видели клиенты сайта

  36. Alex@Macenko.com, в идеале, конечно, да. Но бывают пользователи, либо сами ошибаются, либо статьи куда-нибудь переносится. А редирект на главную – не лучший вариант ;)

  37. Alex@Macenko.com, если пользователь ошибся при наборе ссылки, то ему обязательно об этом нужно сообщить, чтобы не возникало путаницы: хотел попасть на одну страницу, а в итоге попал на совершенно другую (чаще всего на главную). Хотя можно сделать проверку на опечатки в набранной ссылке и попробовать либо отредиректить на предполагаемую правильную страницу, либо на 404-ой предложить список вероятных ссылок, куда метил пользователь.

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

  39. Хм… я тоже думал как-то, поставить, что-то стильное и интересное… но как говорят: все гениальное – просто, решил все сделать просто. вот моя страница ошибки 404: http://pro.ucoz.org/404

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

  41. А как вам такая 404-я
    http://postrlive.ru/error/404.html
    Прикольно придумали: ошибка будет исправлена через 404 секунды… :idea:

  42. Alex, да, оригинальная страничка. :smile:

  43. Хороший вариант также – вывод поискового результата гугла основанного на “основных” ключевых словах вашего сайта.

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

  44. :razz:
    я другим путем пошел, сделал свою данным методом: http://rabotaisam.ru/error-404.html

  45. Боксик | Цитировать

    Особенно улыбнула картинка со сперматозоидами… :) Наверное, нужно и себе на сайт втулить… :)

  46. ;-) сегодня переделываю 404!)
    вот мой вариант http://sidash.ru/404 :grin:

  47. sidash, симпатичная страничка :smile:

  48. А у меня вопросик возник :grin: . Почему вордпресс не отдает ошибку 404 если в строке адреса странички в конце вставить цифры? Например если сравнить site.ru/test/ и site.ru/test/11/ то при втором запросе с цифрами нет ошибки 404 и отдается содержание site.ru/test/ по адресу с цифрами…

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

  50. Здравствуйте, Сергей. Понравилась Ваша 404. Креативно :idea:
    Сам не так давно переделал свою, добавив изображение и немного текста. Прошу: http://frome4u.ru/404
    Пишите ещё, ждём новых идей от Вас ;-)

  51. Даже на это счет и не задумывался.Осталось придумать как на этом заработать)

  52. Блин, а у меня нет ошибки 404 в теме :( Что делать?

  53. Sosnovskij, так пробывал. А толку от неё нет. Ведь её нужно что-то где прописать наверное, чтоб на неё всё перенаправлялось

  54. Sosnovskij, да смотрел уже. Создаю 404.пхп и нефига не выходит. :(

  55. Vedro_Okunei, обратитесь к какому-нибудь верстальщику. Он поможет.

  56. а я не знаю как тема называется, ну название я знаю но когда вбиваю в урл нето пишет. Как подскажете название найти?

  57. Валерий, мне ваш вариант подошел! спс! и у вас отличная и оригинальная – http://rabotaisam.ru/5555, только вот у меня не работает флеш, как его запустить

  58. Григорий | Цитировать

    Прочитал всю статью и мне она понравилась. Я к стати уже сделал свою 404 страницу, по моему вот хороший пример оформления 404 ошибки на веб сервере vpn.by/error404.php

  59. Роман | Цитировать

    А что если в самой теме нету файла 404.php? Где исправлять код?

  60. Свою страницу 404 я перевёл на русский язык, а как туда картинку вставить не понял. Подскажите!

  61. peshehod, в вашем случае после слов “Извините за доставленные неудобства” нужно вставить html-код нужной картинки. Она появится после всего текста.

  62. Sosnovskij, Спасибо! Подыщу, что-нибудь оригинальное вставлю обязательно.

  63. Sosnovskij

    Получилось! Спасибо за помощь.

  64. А вот наш пример med-altai.ru/404

  65. Интересные идеи. Посмотрите на мою станичку http://compoline.ru/12345

  66. Как всегда, у Вас на сайте только самое интересное, завтра попробую сотворить со своей 404-й. Спасибо.

  67. Александр | Цитировать

    Sosnovskij,
    Я прочитал эту статью и сделал страницу ошибки, а до этого и не думал о полезности таковой. Спасибо.

  68. На мой взгляд, главное, чтобы она была простой. Я сделал так: http://lepeta.net/404
    Так пользователь сразу понимает, что попал не туда, куда хотел. + фокусируется на тексте, а не на окружающих меню :)