Як створити просту сторінку помилки 404 для WordPress

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

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

Що таке сторінка 404?

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

Я стикаюся зі сторінкою 404 в основному тому, що я часто вручну набираю адресу сайту (не використовуючи закладки), і у мене незграбні пальці. Це часто призводить мене до запиту www.google.com/mial  замість необхідної мені сторінки Gmail. Дуже дратує.

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

Як додати свою сторінку 404 у тему WordPress

Тепер давайте подивимося, як додати 404 сторінку, заточену під вашу тему.

Додати свою 404 сторінку просто: все, що вам необхідно – це наявність у папці теми файлу під назвою "404.php".

Звичайно, якщо ваш файл "404.phpпорожній, то сторінка «404», яка буде показуватися вашим користувачам, буде порожньою.

Швидкий метод створення своєї сторінки 404, яка добре підходитиме до вашої теми - це копіювання всього вмісту файлу "page.php" вашої теми у ваш новий файл "404.php". Зробивши це, видаліть весь код, який відноситься до циклу, та замініть його наступним кодом:

<h1>Page Not Found</h1>
<p>Sorry, but the page you requested has not been found</p>

Як зробити вашу сторінку 404 відмінною

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

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

1. Показати повідомлення з вибаченням, яке пояснить, що контент, який шукав користувач, не знайдено. Згадка коду «404» не є обов'язковою, але ви можете його написати, якщо хочете.
2. Запропонувати користувачеві перевірити адресний рядок і переконатися, що на адресі сайту немає помилок.
3. Показати / звернути увагу користувача на блок пошукуякий допоможе йому знайти потрібний контент на вашому сайті.
4. Запропонувати матеріали, які, можливо, шукає відвідувач, ґрунтуючись на сторінці, яку він запитував, або на популярних сторінках сайту.
5. Дати користувачеві список варіантівщо тепер робити», наприклад, перейти на головну сторінку або переглянути ваші архіви.
6. Зрештою, дати можливість користувачеві повідомити про помилку, додавши посилання на пост / контактну форму / твіттер обліковий запис, щоб ви могли виправити помилку, де це буде необхідно.

У моїй уявній темі, я б зробив це якось так:

<?php get_header(); ?>
<div id="page">
    <h1>Page Not Found</h1>
    <p>We're very sorry, but the page you requested has not been found! It may have been moved or deleted.</p>
    <p>I'm not blaming you, but have you checked your address bar? There might be a typo in the URL.</p>
    <p>If there isn't, you could try searching my website for the content you were looking for:</p>
    <?php get_search_form(); ?>
    <p>Or maybe you were looking for one of my popular posts:</p>
    <ul>
        <li><a href="http://www.website.com/popular-post1">Popular Post 1</a></li>
        <li><a href="http://www.website.com/popular-post2">Popular Post 2</a></li>
        <li><a href="http://www.website.com/popular-post3">Popular Post 3</a></li>
        <li><a href="http://www.website.com/popular-post4">Popular Post 4</a></li>
    </ul>
    <p>Alternatively, you can go to <a href="http://www.website.com">my home page</a> or <a href="http://www.website.com/archives">browse my archives</a></p>
    <p>One last thing, if you're feeling so kind, please <a href="mailto:webmaster@website.com">tell me</a> about this error, so that I can fix it. Thanks!</p>
</div>
<?php get_sidebar(); get_footer(); ?>

Ключові елементи

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

• Базові: використовуємо ім'я файлу 404.php щоб WordPress використовував його як шаблон сторінки помилки
• Наш заголовок сторінки (укладений у тег H1) чітко вказує, що сторінку не знайдено.
• Даємо коротке текстове пояснення та пропонуємо деякі альтернативні рішення (перевірити URL)
• Надаємо пошук (використовуючи стандартну функцію WP search form)
• На завершення надаємо посилання на архіви. Розширені користувачі можуть додати сюди також список сторінок, категорій або тегів.
• Надаємо контакти для повідомлення про помилку.

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

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

інші фактори

Якщо користувач потрапляє на сторінку 404 не тому, що він зробив друкарську помилку в URL (більшість користувачів не вводить безпосередньо адресу), велика ймовірність того, що ви щось перенесли чи видалили.

Перенаправлення старого контенту

При перенесенні контенту завжди потрібно перенаправляти стару URL на нову URL – це простий та ефективний спосіб переконатися, що всі відвідувачі, які захочуть побачити цей контент, зможуть це зробити. Перенаправлення в WordPress можна легко зробити за допомогою популярного плагіна Redirection.

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

Ідемо ще далі

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

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

Чи не видаляйте пости. Видаляйте контент

І нарешті, видаляючи контент, подумайте, можливо варто просто видалити вміст посту / сторінки (а не видаляти весь пост / сторінку), та повідомити користувачів, навіщо ви видалили контент.

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

Джерело: WPТатс

Олексій Шевченко

редактор wpcafe

Вивчає сайтобудування з 2008 року. Практикуючий вебмайстер, що спеціалізується на створенні сайтів WordPress. Задати питання Олексію можна на https://profiles.wordpress.org/wpthemeus/