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

Одной из самых главных составляющих успешного блога является, конечно же, посетитель. Именно благодаря посетителю блог живёт и процветает, наполняется контентом и зарабатывает деньги. Но ещё более ценен регулярный посетитель, т.е. тот, который подписался на rss, который постоянно следит за событиями ресурса, который комментирует посты. Удержать посетителя трудно, но потерять очень легко.

Вспомните, как часто Вы видели страницу с кодом «404 Страница не существует (Not Found)«, что Вы делали? Я попадая на такую страницу, просто её закрываю, всё, я потерян для этого сайта. Веб-мастер этого ресурса даже не попытался удержать меня, потенциального читателя. В сегодняшнем посте я расскажу что такое ошибка 404, как страницу с ошибкой сделать более полезной для пользователя, благодаря чему мы его сможем удержать на сайте.

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

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

Если кто не в курсе, поясню, код 404 — это код не существующего документа (страницы). Такая ошибка возможна в нескольких случаях: был введён не верно адрес страницы; кто-то поставил некорректную ссылку на сайт; хозяин сайта просто удалил запись или сменил её адрес.

Полностью избавиться от такой ошибки нельзя, не верно указанные ссылки в сети обязательно будут появляться, да и пользователь может 1-2 буквы перепутать, а это значит, что 404 страница на вашем блоге может стать единственной которую увидит посетитель. Раз избавиться нельзя, значит надо выжать из этой ошибки максимум полезного. Необходимо попытаться сделать из неё своего рода начало, которое будет предшествовать приятному продолжению. Как должна выглядеть и что должно быть на 404 странице:

1. Такая страница должна стать началом сайта, почти как главная, потому что многие пользователи будут попадать именно на неё. Пустая белая страница с огромными цифрами и буквами «ОШИБКА 404» оптимизма пользователю не добавят, значит можно считать, что мы его потеряли. Будет прекрасно, если ваша страница будет встроенной в общий дизайн, с обычной навигацией, метками и т.д. Но если у Вас статичная 404 страница, вам потребуется следить за её актуальностью, чтоб навигация в 404 странице не привела к 404 странице :).

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

3. Обязательно поиск. Человек попал на ваш блог не просто так перебирая буковки в адресной строке, он что-то искал, мы не знаем что он искал, но можем предложить ему поиск по сайту. Если у Вас нет своего поиска по сайту, почитайте мои статьи о пользовательском поиске от google, а если у Вас есть аккаунт в google adsense, тогда рекомендую поиск по сайту от google adsense.

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

5. Если на сайте есть карта сайта, дайте ссылку на неё, пусть посетитель увидит, что материалы есть, что у вас не г…блог, просто надо поискать и он найдёт то, что ему надо.

6. На всякий случай оставьте свои координаты для связи, е-майл, icq и т.д., или дайте ссылку на форму обратной связи. Скорее всего посетитель не станет с вами связываться, чтобы сообщить об ошибке, но это будет хорошим тоном.

В моём случае, я работаю на wordpress, всё намного проще, в моей теме есть файл 404.php, который можно править как хочешь. Вот так на момент написания этого поста выглядит моя страница 404 ошибки:

Страница 404 ошибки на pervushin.com

Страница 404 ошибки на pervushin.com

Если хотите посмотреть мою страницу в действии, введите в адресной строке браузера после http://pervushin.com// какую-нибудь белиберду.

А вот так выглядит 404-я страница на сайте правительства, кстати уже на домене правительство.РФ.

404-я страница на сайте Правительства Российской Федерации

404-я страница на сайте Правительства Российской Федерации

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

Отредактировать файл 404.php можно прямо в панели администратора, в разделе «Дизайн->Редактор->404.php». Так например, кроме формы поиска по сайту, можно добавить список последних записей:

<ul><?php wp_get_archives('type=postbypost&limit=10'); ?></ul>

Где limit=10 — это количество выводимых записей. Таким же способом можно вывести популярные записи в вашем блоге:

<ul><?php akpc_most_popular($limit = 10); ?></ul>

limit = 10, как и выше, регулирует количество записей.

Ниже код моей страницы, возможно кому-то пригодится:

<?php get_header(); ?><h2>Опаньки, опатулечки, опатулюшечки, ну нет такой страницы. </h2>
 <h4>Ну погоди, не убегай, видишь, Гомер тоже в растерянности, но мы то справимся, мы же это... ну того...  в общем давай вместе разберёмся что к чему.<img align="right" src="http://pervushin.com//wp-content/uploads/2010/05/homer-simpson.jpg" alt="Гомер Симпсон тоже в растерянности" title="Гомер Симпсон тоже в растерянности" width="270" height="462" border="0"></h4>
 <p>Итак, страницу которую ты запрашиваешь нет, не спрашивай меня почему, я не знаю как это случилось, но могу предложить несколько вариантов выхода из этой ситуации:</p>
 <p>1. Самый верный способ что-то найти - это воспользоваться поиском, видишь вверху есть форма поиска, она у меня от google, а уж он то найдёт всё что надо, попробуй поищи. Не хочешь поднимать глаза вверх? Ну ладно, ладно, не ругайся, я же всё для тебя сделаю, вот и форму сюда подставлю, пожалуйста, пользуйся :)</p>
 <p><form action="http://pervushin.com/www.google.ru/cse" id="cse-search-box">
 <div>
 <input type="hidden" name="cx" value="partner-pub-7707356995004006:x2r5fsqlcpx" />
 <input type="hidden" name="ie" value="UTF-8" />
 <input type="text" name="q" size="35" />
 <input type="submit" name="sa" value="Поиск" />
 </div>
 </form>
 <script type="text/javascript" src="http://pervushin.com/www.google.ru/cse/brand?form=cse-search-box&amp;lang=ru"></script> </p><br />
 <p>2. Второй вариант не хуже, пройди на <a href="http://pervushin.com//">главную страницу моего блога</a> и ты увидишь свежие посты, а они кстати такие интересные :)</p>
 <p>3. Чтобы ещё такого предложить, ах да, если не прокатывают 2 варианта выше, посмотри на боковую панель, там есть вкладка &quot;<strong>Популярное</strong>&quot;, а раз популярное, наверное и тебе пригодится.</p>
 <p>4. Там же, в боковой панели, есть вкладка &quot;<strong>Разделы</strong>&quot;, в которой все категории моего блога, например интересует <a href="http://pervushin.com//category/seo">продвижение сайтов</a>? Есть такая категория, ну и т.д.</p>
 <p>5. Так, что же ещё, а ну да, в той же боковой панели, есть вкладка &quot;<strong>Метки</strong>&quot;, выбери интересующую метку и увидишь список постов по теме, например, интересует <a href="http://pervushin.com//tag/twitter">twitter</a>, а может быть <a href="http://pervushin.com//tag/plaginy">плагины</a> к <a href="http://pervushin.com//tag/wordpress">wordpress</a>?</p>
 <p>6. А чуть не забыл, у меня же есть так называемый <a href="http://pervushin.com//sitemap">sitemap</a>, <a href="http://pervushin.com//sitemap">карта сайта</a> по нашенски, посмотри, там вообще все записи за всё время существования блога.</p>
 <p>7. Ну уж если ничего не помогает или ты считаешь что ссылка правильная, а страницы нет, напиши мне на e-mail: sergey[a]pervushin.com (вместо [a] поставь @). А вот ещё, можешь присоединиться ко мне в <a href="http://pervushin.com/twitter.com/pervushin_com">twitter'e</a>, уж там то мы с тобой развернёмся :).</p>
 <p>Удачного поиска и продвижения!</p>
 <p><a href="http://pervushin.com//">Snapshot</a></p>
 <p>&nbsp;</p><?php get_sidebar(); ?><?php get_footer(); ?>

Где: <?php get_header(); ?> — голова сайта (содержимое header.php); <?php get_sidebar(); ?> — боковая панель (содержимое siebar.php) и <?php get_footer(); ?> — нижняя часть сайта (содержимое footer.php).

В wordpress по мимо ручных манипуляций, можно использовать плагины, для решения проблем с 404 ошибкой их довольно много. К примеру есть плагин Smart 404, который выводит записи с наиболее подходящим URL адресом, т.е. если пользователь ввёл или нажал ссылку abrakadabra.html, а на сайте есть запись с URL abrakunabra.html, этот плагин Вам его предложит в качестве альтернативы.

Для тех же у кого какой-то другой движок, у которого нет готовой страницы 404, или совсем нет движка, тоже есть простой вариант. Создайте такую страницу и назовите её например 404-error.html. Вы можете сделать свою 404 страницу с ноля или взять уже имеющуюся страницу на сайте, выдернуть контент и подставить сообщение с использованием рекомендаций выше. Эту страницу необходимо закинуть в корень сайта, а затем в файле .htaccess добавить строку «ErrorDocument 404 http://pervushin.com/www.site.com/404-redirect.html» (без кавычек).

Есть ещё вариант, как удержать посетителя, это редирект. Он хорош в том случае, если вы изменили url какой-то страницы, например был odna.html, стала odna-no-drugaya.html. Чтобы сделать редирект, надо добавить в .htaccess строчку «Redirect 301 /odna.html http://pervushin.com/www.site.com/odna-no-drugaya.html» (без кавычек), теперь посетитель зашедший, даже с поисковика, на страницу odna.html, сам того не заметив, попадёт на odna-no-drugaya.html. Redirect 301 означает, что ресурс перемещен навсегда, это и для поискового робота является командой, он исключит из индекса старую страницу и проиндексирует новую.

P.S. Набирая этот пост у меня в голове всё крутилась фраза «Как не потерять или как удержать посетителя«, и пришла мысль, с сегодняшнего дня я ввожу эдакий бонус в свои посты, а именно, в конце каждого поста буду публиковать от 1 до 3 ссылок на сайты с большим тИЦ и PR, где можно бесплатно разместить ссылку на свой сайт, которая конечно же будет открыта для поисковиков. Поэтому подписывайтесь на мой rss. Итак, эту часть поста я назову:

Не теряйте посетителя и удачного продвижения!

Snapshot

Сладкое на сегодня: кот против принтера

Комментарии

33 на запись "Как не потерять посетителя — полезная страница 404-ой ошибки"
  1. Alexander says:

    Спасибо. Сделал для своего сайта. Прикольно получилось

  2. Игромания says:

    Аааааааааа я не мгу! Борьба с кота с принтером меня просто убила!!!!!

  3. SwaEgo says:

    Хотел на Blogger сделать,да судя по всему там никак…

  4. mnenrav says:

    Нужно все страницы ошибок делать такими же, а это ещё и 400, 401, 402, 403 и 500.

  5. BloggerMen says:

    Страничка получилась отличная. Главное, что с юмором. Обязательно займусь на досуге созданием такой для своего блога. Спасибо за инструкцию.

    P. S. Видео действительно прикольное 🙂

  6. MrVorchun says:

    Спасибо за сайт, отличная помощь

  7. Alekksall says:

    А у меня страница 404.php есть, но WP не выводит ее при ошибке 🙁 Видимо какой то корявый шаблон. НЕ подскажете, каким образом, и откуда WP должен ссылаться на 404.php?!

  8. reulley says:

    Здрасте! Очень отличная сообщение!!! Обязательно буду смотреть и другие сообщения!!

  9. Vendigo says:

    Кот не реально крут!!!

  10. SwaEgo says:

    В том году я жаловался,что на блоггер не сделать такую фичу,вот теперь зато на WP сделал! Спасибо за пост,помог.

  11. Артем says:

    Молодец Первушин)))
    Хвалю!

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

  13. Ekty says:

    Сергей, спасибо за статью , у меня вот какая проблема: в админке сайта захожу в редактор нажимаю на header.php и меня перебрасывает на страницу ошибки 404… Все остальные вкладки отображаются нормально. Не подскажете почему так происходит? Спасибо!

  14. Владимир says:

    Спасибо. Очень доходчиво и полезно.

  15. Ildar Mamyshev says:

    Вот неплохая креативная 404-ая страничка на стройпортале http://okostroy.ru/404

  16. Ирина says:

    Здравствуйте!

    Подскажите, пожалуйста, почему у меня очень много ошибок 404? Я установила плагин 404 Notifier (он присылает мне в ящик сообщения об 404) и SEO Ultimate, который тоже каждый день мне указывает на 404. Страница об ошибке 404 у меня правильная, красивая.
    Но что я неправильно делаю, почему их так много?
    Я новичок! Спасибо заранее! Буду ждать ответа.

    • Здравствуйте. Изучайте статистику, вероятно где-то ссылка стоит на страницу не точная и пользователи, переходя по ней, попадают на ту самую 404 страницу.

  17. Связной says:

    Вот тут интересное решение для страницы 404 — студия звукозаписи даёт случайный бонус: или скидку 10% на услуги, или бесплатный файл.

    http://dasound.net/404

  18. Андрей says:

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

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

  19. Дмитрий Сергеев says:

    Здравствуйте Сергей.

    Мне снова нужна ваша помощь. Я оформляю страницу 404, но у меня возникли проблемы с её правильным отображением на блоге. Прикрепляю скриншот. Если нужно я пришлю сам код страницы 404. Я думаю что проблемы и подобными.

  20. Здравствуйте, Сергей. Я изменил название нескольких категорий, что, оказалось нельзя делать. Гугл прошелся по сайту и проиндексировал их, а Яндекс где-то затерялся пол-сайта под 404-ой ошибкой. У Вас есть статья как перенаправить на новую рубрику (редирикт что ли или как ее там ?)
    Если нет статьи то может ответите на вопрос? Спасибо.

    • pervushin says:

      Просто запретите старые URL категорий к индексации и со временем все ПС их выкинут из индекса, заменив новыми. Индексация новых URL может занимать какое-то время, проиндексирует и Яндекс.

      Редирект можно сделать следующим образом (в .htaccess): Redirect 301 /старый URL http://новый URL полностью с http

Спасибо, что оставили свой комментарий

banner