Как сделать и настроить страницу с 404 ошибкой на сайте. И для чего это нужно?)

Основы

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

А посвящена она будет созданию страницы с 404-й ошибкой на сайте.  Почему именно такая «свежая» тема, о которой никто никогда и нигде не писал?)

Дело в том что одна из моих постоянных читательниц написала письмо и попросила разобрать этот момент, я не смог отказать. А самое главное, указала мне на тот факт, что у самого 404-я страница практически голая, а это не порядок. Короче мне стыдно стало =)

Признаться я уже давно хотел поколдовать над ней, да что-то как то руки не доходили.

Для начала немного теории.

Что такое страница с 404-й ошибкой и зачем она нужна?

Уверен вам не раз приходилось видеть подобную надпись, покоряя интернеты: Ошибка 404 — Страница не найдена.  Или в английском варианте  404 not found.

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

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

Теперь следующий вопрос.

Зачем создавать страницу с 404 ошибкой или как-то настраивать ее?

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

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

Зацените оригинальное решение на одном из строительных порталов 404 ошибка. Сколько уже лайков наставили =)

У шаблонов вордпресса уже имеется созданная страница 404. Она находится в файлах шаблона под названием 404.php. Вот какое содержание этого файла было у меня:

<?php get_header(); ?>
<div id="contentwrap">
<div>
<div id="content">
<h2 class='pagetitle'>Ошибка 404 - Страница не найдена</h2>
</div>
</div>
<?php get_sidebars(); ?>
</div>
<?php get_footer(); ?>

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

Не густо, как видите =) Из шаблона подключается хэдер, блоки для размещения контента, всего один заголовок h2 с названием ошибки, сайдбар и футер. И на том все.

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

404 ошибка

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

Осталось лишь сделать страничку немного более дружелюбной =) Для этого решил добавить туда  картинку и немного текста, поисковую форму + немного ссылок на разделы сайта, которые могут заинтересовать посетителя.

Вот что в итоге получилось:

404 ошибкаХотя, зачем скрины, можете и сами посмотреть воочию — http://ruskweb.ru/404.php

Вы же можете сюда добавить что угодно, и форму подписки, и ссылки на статьи, и видеоаписи, и флешприложения и все на что хватит фантазии, главное без фанатизма)

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

Да очень просто — все внутреннее наполнение вы можете сделать в визуальном редакторе, в том самом, в котором пишете статьи.  Затем, когда все готово просто переключаетесь в html редактор кнопкой «Текст», копируете оттуда весь html код и вставляете его в файл 404.php

404 not found

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


Вот и все хитрости. Удачи вам с оформлением, будьте оригинальны, посетители оценят)

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

Проверить наличие битых ссылок на своем сайте можно с помощью плагина Broken Link Checker.  Так же подобную инфу по 404 ошибкам  можно увидеть в кабинетах вебмастера Яндекса или Гугла.

P. S. я не пропал, писать стал реже потому что приболел немного, только отхожу =) Кроме того выполняю сейчас заказ — делаю сайт-визитку для одной московской компании, так что времени маловато. Но вскоре вернусь)

Комментариев: 54

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