Совершенная 404-ая сторінка

Совершенная 404-ая страница

Ян Ллойд (Ian Lloyd).

Добро подарувати у світ помилки 404. Ви запросили сторінку, набравши в адресної рядку URL або ж кликнувши по «мертвої «засланні - і вуаля! — в самісінькому серці віртуального «ніде ». Веб-сайт, заботящийся про користувачів, протягне вам руку допомоги, тоді як інші сайти не зроблять нічого, сподіваючись на вбудовані в броузеры механізми повідомлення помилки. Однак ми можемо вступити краще, не щоправда ли?

Я не говорити про подробиці у тому, як вам треба налаштувати ваш сервер для правильної віддачі сторінки про 404-ой помилці. Шукайте подробиці у тих статьях:

Creating a Custom 404 Error Page (4 Guys From Rolla).

Creating Custom Error Messages in Apache (4WebHelp).

Я ж запропоную вам варіанти стратегії створення сторінки «404 », яка найефективніше допоможе справитися з неприємної ситуацией.

Для початку слід перевірити найпоширеніший причини, якими люди виявляються сторінка «404 » .

неправильно набрано URL (чи застаріла закладання).

ссылка на пошуковому сервері застаріла.

внутренняя посилання вашому сайті зламана виграв через недогляд веб-мастера.

Всё це різні прояви однієї й тієї ж, але кожного з цих випадків необхідно своє особливе «ліки «- повідомлення сторінка «404 «має бути своїм кожної помилки. Є кілька трюків, що ви можете використовувати в усіх випадках, але мій найперший рада гранично прост…

Не шукайте виноватого!

Во що там що повідомте користувачеві, що негаразд, але й з якого разі выговаривайте йому, навіть коли ви точно знаєте, що це і є його помилка! Обороти типу «мабуть », «швидше за все «тощо. тут дуже доречним. Не псуєте враження від вашого сайту вашого відвідувача, усе ж ще можна исправить.

404-ая сторінка повинна иметь…

Вы повинні переконатися, що з фразою типу «щось вийшло негаразд », ваша сторінка має перелічені нижче элементы:

Ссылка карті сайту (якщо карта ви маєте) і посилання головну сторінку сайту. Це найбільш найпростіший спосіб допомоги користувачам. Він вимагає написання хитромудрих скриптов.

Блок пошуку. Коли ви з сайту є функція пошуку, додайте полі пошуку на вашу 404-ую сторінку. Якщо пошуку немає, і ви з сайту сторінка 404 з’являється занадто часто, постарайтеся цю функцію як-небудь роздобути.

Сугубо минималистичный зовнішній вигляд. Уникайте поміщати на «404-ю «всю стандартну навігацію вашого сайту. Уникайте достатку відволікаючих деталей. Крім того, повний комплект навігації на 404-ой сторінці вимагає додаткових витрат за підтримку її актуальності. Коли 404-ой сторінці навігації не буде, про її відновленні годі й піклуватися, отже ваші відвідувачі не зіштовхнуться із ситуацією, коли посилання навігації на 404-й сторінці самі наводять до 404-ой сторінці. Оце так іронізую!

Не використовуйте професійний жаргон. Що стосується, ми говоримо про 404-х сторінках, вірно? І ми у своїх. І ось шістдесятирічної Доріс, потрапила на «мертву заслання «внаслідок пошуку з сайту про в’язанні, буде невтямки, що за 404-ая помилка така. Якщо ж вам так хочеться використовувати фразу «Помилка 404 «- робіть це непомітно, помістіть їх у підвалі сторінки як примітка тим, хто розуміє цей вигадливий мову Сети.

Теперь погляньмо, як і змусити 404-ю сторінку попрацювати на вас, а чи не проти вас.

Сделаем все по-умному

Тут маю відзначити, що вам знадобляться знання JavaScript (можливо, ви маєте прав виконання серверних скриптов — це від настройок вашого серверу). Тому пам’ятаймо про етикетка, всередині якого має бути повідомлення для користувачів, які відключили підтримку JavaScript у своєму броузері. Якщо ж ви можете використовувати серверні скрипти (що в разі переважно — проблеми з сумісністю і настройками броузерів відпадають самі собою), то пристосуйте запропонований код під ваші потреби.

Во-первых, ви повинні поставити кілька переменных:

var strReferrer=document.referrer.toLowerCase ();

var blnSearchReferral = false;

var blnInsiteReferral = false;

var str= «» ;

var strSite = «» ;

Итак, що ми із нею делать?

Неверно набраний URL.

Неверно набраний URL (або ж застаріла закладання) ні мати referrer, отже ваш код на цей випадок може бути чимось на кшталт этого:

ВНИМАНИЕ! Символ «» «означає у разі лише перенесення рядки те щоб вона була б показано в цій сторінці - вам зайве використовувати цей символ у своєму коде.

if (strReferrer.length==0).

{.

str+= «We think you will find one of the following «.

links useful: " ;

str+= « » ;

str+= « » ;

str+= «» ;

str+= «.

You may not be able to find the «.

page you were after because of: " ;

str+= «» ;

str+= «An out-of-date bookmark/favorite «.

" ;

str+= «A search engine that has an out- «.

of-date listing for us " ;

str+= «A mis-typed address » ;

str+= «» ;

document.write (str);

}.

Устаревшая посилання поисковике

Если значення referrer присутній, ми можемо пошукати у ньому URL пошукового серверу (зрозуміло тут можете дати простір своєї фантазії). Після цього ми можемо розібрати параметри пошуку, знайти список ключових слів, які відвідувач вводив на пошуковому сервері і запропонувати йому сторінку, підходящу на погляд у його запрос.

if (strReferrer.length≠0).

{.

if ((strReferrer.indexOf («.looksmart.co »)>0)||.

(strReferrer.indexOf («.ifind.freeserve »)>0)||.

(strReferrer.indexOf («.ask.co »)>0)||.

(strReferrer.indexOf («google.co »)>0)||.

(strReferrer.indexOf («altavista.co »)>0)||.

(strReferrer.indexOf («msn.co »)>0)||.

(strReferrer.indexOf («yahoo.co »)>0)).

{.

blnSearchReferral=true;

//get site domain — split at the first forward-slash.

var arrSite=strReferrer.split («/ «);

// now find search parameters.

var arrParams=strReferrer.split («? »);

var strSearchTerms = arrParams[1];

arrParams=strSearchTerms.split («& «);

strSite=arrSite[2];

var sQryStr= «» ;

//define what search terms are in use by the «.

different engines.

var arrQueryStrings = new Array ();

arrQueryStrings[0]= «q= «; //google, altavista, msn.

arrQueryStrings[1]= «p= «; //yahoo.

arrQueryStrings[2]= «ask= «; //ask jeeves.

arrQueryStrings[3]= «key= «; //looksmart.

for (i=0;i=0).

).

{.

document.write («Our «.

excellent widgets page.

");

}.

}.

}.

Разумеется, якщо в вас з сайту є свій пошуковий механізм, ви міг би використовувати ключове слово з referrer і зробити пошук автоматично. Проте ручний пошук все-таки краще, оскільки автоматичний пошук може видати не ті страницы.

Битая посилання сайте

Мы подбали своєчасно про відвідувачах, які прийшли по битим посилань з пошукових серверів. Тепер давайте подбаємо про посиланнях ні з пошукових серверів (чи із тих пошукових серверів, про які ви знаєте). У код треба додати ще кілька условий:

if (!blnSearchReferral) {.

strSite = strReferrer;

strSite = strSite. split («/ «);

strSite = strSite[2];

document.write («.

You were incorrectly referred to «.

this page by: «+ strSite + ««.

We suggest you try one of the links below: «.

");

}.

… і посиланнями будуть посилання карту сайту і посилання головну сторінку сайту, ми говорили в начале.

А що, якщо проблема у вашій сайте?

Вы не можете взяти й написати за вашої 404-ой сторінці «На сайті, від якого ви прийшли, зрадлива посилання », коли зрадливий referrer — це ваш власний сайт. У цьому випадку було незайвим змінити формулювання і визнати свою вину.

blnInsiteReferral =((strReferrer.indexOf («http:// «.

internet.

(strReferrer.indexOf («internet «.

>=0)).

if (blnInsiteReferral).

{.

document.write («.

This one’s down to us! Please «.

accept our apologies for this — we’ll see to it «.

that the developer responsible for this broken «.

link is given 20 lashes (but only after he or «.

she has fixed this problem). ");

}.

Решение проблемы

Итак, зуміли знайти шлях із похмурих надр 404-ой помилки. Але виправили ми самі помилки? Ні. Проте, ви маєте кілька варіантів дій, адже ми вже знаємо, яка сторінка запрашивалась і її сторінка зробила помилковий заслання (коли, звісно у неї). Ми можемо занести цю інформацію до бази даних, або автоматично або з допомогою кнопки «повідомте про поламаною засланні адміністратору », що можна помістити на 404-ой сторінці. Другий спосіб зменшить рівень «шуму », оскільки відвідувачі зазвичай натискають такі кнопки лише тоді дуже важливою поламаною посилання. Далі ви вже самі вирішуйте, як ви розпоряджатися накопиченої информацией.

Что ще почитать

Посмотрите, як дані поради працюють у реальному житті. Ось приклади з сайтів Accessify і A List Apart:

Скопируйте цю заслання у адресну рядок броузера, щоб зімітувати випадок із застарілої закладанням: internet.

А ось варіант зі зламаною посиланням.

Имитация посилання із наслідків пошуку на Google [тут задіяна проміжна сторінка].

Выкачайте приклад 404-й сторінки з кодом, описаним у статті, і зміните його за своєму усмотрению.

Список литературы

Для підготовки даної роботи було використані матеріали із російського сайту internet.