Как изменить страницу 404



Как изменить страницу 404. Красивая страница 404

Приветствую Вас друзья! Сегодня Вы узнаете о том, как изменить страницу 404. Красивая страница 404 способна удержать посетителя – этим мы собственно и займемся. Готовы? Тогда поехали!

Но сначала давайте рассмотрим причины возникновения ошибки 404 и к чему это приводит…

Пожалуй, Вам знакома ситуация, когда переходите по чьей-то ссылке, будь-то ссылка на скачивание какой-нибудь белиберды или ссыль на определенную страницу интернет-ресурса – неважно… Вместо интересующего нас элемента натыкаемся на такую надпись «Ошибка 404» или такая надпись «Not found» или «Извините, документ был перенесен или удален – поищите на главной». Суховато как-то, не правда ли?

Моя старая страница 404

Посмотрите на мою старую страницу ошибки 404. Какое возникает желание? А вот такое – уйти и поскорее! Поверьте мне, так поступит 95% посетителей и только 5% ради любопытства заглянут на главную страницу, чтобы посмотреть, о чем вообще этот ресурс.

Хотите проверить свою страницу 404? Наберите в браузерной строке такой адрес: http://ваш сайт/404

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

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

Еще о способе удержать посетителей я писал тут: Subscribe to Comments – отличный плагин подписки на комментарии. Обязательно примените.

Сама природа возникновения ошибки 404 очень проста. Это неверно записанный адрес (URL), измененный адрес, удаление файла автором, перемещение и т.п. Увы, от этого нам никуда не деться, а вот извлечь выгоду – это пожалуйста. Если судьба нам дает кислые лимоны,  давайте будем делать из них лимонад!

Как изменить страницу 404 у себя на блоге?

Воспользуемся простейшим вариантом из существующих. Перейдем в админку блога – Внешний вид – редактор, справа колонка PHP файлов, выбираем 404.php – для правки… Шаблоны у всех разные, поэтому код может отличаться.

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

1. Вставка картинки. На скриншоте показано место, где нужно указать путь к Вашей картинке, которая уже должна быть расположена (закинута) на хостинг. Для вывода изображения используем: <img src="ссылка на картинку">

Что сложно? Можно и попроще! Не нужно заходить на хостинг и закидывать картинку. Сейчас легко сформируем код и вставим его в файл 404 php.

В статье «Как вставить картинку в сайдбар» я детально написал, как получить (сформировать) код для вставки изображения в сайдбар…Поступим по аналогии, только вставим в файл 404 php :)

Если все проделано можно проверять. Как я уже говорил, в браузерной строке вставляем http://Ваш сайт/404 – должна появиться Ваша красивая страница 404, если нет – обновите страницу.

2. Редактируем или добавляем текст. Здесь особо расписывать нечего, удаляете старый текст или редактируйте его – Вам решать. А вот ссылки вставить, думаю, стоит. Ссылка на «Все статьи» обязательна. А то перейдет человек на Вашу красивую страницу 404 – а там тупик. Да, подумает он, картинка хороша, а дальше то куда?

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

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

Для вставки ссылок: <a href="ссылка">заголовок ссылки</a>

3. Код для вывода последних статей. Ставьте код вывода последних статей обязательно. Так посетитель сможет понять тематику Вашего ресурса. А перейдя по одной из ссылок, он оценит стиль Вашего письма. А если уж понравитесь как автор, то он зайдет еще не раз!

Код вывода последних записей: <?php get_archives ('postbypost', 5); ?>  цифру «5» можно поменять...

4. Форма поиска по сайту. У многих из Вас стоит в боковой колонке форма поиска по сайту. Найдите у себя ее код и вставьте в файл 404 php. Обычно код располагается в виджетах, копируете и вставляете в нужное место.

5. Код вывода архивов. Если есть желание, можете поставить себе архивы, но я считаю это лишним. Привожу в виде примера.

Код вывода архивов: <?php wp_get_archives ('type=monthly'); ?>

Достаем блокнот – NotePad++

Почти все, осталось пару штрихов :)

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

Я работаю с программой NotePad++ и Вам советую установить такую же… Итак открываем NotePad++ — файл – новый. В правом нижнем углу отображается кодировка «ANSI» — нам надо «UTF-8». Идем в меню «Кодировки» и выбираем «Кодировать в UTF-8» — значок внизу поменялся. Теперь переносим весь код из админки блога, вставляем в редактор, заходим обратно в меню кодировки и уже выбираем «Преобразовать в UTF-8 без BOM».

Теперь код копируем и возвращаем в админку – вставляем. Не забываем нажать «Обновить файл». Все!

Красивая страница 404

Вот такую страницу 404 сделал я, не супер но и не хуже, чем было.

Поздравляю теперь Вы знаете, как изменить страницу 404. Красивая страница 404 на Вашем блоге/сайте говорит о Вашем профессионализме. Теперь посетители не будут бояться, и бежать сломя голову. Теперь они часами будут рассматривать Вашу страницу 404 и говорить: «О да-да-да!», «Крутизна!»

А что Вы скажете про эту страницу?

На этом все и до скорого! :)

 



Обратите внимание на следующие статьи...

22 Комментарии к статье “Как изменить страницу 404
  1. Вау, какая красотища! Нужно время выкроить и сделать себе такую! 💡

  2. Татьяна спасибо, что оценили. Сделать страничку нужно для наших посетителей, ведь мы с Вами, возможно, сразу и не заметим ошибку 404, а кто-то перейдёт по ссылке и увидит (на моём старом примере) убогое не пойми что... 😀 Найдите время и сделайте — приду посмотрю :smile:

  3. Непременно сделаю, вот только с перелинковкой разберусь...А то у меня с ей борьба, кто кого — или я ее на лопатки положу или она меня «добьет» 😡

  4. Перелинковка очень важна и я верю, что Вы её одолеете! :) Татьяна, спасибо за весёлый комментарий и жду страничку 404...

  5. Спасибо за понятное объяснение, благодаря вам сделала свою страницу 404, только у меня почему то когда вставляю ссылки , на готовом виде ссылки не активные?! и я сделала без ссылок :( 😥

  6. Татьяна, смотрел Вашу страничку 404 — очень хорошо :)... Ссылка на главную активна, только почему оставили URL, а не прописали, например: «поискать на главной» — сделав активной ссылкой? Выглядит так: поискать на главной — ставьте ссылки по такому принципу, только вместо «Ваш сайт» — URL желаемой странички.

  7. Вот, Андрей, Вы говорили что делать страничку 404 быстро, а я ее делала 2 месяца! 💡 Шучу 😀 Сделала за пару часов с перерывами на кофе. Наконец то и до ее руки дошли! Прошу принять мою работу на проверку! Вот только поиск нужно пожирнее сделать, а то его без лупы и не увидишь :roll:

  8. Поздравляю Татьяна, 404 страничка хороша :)... Форму поиска можно чуток выделить, хотя можно оставить как есть — получилось здорово. А я чуть было не повёлся на «2 месяца», подумал — ни фига себе! 😀

  9. Ну так если откладывать в долгий ящик, так можно и год делать. 😀 Поиск от яндекса поставлю и будет пожирнее. Спасибо, Андрей за инфу, пригодилась ➡

  10. Поиск от Яши? Можно и от Гугла... При помощи конструктора форм создадите такую, которая будет отлично вписываться под дизайн Вашего ресурса.

  11. Андрей, а в чем разница? Какой поиск ставить? Буду ставить рекламу яши, вот и хочу поиск от яши поставить.

  12. Да нет особо никакой разницы какой поиск ставить... Если планируете в дальнейшем работать (зарабатывать) через РСЯ, ставьте Яшка-поиск. Другие планируют работать с АДсенс Гугл, соответственно и поиск «евошний ставють». Ваша посещалка набирает 300 уников в сутки — подавайте прошение на приём Вашего ресурса в РСЯ.

  13. Вот и я думаю, что особой разницы нет. Буду пробовать и там и там. А потом по ходу разберусь, где для меня будет «уксус слаще» 😎

  14. Прочитала Вашу статью и подумала: «Да-а,сколько всего мне еще нужно сделать». Совсем недавно обнаружила у себя такую ошибку 404, мысли зрели в голове и тут Ваша статья. Оказывается, не нужно изобретать велосипед, а нужно взять этот велосипед и усовершенствовать. Только бы руки дошли... Надо!

  15. Здравствуйте Ольга! Перестаньте откладывать всё на потом, возьмите и сделайте! Найдите время для себя и своего ресурса... Страницу 404 сделать ооооочень просто :) главное начать.

  16. Вы правильно рассуждаете! главное, чтобы мотивация была!!! 😉

  17. Здравствуй Денис! Спасибо, промотивировал — теперь всё должно быть хорошо 😀

  18. Андрей, а у меня код шаблона 404 ошибки просто уникальный, всего 3 строчки:

    <?php

    get_header ();

    art_post_box (__ ('Not Found', 'kubrick'), __ ('Error 404 — Not Found', 'kubrick') );

    get_footer ();

    И куда же вставлять картинку, текст и ссылки? Подскажите, пожалуйста!

  19. Добрый день. Спасибо за грамотную статью. А я хотел у вас спросить, что если вообще не делать страницу 404, а просто поставить 301 редирект на главную страницу? Как вы думаете, проблемы с Яндексом не возникнут из-за этого?

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

  20. Андрей, я не экспериментировал в этом направлении и сказать с уверенностью, что всё будет «пучком» — не могу.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *