Створення інтуїтивно зрозумілих і зручних сторінок 404

Усі ми колись взаємодіяли зі сторінкою 404.

Ці сторінки з’являються, коли посилання не працює, сторінку видалено або якщо користувач неправильно ввів адресу сторінки. Але якою б не була причина, це залишається помилкою, яку потрібно виправити. Крім того, непрацюючі посилання шкодять рейтингу вашого сайту, а це не те, що вам потрібно. Аспект SEO вашого сайту неймовірно важливий, тому ви не хочете втрачати трафік лише тому, що забули стежити за сповіщеннями 404.

Хоча зрозуміло, що 404 сторінки потрібно виправити якнайшвидше, ви ніколи не зможете передбачити, коли користувач натрапить на несправне посилання. Отже, щоб бути готовим і перетворити негативний досвід на позитивний, вам потрібно налаштувати свої сторінки 404 і зробити їх зручними та інтуїтивно зрозумілими.

Готові навчитися перетворювати погане на добро? Давайте розберемося.

Налаштуйте сторінку 404 для свого сайту

Уявіть, що ви переглядаєте неймовірно барвистий і привабливий веб-сайт із великою кількістю інтерактивних елементів і раптом натрапляєте на порожню сторінку з простим повідомленням «404 Сторінка не знайдена».

Трохи пробуджує, чи не так?

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

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

Розробляючи сторінку 404 для свого сайту, зверніть увагу на повідомлення. Добре сформульоване повідомлення — це гарна можливість включити розумний каламбур або ненав’язливо нагадати користувачам про ваші продукти/послуги.

Поясніть, що сталося

Якщо ми подивимося на сторінку 404 за замовчуванням у Apache, ми побачимо наступне:

І це все. Користувач не має уявлення про те, що насправді сталося і що робити далі.

Оскільки ви дбаєте про своїх клієнтів і хочете уникнути будь-яких неприємних подій, надайте пояснення до помилки. Основними причинами 404 зазвичай є:

• Користувач щось помилився,
• Посилання не працює,
• Сторінка не існує,
• З’єднання з сервером порушено.

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

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

Створіть привабливе повідомлення

Сторінка 404 — це ідеальний шанс для бренду продемонструвати свою ідентичність за допомогою добре продуманого повідомлення.

Найкращі 404-сторінкові приклади часто містять:

• Каламбури
• Повідомлення, що стосується продуктів або послуг сайту
• Особисте звернення,
• Відсилання до поп-культури та впізнаваних подій.

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

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

Запропонуйте дію

Заклик до дії дуже важливий і абсолютно необхідний для 404-сторінкового дизайну.

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

Деякі з найпопулярніших CTA для сторінки 404:

• панель пошуку
• домашня сторінка
• топ-продукти/послуги
• підписатися на продукт або розсилку новин
• пропозиція безкоштовної пробної версії

Зверніть увагу на дизайн кнопок CTA. Вони повинні бути легко помітними і не зливатися з фоном, інакше користувач їх не помітить. Також подумайте про повідомлення кнопки CTA: замість шаблонних фраз на зразок «Натисніть тут» використовуйте щось більш креативне («Подивіться, що ми отримали»).

Додайте панель пошуку

Користувач потрапив на сторінку 404, тому що він щось шукав. Тож запропонуйте їм можливість спробувати ще раз, додавши рядок пошуку на сторінку.

Ви можете підкріпити це повідомленням на кшталт: «Здається, ваш запит ніде не знайдено… Чому б не спробувати ще раз?» Добре написані CTA мають високий рівень залучення та добре поєднуються з зображеннями.

Також додайте текст підказки до рядка пошуку. Смужка з текстом краще залучається, ніж порожня.

Додайте точки виходу

Панелі пошуку на сторінці 404 недостатньо. Що робити, якщо користувачі не впевнені, що їм потрібно?

Додайте «Домашню сторінку» або будь-які інші відповідні кнопки, щоб перевести користувача зі сторінки 404 до потенційної конверсії. Крім того, ви можете додати кнопку «Зв’язатися з нами», щоб підвищити надійність.

Деякі компанії використовують сторінку 404 як можливість нагадати про свої продукти та послуги та розмістити на сторінці відповідні посилання.

Покажіть свої продукти/послуги

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

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

Зробіть це весело

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

Навіть якщо ви позиціонуєте себе як високопрофесійний бренд, трохи гумору не завадить. Крім того, багато компаній додають гейміфікацію та відео на свою сторінку 404, щоб зацікавити користувача та розважити його.

Відстеження помилки 404

Помилка 404 не стосується користувача. Але ваше завдання відстежити його та визначити причину помилки та шлях користувача.

Вибираючи інструмент для відстеження помилок 404, слід пам’ятати про кілька речей.

Розглянемо всі джерела помилок 404

Помилка 404 необов’язково може бути на вашому сайті – клієнт може відкрити стару розсилку та перейти за посиланням, або вона може з’явитися в результатах пошуку в Google.

Тому, коли ви обираєте інструмент для моніторингу помилок, ще раз переконайтеся, що він шукає помилки 404 всюди, щоб ви могли виправити їх усі.

Звіт про вартість помилки 404

Як власник сайту, у вас, напевно, є мільйон справ, і виправлення помилок 404 може бути не на першому місці у вашому списку.

Ось чому вам потрібен інструмент, який дасть вам знати, скільки коштують ваші помилки 404. І мова тут не про гроші – це може бути відсоток втрачених конверсій, збільшення показника відмов, кількість втрачених користувачів.

Коли ви побачите, як помилки 404 впливають на ваш бізнес, вам буде простіше визначити пріоритети ваших завдань і перемістити помилки 404 угору чи вниз у списку.

Постійний моніторинг

Помилка 404 не трапляється регулярно. Може статися так, що у вас усе добре, а потім раптом користувач отримує 404.

Ось чому ваш інструмент відстеження повинен постійно відстежувати помилки 404 і негайно сповіщати вас про їх виявлення. Таким чином ви зможете вчасно виправити це та виключити ризик того, що інші користувачі натраплять на сторінку 404.

Види засобів стеження

Існують різні типи доступних інструментів відстеження, які допоможуть вам точно визначити помилку 404 і успішно її виправити.

Інструменти сканування

Такі інструменти сканування, як Screaming Frog, ідеально підходять для швидкого сканування вашого веб-сайту та перевірки його на непрацюючі посилання.

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

Найбільший недолік таких інструментів полягає в тому, що вони аналізують лише посилання на вашому веб-сайті – пам’ятаєте, що ми говорили про важливість розширеного аналізу? Крім того, інструменти сканування не повідомляють вам вартість помилки 404, а лише допомагають її ідентифікувати.

Інструмент сканування, безумовно, корисний, і ви повинні використовувати його на регулярній основі, щоб переконатися, що з вашим магазином все гаразд. Однак не забувайте регулярно виконувати розширений аналіз, щоб переконатися, що немає інших помилок, які ви могли залишити непоміченими.

Інструменти для зворотних посилань

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

Провідник посилань від Moz — це один із інструментів, який допоможе вам знайти веб-сайти, які спрямовують користувачів на ваш сайт. Такий аналіз дійсно корисний для вашого SEO, оскільки ви можете видалити 404 посилання та покращити рейтинг свого сайту.

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

Відстеження за допомогою Google Analytics

Одним із найпоширеніших і ефективних способів відстеження помилки 404 сторінки є Google Analytics.

Для цього вам потрібно буде скопіювати цей код:

<script> 
   // Create Tracker - Send to GA
   // Replace UA-11111111-11 with your own Tracking ID
 ga('create', 'UA-11111111-11');
   ga('send', {
     hitType: 'event',
     eventCategory: '404 Response',
     eventAction: window.location.href,
     eventLabel: document.referrer
});
</script>

і додайте його до сторінки/шаблону помилки 404. Просто не забудьте вставити ідентифікатор свого облікового запису Google у код.

Після цього ви зможете побачити, які саме URL-адреси викликають помилку 404 і де люди їх отримують.

І нарешті: вирішіть проблему!

Аварії траплятимуться, і це факт. Краще мати гарну сторінку 404 заздалегідь, ніж гарячково вирішувати проблему, поки роздратовані користувачі чекають.

Однак 404 є помилкою, і її потрібно виправити. Залежно від пріоритету помилки ви можете перенаправити посилання, відновити сторінку або виправити вихідне посилання. Також виконайте наступне:

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

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