Как создать пользовательскую страницу 404 в WordPress

Как создать пользовательскую страницу 404 в WordPress


При навигации по веб-сайту мало что может быть более разочаровывающим, чем приземление на экран с ошибкой 404 «Страница не найдена».

Эта проблема может привести к тому, что пользователь быстро уйдет с вашего веб-сайта.

Чтобы предотвратить это, вы можете убедиться, что ваши внутренние ссылки на страницы верны и работают.

Но что произойдет, если кто-то введет неправильный URL-адрес или изменится слаг одной из ссылок на страницу?

К сожалению, пользователи неизбежно наткнутся на несуществующий URL-адрес.

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

Зачем мне нужна страница 404?

Один из способов избавить пользователей от заблуждений и вместо этого создать положительный пользовательский опыт — добавить пользовательскую страницу 404 на свой веб-сайт.

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

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

У вас может возникнуть соблазн создать ссылку на вашу домашнюю страницу с ошибкой 404 вместо пользовательской страницы с ошибкой.

Это может сбить пользователя с толку, так как он может не понять, что у него неверный URL-адрес, потому что он все равно попадает на домашнюю страницу.

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

Согласно Google, перенаправление всех ссылок 404 на вашу домашнюю страницу будет проблемой. Владельцы веб-сайтов всегда должны сосредоточиться на создании удобных для пользователя страниц 404.

Настройка пользовательской страницы 404

В зависимости от темы WordPress у вас есть несколько вариантов использования пользовательской страницы 404.

Использование плагина для создания пользовательской страницы 404 должно хорошо работать с любой современной темой.

READ  Как отслеживать посетителей вашего сайта WordPress

Классические темы WordPress и темы редактора блоков

Вариант 1: Используйте тему 404.php

Скриншот с панели управления WordPress, сентябрь 2022 г.

Если вам удобно работать с файлами PHP вашего веб-сайта, во многих темах уже есть шаблон для страницы 404.

  • Шаг 1: Перейти к вид > Редактор файлов темы в панели управления WordPress.
  • Шаг 2: выберите свою тему в раскрывающемся меню и найдите файл 404.php.
  • Шаг 3: В идеале вы должны скопировать 404.php на свой дочерняя тема так что вы не потеряете свою работу с обновлениями темы.
  • Шаг 4: Персонализируйте текст и добавьте изображение или другие элементы, чтобы сделать его своим.
  • Шаг 5: Нажмите «Обновить файл», чтобы сохранить изменения.

Вариант 2: Скопируйте файл 404.php

Некоторые темы могут не включать файл 404.php. В этом случае вы можете скопировать файл 404.php из другой темы, например Twenty-Twenty, с файлом 404.php.

Это может потребовать некоторой настройки, чтобы соответствовать вашей теме, но вы можете настроить файл 404.php и сохранить его в папке вашей темы.

  • Шаг 1: Найдите тему со страницей 404, которую вы хотели бы использовать.
  • Шаг 2: перейдите в папку темы для этой темы и сделайте копию файла 404.php.
  • Шаг 3: переместите копию в папку темы темы или дочерней темы, которую использует ваш сайт, убедившись, что она называется 404.php.
  • Шаг 4: посмотрите на страницу 404 в интерфейсе вашего сайта, чтобы убедиться, что все выглядит так, как вы ожидаете.
  • Шаг 5: Вы можете использовать те же шаги, что и выше, для внесения изменений в файл в редакторе файлов темы и нажать Обновить файл чтобы сохранить изменения.

Вариант 3: Скопируйте файл Index.php

Если ваша тема не включает файл 404.php, это еще одна альтернатива его созданию.

  • Шаг 1: вам нужно будет продублировать файл index.php.
  • Шаг 2: переименовать дубликат 404.php
  • Шаг 3: удалить код, используемый для отображения сообщений.
  • Шаг 4: Персонализируйте текст и добавьте изображение или другие элементы, чтобы сделать его своим.
  • Шаг 5: Хит Обновить файл чтобы сохранить изменения.
READ  Как сделать Ватсап на Андроид как на айфоне: описание программы и инструкция

Вам понадобятся некоторые знания PHP и HTML, но этот вариант означает, что страница 404 будет соответствовать вашей текущей теме, так что это немного чище, чем использование страницы 404 из другой темы.

Создайте страницу 404 в конструкторе страниц

Если вы используете конструктор страниц WordPress, такой как ЭлементорДиви, Бобровый Строительили же Кислороду вас есть возможность в интерфейсе вашего конструктора добавить страницу 404.

Вы должны проконсультироваться с документацией вашего предпочтительного разработчика для получения более подробной информации о том, где вы можете настроить параметры для перенаправления любых неправильных URL-адресов на вашу пользовательскую страницу 404.

Используйте плагин 404 страницы WordPress

Простой способ добавить пользовательскую страницу 404 на любой сайт WordPress — использовать плагин страницы 404 WordPress.

Плагин 404 страницыСкриншот с сайта WordPress.org, сентябрь 2022 г.

Эти плагины позволят вам создать пользовательскую страницу 404 и отслеживать ошибки 404. Некоторые популярные плагины 404 страницы включают в себя:

404page — ваша умная настраиваемая страница ошибки 404 – Это чрезвычайно простой плагин страницы 404, который вы можете использовать бесплатно. Создайте новую страницу WordPress, которую вы хотите использовать как собственную страницу 404. Чтобы установить ее в качестве пользовательской страницы 404, перейдите в раздел «Внешний вид» на панели инструментов WordPress, затем перейдите к «Страница ошибки 404» и выберите созданную вами страницу, которая станет страницей 404 по умолчанию.

SeedProd – Этот плагин WordPress позволяет создавать красивые, легкие, настраиваемые шаблоны страниц 404, которые вы можете использовать на своем веб-сайте.

Плагин SeedProdСкриншот с сайта WordPress.org, сентябрь 2022 г.

Настройщик Colorlib 404 — Этот бесплатный плагин WordPress использует Live Customizer, чтобы легко создать пользовательскую страницу 404, которая соответствует внешнему виду вашего сайта.

READ  Как создать учетную запись AdSense для Blogger (шаг за шагом)

Настройки отображаются на панели инструментов WordPress в разделе вид > Настроить и позволит вам добавить дополнительный CSS для дальнейшей настройки страницы 404.

Плагин настройки Colorlib 404Скриншот с сайта WordPress.org, сентябрь 2022 г.

Пользовательский 404 Pro — Этот плагин WordPress позволяет вам создать пользовательскую страницу 404 в разделе «Страницы» панели администратора WordPress. Кроме того, это позволит вам отслеживать экземпляры введенных URL-адресов, которые вызвали страницу 404, чтобы вы могли отслеживать неработающие ссылки.

Пользовательский плагин 404 ProСкриншот с сайта WordPress.org, сентябрь 2022 г.

Полное редактирование сайта

Если вы используете Полная тема редактирования сайта WordPress, создать пользовательскую страницу 404 проще, чем когда-либо. Выполните следующие шаги, чтобы создать пользовательскую страницу 404 для вашего веб-сайта WordPress.

Шаблоны тем FSE 2022Скриншот с панели управления WordPress, сентябрь 2022 г.

Он будет автоматически перенаправлять, если кто-то попытается перейти на несуществующую страницу.

  • Шаг 1: В панели инструментов WordPress нажмите на Вид, затем перейдите в «Редактор».
  • Шаг 2: в разделе «Редактор» выберите Шаблоны.
  • Шаг 3: выберите шаблон 404.
  • Шаг 4: Используйте редактор блоков, чтобы создать собственную страницу 404 и нажмите Сохранять.
  • Шаг 5: Хит Сохранять еще раз, чтобы сохранить шаблон.
FSE Сохранить шаблон 404Скриншот с панели управления WordPress, сентябрь 2022 г.

Пользовательские страницы 404 WordPress

Неработающая ссылка или неправильный URL-адрес не должны быть катастрофой.

Вы можете сделать свою страницу с ошибкой 404 интересной и заинтересовать пользователя, предоставив ссылку на свою домашнюю страницу или другую интересующую страницу на своем веб-сайте.

Создать пользовательскую страницу 404 в WordPress проще, чем когда-либо, и ее нельзя упускать из виду, поскольку она повышает удобство работы пользователя.

Эта страница также позволяет вам отслеживать, когда посетители находят вашу страницу 404, чтобы вы могли исправить ссылки или перенаправить страницы, когда это необходимо.

Если вы хотите увидеть несколько креативных страниц 404, перейдите на некоторые из ваших любимых сайтов, введите их URL и добавьте в конец страницу, которая, как вы знаете, не существует.

Вы обязательно получите несколько отличных идей для своих собственных страниц 404!

Дополнительные ресурсы:


Рекомендуемое изображение: apghedia/Shutterstock





Source link