Как изменить страницу 404
Опубликовано: 01.09.2018
Приветствую Вас друзья! Сегодня Вы узнаете о том, как изменить страницу 404. Красивая страница 404 способна удержать посетителя – этим мы собственно и займемся. Готовы? Тогда поехали!
Но сначала давайте рассмотрим причины возникновения ошибки 404 и к чему это приводит…
Пожалуй, Вам знакома ситуация, когда переходите по чьей-то ссылке, будь-то ссылка на скачивание какой-нибудь белиберды или ссыль на определенную страницу интернет-ресурса – неважно… Вместо интересующего нас элемента натыкаемся на такую надпись «Ошибка 404» или такая надпись «Not found» или «Извините, документ был перенесен или удален – поищите на главной». Суховато как-то, не правда ли?
Как настроить страницу 404 за 10 минут для сайта на WordPress
Посмотрите на мою старую страницу ошибки 404. Какое возникает желание? А вот такое – уйти и поскорее! Поверьте мне, так поступит 95% посетителей и только 5% ради любопытства заглянут на главную страницу, чтобы посмотреть, о чем вообще этот ресурс.
Как сделать страницу 404 на своем сайте
Хотите проверить свою страницу 404? Наберите в браузерной строке такой адрес: http://ваш сайт/404
Поправьте меня, если я ошибаюсь, но мы ведь создавали свои блоги и сайты для привлечения посетителей, а не для того чтобы их отпугивать…
Читайте далее и узнаете, как из пугало сделать приятную заманушку способную удержать посетителя, привлечь его внимание и побудить все-таки посмотреть Ваш ресурс, несмотря на эту досадную ошибку 404.
Еще о способе удержать посетителей я писал тут: Subscribe to Comments – отличный плагин подписки на комментарии . Обязательно примените.
Сама природа возникновения ошибки 404 очень проста. Это неверно записанный адрес (URL), измененный адрес, удаление файла автором, перемещение и т.п. Увы, от этого нам никуда не деться, а вот извлечь выгоду – это пожалуйста. Если судьба нам дает кислые лимоны, давайте будем делать из них лимонад!
Воспользуемся простейшим вариантом из существующих. Перейдем в админку блога – Внешний вид – редактор, справа колонка PHP файлов, выбираем 404.php – для правки… Шаблоны у всех разные, поэтому код может отличаться.
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 и говорить: «О да-да-да!», «Крутизна!»
А что Вы скажете про эту страницу?
На этом все и до скорого!