Створення та підключення до сайту власних сторінок помилок 401, 403 і 404

Як утримати відвідувачів на сайті при появі сторінок помилок

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

Щоб не лякати користувачів стандартними сторінками помилок, які періодично вискакують на нашому сайті, наприклад, при переході за битим посиланням або в закритий каталог, див. скріншот нижче, необхідно їх робити більш зрозумілими і доброзичливими. Але перш ніж перейти до створення власних сторінок помилок, потрібно розуміти природу їх виникнення (звідки вони беруться на сайті). Отже, сідаємо зручніше, зараз про все це розповім більш докладно, і обов'язково з картинками.

Стандартна сторінка помилки 403 Forbidden

Звідки беруться помилки 401, 403 і 404?

Причини виникнення помилок

Переглядаючи логи сервера, іноді можна побачити величезну кількість 404-х відповідей та/або 401, 403 та ін. Щоб виявити причину виникнення помилки відповіді серверу, наприклад, 404 (Not Found) — сторінку не знайдено, потрібно подивитися в логах за якою адресою було зроблено звернення до документу.

Буває, що користувачі і боти намагаються відкрити сторінку за посиланням розміщеним в Мережі, яке написане з помилкою в URL-адресі. Якщо ти не залишав (-ла) це посилання на сторонньому ресурсі, прибрати її звідти самостійно, не порушуючи законодавство, не зможеш. Але є можливість її додати в чорний список URL-ів (приховати від роботів) використовуючи відповідний інструмент в панелі вебмайстрів — «webmasters» від Ґуґла або «webmaster» від Яндекса.

Однак, якщо зворотнє посилання з помилкою URL-адреси веде з якогось авторитетного веб-ресурсу твоєї тематики, можеш перенаправляти користувачів на існуючу сторінку, використовуючи 301-й редирект, прописавши просте правило в файлі «.htaccess». Раджу також звернутися до адміну сайту або до якогось користувача, і попросити його відредагувати посилання з неправильною адресою. Якщо пощастить, то вони пофіксять помилку.

Також 404-а помилка і 403-я (Forbidden) — доступ заборонено, може бути свідченням того, що хтось намагається пробитися, приміром, в якусь незахищену директорію сайту, перебираючи різні варіанти назв. Це може бути як бот, так і хакер. Якщо в логах сервера почастішали 401-ші помилки (Authorization Required) — авторизація не пройдена, очевидно, комусь дуже хочеться увійти в адмінку движка, але наразі це у нього / неї не виходить, хоча...

Як боротись з помилками?

Чи можна запобігти виникненню помилки?

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

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

Як зробити власні сторінки помилок?

Яка від них користь?

Не бажаючи втрачати користувачів сайту через стандартні сторінки помилок, ми приходимо до висновку, що потрібно зробити ці сторінки максимально зрозумілими для будь-якого користувача, і, звичайно ж дружелюбними. Щоб утримати відвідувача на сайті при появі будь-якої сторінки помилки, можеш створити звичайні статичні HTML-сторінки, додавши на них якісь короткі тексти з поясненням куди людина потрапила. Ну і розмістити посилання на ті чи інші просувні сторінки, за якими користувачі зможуть повернутися на сайт.

Як підключити їх до сайту

Щоб власні сторінки помилок почали працювати, у файлі «.htaccess» необхідно прописати кілька рядків з керуючими директивами. Конструкція для одного з кодів відповіді сервера може виглядати так: «ErrorDocument 404 /page_404.html», див. скріншот нижче.

Файл htaccess підключення власних сторінок помилок

Тепер усі 4xx відповіді сервера, з тією чи іншою помилкою, будуть відображатися на створених тобою HTML-сторінках. Однак, щоб ефект від оптимізованих сторінок помилок був максимальний, слід наповнити їх відповідним вмістом, і, по можливості, надати контенту правильну структуру.

Яке використовувати розширення в сторінках: .html чи .php?

Якщо в сторінках помилок необхідне застосування якихось php-скриптів, очевидно, що без скриптових файлів з розширенням «.php» не обійтися. Однак слід пам'ятати, що усі п'ятисоті помилки будуть вивалюватись у вікно браузера в стандартному (дефолтному) вигляді — незрозумілий чорний текст на білому тлі. Це станеться з тієї причини, що всі п'ятисоті помилки є ознакою некоректної роботи веб-серверу. А це означає, що сервер, будучи в глибокій комі, не може обробляти будь-які php-файли.

Виходячи з цього, для п'ятисотих сторінок бажано використовувати статичні html-файли. Однак, в разі падіння сервера, це, звісно ж, не гарантує появи в браузері користувача оптимізованої сторінки помилки, але все ж істотно підвищує такі шанси, в порівнянні з php-файлами, які 100% не будуть показані.

Посилання на головну сторінку сайту

На будь-якій сторінці з тією чи іншою помилкою обов'язково має бути присутнє посилання на головну сторінку сайту. Не важливо в якому місці ти його розташуєш; посилання буде з анкором чи без нього. Тут важливо одне — щоб воно було. Крім посилання на морду сайту, бажано розмістити менюшку з переліком основних розділів веб-ресурсу. Також рекомендую додати кілька посилань на просувні веб-сторінки.

Щоб людина зрозуміла що відбувається і куди вона потрапила, потрібно коротко описати в шапці сторінки ситуацію, що склалася. Наприклад, «Такої сторінки більше не існує, але у тебе є унікальна можливість відвідати ось ці...», показуючи якісь посилання нижче по тексту. Головне завдання — заспокоїти користувача (можна якимось веселим зображенням зняти напругу, та/або жартом), пояснити що сталося, і показати їй вихід з цієї ситуації (підсунувши посилання), акуратно відправляючи її назад на сайт.

Дизайн сторінок з помилками відповіді сервера

Яким він повинен бути?

Щоб при вигляді сторінки помилки користувач розумів, що він не вилетів у стратосферу, а поки що залишається на тому ж сайті, куди зайшов хвилину назад, необхідно дотримуватися стилю дизайну сайту. Не обов'язково вішати тут сайдбарі і шапку з футером. Можна лише залишити ту ж колірну гамму фонів, заголовків, шрифтів та посилань, що і на робочих сторінках сайту.

Темний дизайн сторінки з помилкою 404 Not Found сумне кошеня

Використовуючи якусь картинку з кумедним тематичним сюжетом, можна зняти у користувача раптово виникле почуття тривоги через появу незрозумілої сторінки. Навіть якщо юзер спочатку потрапив на сторінку помилки, веселе зображення що супроводжується дотепним жартом, спонукає людину таки зайти на сайт, щоб подивитися що там...

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

Щоб зрозуміти наскільки ти в темі, пройди тест 👇
  • 100 секунд на проходження тестуRealCase

    Тест
  • 5 питань по тематиці сайту
  • 4 варіанти відповідей на кожен
Готовий(-а) перевірити рівень своїх знань?

  •  Тест пройдено 1 раз.
  • Останнє проходження: 20.02.2020 11:02

   
  
 
 
📚Не проґав!
💬Коментарі (Ще немає... твій буде першим)  
    • Ліміт 2000 символів
    • залишилось: