Сторінка помилки 404, її оформлення і приклади

У будь-якому випадку, у відповідь він отримає приблизно щось такого виду:

Сторінка помилки 404, її оформлення і приклади

Виглядає не дуже, чи не так? Цілком розумною реакцією з боку користувача, буде просто закрити вкладку, і повернуться до пошуку. Ну а власник сайту, в свою чергу, отримає зростання показника відмов, погіршення поведінкових факторів та інші, не зовсім приємні «плюшки».

У разі, наприклад, з інтернет-магазином, це запобігає втраті прибутку, адже хто знає, може саме ця людина через пару хвилин вирішить зробити велике замовлення!

Якщо на вашому сайті немає спеціального шаблону для 404-сторінки, цілком можливо ви вже задумалися над його створенням. Ось кілька прикладів того, як можуть виглядати красиві і креативні сторінки 404:

Сторінка помилки 404, її оформлення і приклади

Сторінка помилки 404, її оформлення і приклади

Сторінка помилки 404, її оформлення і приклади

Сторінка помилки 404, її оформлення і приклади

В Інтернеті можна знайти сотні подібних прикладів, і використовувати їх як джерело натхнення, в процесі створення свого власного шаблону.

Як оформити сторінку 404?

Можна назвати кілька основних елементів, які вона повинна включати:

  • текст
  • зображення
  • заклик до дії (CTA-елемент).

Давайте почнемо з чистого аркуша. Перше, що нам потрібно зробити, це додати текст. Щоб користувач розумів, де він знаходиться і що сталося:

Сторінка помилки 404, її оформлення і приклади

Тепер додаємо зображення. Це може бути як фірмовий логотип сайту, так і просто якась кумедна картинка. Візуальний елемент допоможе затримати увагу користувача, щоб він відразу ж не вжив перша дія, яку прийде йому в голову - закрив вкладку браузера:

Сторінка помилки 404, її оформлення і приклади

Ну і фінальний штрих - пояснюємо, що ж саме трапилося, і як жити далі. А також, додаємо CTA-елемент, в нашому випадку - кнопка переходу на головну сторінку, в каталог, і форма пошуку:

Сторінка помилки 404, її оформлення і приклади

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

Сторінка помилки 404, її оформлення і приклади

Макет можна накидати самостійно, але, отрисовку я все ж раджу замовляти у дизайнера, а не займатися народною творчістю.

Сторінка «404» на WordPress

Сторінка помилки 404, її оформлення і приклади

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

Таким чином, витративши небагато часу на роботу - адже все це потрібно зробити один раз - ви отримаєте можливість уникнути втрати трафіку з сайту, а у випадку з комерційним проектом, ще й прибутку.

Схожі статті