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

Pervushin.Com » Wordpress, Полезняшки, Про создание сайтов » Как не потерять посетителя – полезная страница 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://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://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://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://www.site.com/404-redirect.html” (без кавычек).

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

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

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

Snapshot

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


Сделайте, пожалуйста, репост этой статьи, друзья:

Если Вам понравилась статья, Вы можете получать новые материалы Pervushin.com по RSS, присоединиться ко мне в twitter или можете просто получать обновления блога на e-mail:

  • http://onlystyles.ru Alexander

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

  • Игромания

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

  • http://swaego.blogspot.com SwaEgo

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

  • http://www.mnenravitsa.ru mnenrav

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

  • http://pervushin.com/ Snapshot

    Таких страниц можно делать кучу, пример http://mistakes.ru/http_error , здесь речь идёт о самой распространённой ошибке

  • http://bloggermen.ru/ BloggerMen

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

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

  • http://twitter.com/MrVorchun MrVorchun

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

  • http://good-pictures.ru Alekksall

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

  • http://pervushin.com/ Первушин Сергей

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

  • http://hannahix.livejournal.com/ reulley

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

  • http://vendigo.ru/ Vendigo

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

  • http://swaego.ru SwaEgo

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

  • http://www.expert-seo.ru/ Артем

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

  • http://pervushin.com/ Snapshot

    Спасибо!

  • http://homelessintomsk.blogspot.com/ Томский бомж

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