Рассылка закрыта

При закрытии подписчики были переданы в рассылку "Раскрутка сайта: Инструкция" на которую и рекомендуем вам подписаться.

Вы можете найти рассылки сходной тематики в Каталоге рассылок.

←   Август 2007   →
		1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30	31

Автор

Александр

Статистика

760 подписчиков
-1 за неделю

• Выпуски
• Статистика

←   Все выпуски   →

В выпуске советы по созданию собственной страницы ошибки сервера 404. Как заставить посетителя пройти на ваш сайт.

Автор рассылки: Архипов Александр    Email: simeon@neomoon.ru    Web-site: www.neomoon.ru Секреты web дизайна и раскрутки сайта   Выпуск 24. Собственная страница ошибки 404.   Введение Доброго времени суток, уважаемые подписчики. Представляю вашему вниманию двадцать четвертый выпуск рассылки "Секреты веб дизайна и раскрутки сайта". Сегодня в выпуске будет описано несколько полезных советов, как правильно оформлять собственные страницы ошибок, и, в частности, ошибки 404.   Собственные страницы ошибок. Не секрет, что на запрос пользователя сервер может вернуть не только веб-страницу, но и ошибку. Ошибки могут быть самые разные, начиная от несуществующего документа, и кончая недоступностью некоторой службы. Полный стисок кодов, которые может вернуть сервер можно посмотреть в статье Коды ответов (ошибок) HTTP сервера. Несмотря на то, что сервер определил, что возникла ошибочная ситуация, он, тем не менее, должен вернуть ответ. Поэтому все серверы имеют так называемые страницы ошибок по-умолчанию. И все было бы ничего, но эти страницы не информативны и естественно не совпадают по дизайну с сайтом. Вот, например, как выглядит ошибка "страница не найдена" в сервере Apache. К счастью, все серверы предоставляют возможности использовать свои собственные страницы ошибок. Как это сделать для сервера Apache описано в статье Осваиваем возможности файла .htaccess   Ошибка 404. Остановимся подробнее на странице ошибки 404. Эта ошибка означает – «страница не найдена». С ней пользователи сталкиваются наиболее часто. Вот, например, как выглядит ошибка "страница не найдена" в сервере Apache. Произойти эта ситуация может в результате совершенно различных действий. Создатель сайта может переименовать страницу и забыть изменить ссылки не нее. Страница может быть удалена как устаревшая. Пользователь может опечататься при вводе адреса в строку браузера. Владелец другого сайта может случайно сослаться на несуществующий URL, и многое другое. Таким образом избежать появления 404 страницы очень сложно. А раз избежать этого сложно, можно пойти другим путем и сделать так, что бы посетитель, все же попав на эту страницу, не ушел с сайта, разочаровавшись. Как вы уже видели, стандартная страница 404 очень примитивна и не содержит почти никакой полезной информации. Представьте себя на месте пользователя, который увидел эту страницу. Вы, наверняка, были бы очень раздосадованы и, скорее всего, закрыли бы страницу браузера. Вот почему просто необходимо создавать свою собственную страницу и убедить посетителя не покидать сайт раньше времени. Основная мысль, которую вы должны помнить при создании своей 404 страницы это то, что эта страница не только должна сообщать, что произошла ошибка, но и давать пользователям варианты дальнейших действий и выбор, куда пойти и что делать дальше. Советы по созданию «дружественной» страницы 404. Используйте привлекательные и красивые картинки и элементы. Чем симпатичнее выглядит эта страница, тем больше вероятность, что пользователи не закроют ее в первые 3 секунды Дайте пользователям альтернативу. Поместите несколько ссылок, которые раскрывают тематику вашего сайта и которые дадут пользователю возможность все-таки найти то, что он искал. Покажите пользователю близкие по смыслу элементы. Например, если пользователь пришел на страницу cooldesign.html, которой не существует, можно найти все ссылки вашего сайта, в которых присутствует слово design и показать их посетителю. Возможно, что среди них будет информация, которую он ищет. Передайте своему посетителю ваши мысли и пожелания. Можно даже соболезнования. Дружественным тоном сообщите, что произошло и какие у него есть варианты. (Некоторые даже представляются сервером и от его лица приносят извинения). Делайте то, что позволяет вам ваша фантазия и будьте уверены, пользователи ее оценят Поместите на эту страницу что-нибудь шуточное и смешное. Не вводите пользователя в заблуждение. Не обманывайте и не пишите неправды. Все это выйдет вам боком. Не предоставляйте пользователю слишком много ссылок. Он может просто растеряться от такого обилия выбора. Не могу не привести классический пример: Microsoft.com - 404 Не предоставляйте пользователю слишком мало выбора. Иначе ему ничего не останется, как покинуть ваш сайт. В качестве примера можно привести английскую версию сайта всем известного и (не)любимого Артемия Лебедева artlebedev.com - 404. Что удивительно, русская версия этой страницы сделана по-другому. Очередная загадка непостижимого и гениального русского дизайнера.   Выводы Надеюсь, что приведенные советы помогут вам сохранить посетителей, которые попали на несуществующие страницы вашего сайта. Пусть это досадное недоразумение не помешает им найти информацию, за которой они пришли на сайт.   Бесплатный аудит сайтов. На сайте Секреты веб-дизайна и раскрутки сайтов проводится акция: «Бесплатный аудит сайтов». Самый первый сайт, который прошел аудит – это сайт www.bsl-machinery.com. Результаты аудита вы может посмотреть на странице аудит сайта www.bsl-machinery.com. Любой владелец сайта, желающий, что бы его сайт прошел аудит, может подать заявку на участие в этой акции. Суть акции такова. Владелец сайта, желающий узнать недостатки дизайна и/или продвижения своего сайта, подает заявку на участие в акции через форму на сайте В заявке необходимо указать следующие данные: 1. Имя 2. Email (обязательно существующий) 3. В поле «Текст сообщения» необходимо указать следующие данные (без них заявка не будет рассматриваться):   3.1. URL сайта.   3.2. Миссия сайта. Какова основная задача сайта. Для чего он создавался.   3.3. Целевая аудитория сайта. При отсутствии хотя бы одного пункта заявка будет отклонена. Отсутствие у создателя сайта понятий миссии и целевой аудитории означает, что нет четкого понимания, для чего и для кого создавался сайт. А создание сайта без этих понятий уже само по себе является очень большой ошибкой. Для того что бы доказать, что вы являетесь владельцем сайта, а так же для небольшой благодарности за проведение аудита, условием участия в акции является установка на анализируемом сайте ссылки на сайт http://webarticles.neomoon.ru. Поэтому необходимо прислать так же адрес страницы, где вы готовы разместить ссылку. Приглашаю вас подать заявку на бесплатный аудит сайта. Сделать это можно вот на этой странице. Результаты аудитов будут публиковаться на сайте. Разумеется, критичные для безопасности сайта данные публиковаться не будут. По окончании аудита, будет предоставлен документ, с результатами анализа сайта, сгруппированными по следующим темам: - дизайн сайта (субъективная оценка дизайнера) - содержимое (контент, структура и юзабилити) - техническая реализация сайта - продвижение сайта   Бесплатная электронная книга для скачивания Сегодня в выпуске ссылка на скачивание книги: Приемы верстки веб страниц Автор: Влад Мержевич. В этой книге вы найдете решение сложных задач веб-дизайна, над которыми все ломают голову и спрашивают: А как же это сделано? Скачать книгу. Download book.   Обратная связь Постоянный адрес статьи на сайте   Обратная связь Как и любому автору, мне очень важно мнение читателей о рассылке. Поэтому, я буду очень благодарен за любой отзыв. Даже критический.:) Только, пожалуйста, не пишите мне письма вроде: "Дурацкая рассылка. Мне не нравится". Такое письмо не принесет мне никакой пользы, только негатив. Пишите, что конкретно вам не понравилось, и почему. Я постараюсь учесть ваше мнение. По моему глубокому мнению, рассылка - это совместное творение автора и читателей. Так что, присылайте мне свои вопросы и пожелания относительно содержания будущих выпусков. Что бы лично вы хотели прочитать и узнать из этой рассылки. Ибо мнение читателя - закон для автора. (По крайней мере, к этому надо стремиться). На самые интересные вопросы я буду публиковать ответы в конце рассылки. Я жду ваших писем по адресу simeon@neomoon.ru Заходите на наш сайт http://webarticles.neomoon.ru, посвященный веб дизайну и раскрутке сайта. Вы можете стать соавтором материалов, призванных помочь другим людям в освоении этих интересных тем. Если у вас естьь интересная, познавательная статья, присылайте ее мне. Я обязательно размещу ее на сайте с указанием Вашего имени и координат. Наиболее интересные статьи будут анонсированы в рассылке. NeoMoon-Хостинг - Недорогой хостинг. Доступные цены. 100Мб за 55 рублей + все скрипты разрешены. Студия веб дизайна NeoDesign. Создание и продвижение вашего сайта.

---

В избранное

{#template MAIN} <div id="loginForm" style="display:none;" class="subscriberu_popup"> <div class="popup_register"> {#include js_tmpl_auth_reg_tab} {#if $P.login_register_tab == 1} <form class="authentication-form" method="post" action="/MEMBERLOGIN_authen_cred"> <dl class="rg_block_options"> <dt id="js_tap_panel_auth"> <h1>Войти на сайт</h1> {* {#include js_tmpl_auth_reg_button} *} {#include js_tmpl_auth_reg_action} <hr class="logreg_line noPhones"> <div class="logreg_descr noPhones"><p>{#include js_tmpl_auth_reg_descr} </p></div> <div class="logreg_advice noPhones"> Если вы еще не с нами, то начните с <a href="#" onclick="rgNav('js_tab_reg');return false;" class="dashed" data-func="registr">регистрации</a> </div> <br><br> <a class="dashed auth-enter" href="/manage/author/"><b>Вход для авторов</b></a> </dt> </dl> </form> {#/if} {#if $P.login_register_tab == 2} <div class="rg_block_options"> <div id="js_tap_panel_auth"> <h1>Регистрация</h1> <div class="social_reg"> {* <div class="rg_description">{#include js_tmpl_soc_auth_reg_descr}</div> *} {#include js_tmpl_auth_reg_soc} <div class="rg_soc_auth_agree">{#include js_tmpl_auth_reg_agree}</div> </div> <div class="subscribe_reg"> {* <div class="rg_description"> #include js_tmpl_auth_reg_descr </div> *} {#include js_tmpl_auth_reg_action} </div> {* {#include js_tmpl_auth_reg_button} *} <div class="clr"> </div> <hr class="logreg_line noPhones"> <div class="logreg_descr noPhones">{#include js_tmpl_auth_reg_descr} {#include js_tmpl_soc_auth_reg_descr} </div> </div> </div> {#/if} </div> {* <div class="gray_bg register_shadow"></div> *} </div> {#/template MAIN} {#template js_tmpl_auth_reg_tab} <ul class="rg_nav"> <li id="js_tab_auth" class="{#if $P.login_register_tab == 1} rg_active_nav {#/if} rg_first_nav"><a onclick="rgNav('js_tab_auth');return false;" href="">Вход на сайт</a></li> <li id="js_tab_reg" class="{#if $P.login_register_tab == 2} rg_active_nav {#/if}"><a onclick="rgNav('js_tab_reg');return false;" href="">Регистрация </a></li> </ul> <span onclick="hidebo();" class="rg_closed"> </span> {#/template js_tmpl_auth_reg_tab} {#template js_tmpl_auth_reg_action} {#if $P.login_register_tab == 1} {#include js_tmpl_auth_reg_soc} {#/if} <div class="rg_forms"> <input type="hidden" id="login_register_destination" value="{$P.login_register_destination}"/> {#if $P.login_register_tab == 1} <div class="rg_for_input"> <span class="rg_text_inner">E-mail или код подписчика</span> <input id="credential_0" class="js_keydown_selector rg_input_text" data-js_submit="no" data-js_next_input_name="credential_1" name="" type="text" /> </div> <div class="rg_for_input"> <span class="rg_text_inner">Пароль</span> <input id="credential_1" class="js_keydown_selector rg_input_text" data-js_submit="yes" data-js_action="js_loginFormBut" name="" type="password" onkeyup="showAttention(this,!!window.event.shiftKey)" /> <span class="pswd_attention" id="attention_pswd"> <span class="icon_attention"></span> <span class="pswd_attention-text" id="attention-text_pswd1">Русская раскладка клавиатуры!</span> <span class="pswd_attention-text" id="attention-text_pswd2">У вас включен Caps Lock!</span> <span class="pswd_attention-text" id="attention-text_pswd3">У вас включен Caps Lock и русская раскладка клавиатуры!</span> </span> </div> <div class="rg_for_input input-alien"> <span class="chk noPhones"><input id="chk_alien" name="" type="checkbox" /></span><label for="chk_alien" class="noPhones"> Чужой компьютер</label> <a class="forgot_pass" href="/member/totalrecall">Забыли пароль?</a> </div> <div class="rg_for_input"> <em id="auth_msg" class="reg_error"></em> <input id="lf_typeauthid" value="email" type="hidden"> <input type="submit" class="button button-red logreg_submit" id="js_loginFormBut" value="Войти"> <!--</a>--> <div class="loading loading-cover" style="display: none;"><div class="loader"></div></div> </div> {#/if} {#if $P.login_register_tab == 2} <div class="rg_for_input"> <span class="rg_text_inner">E-mail</span> <input id="arfemail" class="js_keydown_selector rg_input_text" name="" type="text" data-js_submit="yes" data-js_action="js_regFormBut"/> </div> <div class="rg_for_input rg_set_lineh rg_for_input_wide"> <label class="js_tap_panel_checkbox"> <span class="chk"><input name="" id='js_tap_panel_checkbox_terms' type="checkbox" data-js_submit="yes" /></span> Я ознакомился и согласен с <a class="link_txd logreg_accLink" href="/faq/vereinbarung.html">условиями сервиса Subscribe.ru</a> </label> <br /> <label class="js_tap_panel_checkbox"> <span class="chk"><input name="" id='js_tap_panel_checkbox_personal' type="checkbox" data-js_submit="yes" /></span> Нажимая на кнопку "Готово!", я даю <a class="link_txd logreg_accLink" href="/faq/persverordnung.html">согласие на обработку персональных данных</a> </label> </div> {* <div style="float: left;position: absolute;left: 11em;"> <img src="http://www.kupivip.ru/images/vip/logo.png?1604" style="width: 86px; vertical-align: middle;display: block;"> </div> <div class="rg_for_input rg_set_lineh"> <label class="js_tap_panel_checkbox"><input name="" id="js_tap_panel_checkbox_kupivip" type="checkbox" data-js_submit="yes"> Я хочу получать новости о скидках на одежду</label> </div> *} <div class="rg_for_input"> <em id="reg_msg" class="reg_error rg_for_input_wide"></em> <em id="reg_msg2" class="reg_error rg_for_input_wide"></em> <input id="rf_typeauthid" value="email" type="hidden"> <a class="button button-red logreg_submit" id="js_regFormBut" href="#">Готово!</a> <div class="loading loading-cover" style="display: none;"><div class="loader"></div></div> </div> {#/if} </div> {#/template js_tmpl_auth_reg_action} {#template js_tmpl_auth_reg_agree} <div class="rg_for_input rg_set_lineh rg_for_input_wide"> <label class="js_tap_panel_checkbox"> <span class="chk"><input name="" id='js_tap_panel_checkbox_terms_reg' type="checkbox" data-js_submit="yes" /></span> Я ознакомился и согласен с <a class="link_txd logreg_accLink" href="/faq/vereinbarung.html">условиями сервиса Subscribe.ru</a></label> <em id="reg_msg_soc" class="reg_error rg_for_input_wide"></em> </div> {#/template js_tmpl_auth_reg_agree} {#template js_tmpl_auth_reg_button} <div class="rg_butons_socials"> {#if $P.login_register_tab == 1} <a class="rg_btn_soc rg_bs_01 js_tap_panel_selector" action="auth_email" href="#"><span><i></i>Email</span></a> <a class="rg_btn_soc rg_bs_01 js_tap_panel_selector" action="auth_openid" href="#"><span><i></i>OpenID</span></a> <a class="rg_btn_soc rg_bs_02 js_tap_panel_selector" action="auth_vkontakte" href="#"><span><i></i>Вконтакте</span></a> <a class="rg_btn_soc rg_bs_02 js_tap_panel_selector" action="auth_mailru" href="#"><span><i></i>Mail.Ru</span></a> {#/if} {#if $P.login_register_tab == 2} <a class="rg_btn_soc rg_bs_01 js_tap_panel_selector" action="reg_email" href="#"><span><i></i>Email</span></a> <a class="rg_btn_soc rg_bs_01 js_tap_panel_selector" action="reg_openid" href="#"><span><i></i>OpenID</span></a> <a class="rg_btn_soc rg_bs_02 js_tap_panel_selector" action="reg_vkontakte" href="#"><span><i></i>Вконтакте</span></a> <a class="rg_btn_soc rg_bs_02 js_tap_panel_selector" action="reg_mailru" href="#"><span><i></i>Mail.Ru</span></a> {#/if} </div> {#/template js_tmpl_auth_reg_button} {#template js_tmpl_auth_reg_descr} {#if $P.login_register_tab == 1} Для оформления подписки на выбранную рассылку, работы с интересующей вас группой или доступа в нужный вам раздел, просим авторизоваться на Subscribe.ru {#/if} {#if $P.login_register_tab == 2} Для регистрации укажите ваш e-mail адрес. Адрес должен быть действующим, на него сразу после регистрации будет отправлено письмо с инструкциями и кодом подтверждения. {#/if} {#/template js_tmpl_auth_reg_descr} {#template js_tmpl_soc_auth_reg_descr} Или зарегистрируйтесь через социальную сеть. {#/template js_tmpl_soc_auth_reg_descr} {#template js_tmpl_auth_reg_soc} <div class="rg_soc"> {#if $P.login_register_tab == 1} <a onclick="return _checkSocConfirm(event)" href="https://oauth.vk.com/authorize?client_id=3954260&scope=wall,offline,photos,groups,video,audio,email&redirect_uri={location.protocol+'//'+location.host}/member/login/vk/&response_type=code&v=5.15" class="login_register_vk_button"> <span class="login_register_vk_icon"></span> </a> {#/if} {#if $P.login_register_tab == 2} <a onclick="return _checkSocConfirm(event)" href="https://oauth.vk.com/authorize?client_id=3954260&scope=wall,offline,photos,groups,video,audio,email&redirect_uri={location.protocol+'//'+location.host}/member/join/vk&response_type=code&v=5.15" class="login_register_vk_button"> <span class="login_register_vk_icon"></span> </a> {#/if} </div> {#/template js_tmpl_auth_reg_soc}

{#template MAIN} <div id="loginForm" style="display:none;" class="subscriberu_popup"> <div class="popup_register"> {#include js_tmpl_auth_reg_tab} <dl class="rg_block_options"> <dt id="js_tap_panel_auth"> <p class="rg_description">{#include js_tmpl_auth_reg_descr}</p> <div class="clr"> </div> {#include js_tmpl_auth_reg_action} <div class="clr"> </div> </dt> </dl> </div> <!-- <div class="gray_bg register_shadow"></div> --> </div> {#/template MAIN} {#template js_tmpl_auth_reg_tab} <ul class="rg_nav"> <li id="js_tab_reg" class="rg_active_nav rg_first_nav"><a href="" onclick="return false;" >Регистрация</a></li> </ul> <span onclick="hidebo();" class="rg_closed"> </span> {#/template js_tmpl_auth_reg_tab} {#template js_tmpl_auth_reg_descr} <strong>Пожалуйста, подтвердите ваш адрес.</strong><br><br>Вам отправлено письмо для подтверждения вашего адреса {$P.register_confirm_mail}.<br>Для подтверждения адреса перейдите по ссылке из этого письма. {#/template js_tmpl_auth_reg_descr} {#template js_tmpl_auth_reg_action} <div class="rg_forms confirm_code_from_letter"> <div class="rg_for_input"> <span class="rg_inp_descr" style="width:15em;">Или введите код из письма:</span> <input type="text" value="" id="confirm_code" name="" data-js_submit="yes" data-js_action="js_confirmFormBut" class="js_keydown_selector rg_input_text_conf" > </div> <div class="rg_for_input"><label>Не пришло письмо? <b>Пожалуйста, проверьте папку Спам</b><br /> (папку для нежелательной почты).</label><br />  <a href="" onclick="ajax_recall_code();return false" >Вышлите мне письмо еще раз!</a></div> <div class="rg_for_input"> <em class="reg_error" id="confirm_msg"></em> <a href="#" class="button button-red" id="js_confirmFormBut">Готово</a> <div class="loading loading-cover" style="display: none;"><div class="loader"></div></div> <br> </div> </div> {#/template js_tmpl_auth_reg_action}