Ошибка 404. Как не потерять из-за нее посетителей

Как часто, пытаясь попасть на какую-либо страницу веб ресурса в сети, Вы сталкивались с ошибкой 404? Какие ощущения Вы испытывали и что делали после? Я думаю большинство скажет, что это раздражало и что после сообщения об ошибке 404 они просто закрывали страницу. Давайте поговорим о том, как сделать так, чтобы посетитель не ушел с Вашего сайта после сообщения об этой ошибке…

ошибка 404 Ошибка 404 или Not found - это сообщение о том, что сервер не может найти данные согласно Вашему запросу.

Причины возникновения могут быть различными, например: битые или мертвые ссылки, опечатка при написании URL, файл мог быть удален с сервера или переименован, а возможно в момент запроса сервер был перегружен или отключен…

Я, например, столкнулась с этой проблемой, когда решила сделать ЧПУ (человеко понятные url) для своих страничек на блоге. То есть раньше они заканчивались на что-то подобное «мой блог/lessons.php?cat=2&id=5», а сейчас любой URL Вы можете прочитать на транслите. Сделать я это решила, когда поняла, что это играет немалую роль при доведении релевантности постов до 100%… ну да ладно, об этом я еще как-нибудь напишу.

В общем факт в том, что после этих изменений URL-ы у всех имеющихся к тому времени статей изменились. Хоть их было и не слишком много, однако ссылки на них я уже успела оставить на разных других ресурсах. И если на каких-то ресурсах была возможность их исправить, то на других – нет.

Получается довольно-таки неприятная ситуация: Вы где-то читаете, что: переходи, мол, по этой ссылке, там есть классный урок про то, что тебе нужно! Вы переходите, а там… вот такое:

стандартное сообщение об ошибке 404

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

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

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

Ошибка 404: Как не терять из-за нее посетителей сайта

1. Почему человека раздражает такая страница, которую Вы видели на скриншоте выше?

Во-первых, он не получил ожидаемого!

Во-вторых, ему ничего не понятно на этой странице: какое-то непонятное сообщение и все на английском. Никаких ссылок, никаких кнопок. Что делать? Закрывать нафиг такую страницу и идти искать в интернете другой ресурс с подобной информацией!

Что мы можем сделать?

Мы можем сделать так, чтобы при возникновении ошибки 404 наш посетитель перенаправлялся на специально созданную нами страницу, где мы в понятной форме сообщаем о возникшей проблеме, естественно приносим свои извинения, где есть меню нашего сайта и человек может перейти на любую его страницу. Кроме того, в самом тексте сообщения об ошибке можно дать еще и ссылку на все статьи блога (если это блог), либо на главную страницу сайта. А можно вставить и контактную форму. В общем все зависит от предназначения Вашего ресурса. Здесь решайте сами, какое оформление больше подойдет Вам.

2. Сделать это достаточно несложно.

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

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

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

Начните с того, что Вам очень жаль, что при обращении к файлу произошла ошибка.

Далее в двух словах постарайтесь объяснить Вашему посетителю, почему это могло произойти и дайте ему альтернативу, например, перейти на главную страницу сайта. Я, например, в своем сообщении предлагаю посетителю перейти на страницу «Все статьи блога», где он может найти нужную ему статью или урок.

Неплохо также будет вставить какую-то тематическую картинку. На моей странице ошибки – это грустно-удивленный смайлик. Вот так она выглядит:

моя страница при ошибке 404

Согласитесь, этот вариант уже гораздо привлекательнее предыдущего. Здесь у посетителя уже есть альтернатива: он может перейти на любую из страниц блога, а также и на предложенную страницу всех статей блога.

Да, сбой произошел! Но перед Вами извинились, а также предложили какую-то альтернативу, а это уже раздражает не так сильно. К тому же, правильно подобранное изображение еще больше сгладит неприятные ощущения, отвлекая на себя внимание. Помните, что большинство людей все-таки визуалы.

3. Когда страница готова (проверьте, кстати, чтобы все ссылки на ней работали корректно), можете закинуть ее на сервер. Вы можете создать для нее какую-нибудь специальную папку, например, под названием «errors».

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

4. Итак, страница создана, лежит на сервере, Вы ее протестировали и убедились, что все хорошо.

Для того, чтобы наш посетитель при возникновении ошибки 404 попадал на эту самую страницу нам понадобится файл «.htaccess». Он должен лежать в основном каталоге Вашего сайта (у многих хостинг-провайдеров это папка «public_html», так вот, он должен лежать в ней).

Если у Вас этого файла нет, то его нужно создать. Сделать это можно при помощи любого текстового редактора (например, Notepad++).

Откройте Notepad++, создайте новый файл.

Далее заходим в меню «Кодировка» и нажимаем на «Преобразовать в ANSI».

устанавливаем нужную кодировку для файла .htaccess

Далее идете в меню «Правка», подменю «EOL Конверсия» и выбираете «Преобразовать в UNIX-формат».

устанавливаем нужный формат для .htaccess

А теперь нужно сохранить файл с именем «.htaccess», выбрав «Тип файла» - All types.

сохранение файла «.htaccess»

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

А написать нужно всего одну строчку и выглядеть она будет следующим образом:

ErrorDocument 404 http://ваш_сайт.ru/errors/404.php

Здесь «ваш_сайт» - это имя Вашего сайт.

Обратите внимание, что в моем примере оно без www., потому что у меня основной домен без www., но у Вас он может быть с www. Вам обязательно нужно учитывать, как выглядит Ваш основной домен (с www. или без). Кстати говоря, это также важно знать, когда Вы размещаете или покупаете ссылки для своего сайта.

«errors» - это имя папки, в которой лежит файл страницы ошибки.

«404.php» - это имя файла страницы ошибки (кстати, у Вас он может быть и с расширением .html).

Вот в принципе и все. Теперь, если файл «.htaccess» загружен на сервер в основной каталог, то наше перенаправление должно прекрасно работать.

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

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

Так что всегда помните о Ваших посетителях.

На этом буду прощаться.

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

А также подписывайтесь на обновления блога. Будет очень много интересных материалов. Уж это я Вам обещаю!


Удачи Вам, друзья, и до новых встреч!

Как зарегистрировать сайт в поисковых системах

Очень красивый эффект динамики изображения в Photoshop

Как я потеряла целый сайт + Совет по защите информации

Понравилась статья? Поделись с друзьями!


Не нашли того, что искали? Воспользуйтесь расширенным поиском!

Будьте в курсе новых публикаций на Блоге!

rss podpiska

Введите Ваш E-mail:


Комментарии к этой статье:

Комментарий добавил(а): jrrey2k
Дата: 2013-12-02

interesante articulo, gracias entiendo porque tiene ese error

Комментарий добавил(а): Ирина
Дата: 2013-12-21

Все понятно, спасибо, нужно сделать такую страницу. Только вот вопрос - файл «.htaccess» обязательно должен быть в кодировке ANSI? на моем сайте кодировка UTF-8. это зависит от сайта или от движка? У меня на вордпресс

Комментарий добавил(а): Админ
Дата: 2013-12-21

Ирина, если на Вашем движке уже имеется этот файл и он в кодировке UTF-8, то не меняйте ее. Просто скачайте на компьютер, откройте в редакторе и внесите изменения. Самое главное не забудьте сделать резервную копию исходного файла, чтобы Вы всегда могли к ней вернуться если что-то пойдет не так. Это очень важно!

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


Введите сумму чисел с картинки:

Почему стоит подписаться на обновления блога

Будьте в курсе новых публикаций на Блоге!

rss podpiska

Введите Ваш E-mail: