Как сделать страницу ошибки 404 в REG.Site
В этой статье мы расскажем, как сделать страницу ошибки 404 и какую информацию лучше на ней разместить.
С ошибкой 404 может столкнуться любой пользователь. Причина может быть на стороне самого посетителя сайта, например, он неправильно ввёл ссылку. Или же проблема может быть связана с настройками сайта, и решить её можеть только владелец. О том, почему может появится эта проблема и как её решить, можно узнать в статье.
Страницу ошибки 404 html кодом делать необязательно. В REG.Site её можно сделать всего за пару кликов.
В большинстве шаблонов, представленных в REG.Site, уже есть настроенный макет ошибки. Вам достаточно просто перейти в «Divi» ― «Глобальные блоки», найти готовый макет и поменять шаблон под свой дизайн:
Если у вас нет настроенного макета, его можно легко создать самостоятельно. Как настроить такой отбойник, мы расскажем ниже.
Как сделать страницу ошибки 404 в REG.Site
-
2.
Во вкладке «Divi» ― «Глобальные блоки» нажмите Добавить новый шаблон:
-
3.
В появившемся меню прокрутите список до самого конца и поставьте галочку напротив 404 Страница. Нажмите Создать шаблон:
-
4.
В шаблоне автоматически появится хэдер и футер, который был сделан для других макетов. Чтобы настроить основную часть шаблона 404, нажмите
Добавить пользовательское …: -
5.
Создайте дизайн страницы 404:
Перейдите в админку REG.Site.
Готово, теперь, если у пользователя будет ошибка 404, перед ним появится не просто белый экран с сообщением, а фирменная страница с подсказками.
Важно, чтобы она была не просто красивая, но и полезная для пользователей.
Что нужно разместить на странице
Кроме красивой картинки, подходящей дизайну сайта, и сообщения об ошибке, на странице 404 стоит разместить некоторые элементы, которые подскажут пользователю, что делать дальше:
- поместите ссылку на главную страницу или предыдущую,
- добавьте дайджесты последних публикаций на сайте,
- поместите контакты организации (номер телефона, адрес) и службы поддержки,
- можно предложить действия для решения проблемы доступа к странице (проверка интернет-соединения и правильности указанной ссылки, перезагрузка страницы).
Например, вот так выглядит страница 404 раздела «Помощь» на сайте REG.RU:
Видеосправка. Об ошибке 404 и как сделать страницу ошибки для пользователей
Помогла ли вам статья?
Да
0 раз уже помогла
Как сделать страницу ошибки 404
Серёжа СыроежкинКопирайтер
10.
06.2015
Существует несколько вариантов возникновения ошибки 404 на сайте:
- Страница была удалена вами или перенесена на другой адрес, но поисковые системы еще не провели переиндексацию;
- Пользователь ошибся при вводе ссылки;
- Ссылка не верна (битая ссылка).
В таких случаях веб-сервер возвращает ошибку 404 (Not Found), которая означает, что документ не найден. Чтобы, получив такую ошибку, пользователь сразу не убежал с вашего сайта, используются кастомные страницы 404. Вы сами можете создать такую страницу и управлять её содержимым.
Настройка ошибки 404, т.е. отображения определенной страницы при возникновении ошибки «Not Found», производится в файле .htaccess (который находится в корне вашего сайта). Для этого нужно прописать следующую строку:
ErrorDocument 404 /nubex404.html
Здесь /nubex404.html — это относительный путь к вашей странице 404 (относительно корневого каталога сайта).
Итак, теперь нужно разобраться, как создать страницы 404. Настройка 404-страницы должна осуществляться, следуя следующим правилам:
- Поскольку ошибка может возникнуть в любом месте сайта, нужно использовать абсолютные пути для ссылок, изображений (http://nubex.ru/404.png), или относительные пути относительно корневого каталога (/404.png). Это позволит корректно отображать графические элементы и элементы навигации на странице ошибки.
- Дизайн страницы должен быть удобным и привлекательным, ведь цель использования своей 404-страницы — не спугнуть пользователя, а удержать его.
- Страница должна отвечать на вопрос пользователя «И что мне теперь делать?». Т.е. на странице рекомендуется дать четкие инструкции для пользователя.
- Стили и картинки желательно включать в HTML-код, чтобы минимизировать число запросов.
На этой странице вы можете предложить пользователю воспользоваться поиском на сайте, перейти на главную страницу, или просто развлечь его.
Не забудьте напомнить посетителю, чтобы он проверил правильность написания адреса ссылки.
Также можно на странице 404 вывести специальные предложения, акции и т.п., т.е. превратить страницу ошибки в своеобразный Landing Page.
В конструкторе сайтов «Нубекс» есть возможность показать пользователю красивую страницу с ошибкой 404.
- Как проверить сайт на ошибки
- Как проверить битые ссылки
- Коды ошибок сайта
- Языковая версия сайта
магазин, разработка, контент, новости, домен, главная страница, клиенты, продвижение, реклама, соцсети, кнопки, функционал, html, текст, шрифты, html5, видео, звук, seo, история, css, фон, хостинг, дизайн, мобильная версия, посещаемость, фото, типографика, создание сайтов, ссылка, ошибки, проверка, Яндекс, Сайт для детского сада,
Раз в неделю мы отправляем дайджест с популярными статьями по теме образования
Адрес эл.
Как создать пользовательскую страницу 404 в WordPress
При навигации по веб-сайту мало что может быть более разочаровывающим, чем приземление на экран с ошибкой 404 «Страница не найдена».
Эта проблема может привести к тому, что пользователь быстро уйдет с вашего веб-сайта.
Чтобы предотвратить это, вы можете убедиться, что ваши внутренние ссылки на страницы верны и работают.
Но что произойдет, если кто-то введет неверный URL-адрес или изменится заголовок одной из ссылок на страницы?
К сожалению, пользователи неизбежно наткнутся на несуществующий URL-адрес.
Однако вы можете предпринять шаги, чтобы помочь людям вернуться на страницу, которую они искали, чтобы они не уходили с вашего сайта.
Зачем мне нужна страница 404?
Один из способов избавить пользователей от ошибок и вместо этого создать положительный пользовательский опыт — добавить на свой веб-сайт пользовательскую страницу 404.
Это позволяет добавить немного характера и индивидуальности, возможно, даже юмора, на ваш сайт и дать им ссылку, по которой они смогут вернуться в нужное русло.
Кроме того, вы можете добавить ссылки на другие популярные страницы, такие как блоги, или связать их с формой, если они хотят сообщить о плохом соединении, которое привело их на страницу 404.
У вас может возникнуть соблазн создать ссылку на вашу домашнюю страницу с ошибкой 404 вместо пользовательской страницы с ошибкой.
Это может сбить пользователя с толку, поскольку он может не понять, что у него неверный URL-адрес, поскольку он все равно попадает на домашнюю страницу.
Перенаправление пользователей на главную страницу также может повлиять на вашу поисковую оптимизацию, поскольку Google по-прежнему рассматривает это перенаправление как программную ошибку 404.
Согласно Google, перенаправление всех ссылок 404 на вашу домашнюю страницу будет проблемой. Владельцы веб-сайтов всегда должны сосредоточиться на создании удобных для пользователя страниц 404.
Настройка пользовательской страницы 404
В зависимости от темы WordPress у вас есть несколько вариантов использования пользовательской страницы 404.
Использование плагина для создания пользовательской страницы 404 должно хорошо работать с любой современной темой.
Классические темы WordPress и темы редактора блоков
Вариант 1. Используйте тему 404.php
Скриншот с панели инструментов WordPress, сентябрь 2022 г. для страницы 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 : Удалите код, используемый для отображения сообщений.
- Step 4 : Персонализируйте текст и добавьте изображение или другие элементы, чтобы сделать его своим.
- Шаг 5 : Нажмите Обновить файл , чтобы сохранить изменения.
Вам потребуются некоторые знания PHP и HTML, но этот вариант означает, что страница 404 будет соответствовать вашей текущей теме, так что это немного чище, чем использование страницы 404 из другой темы.
Создайте страницу 404 в конструкторе страниц
Если вы используете конструктор страниц WordPress, такой как Elementor, Divi, Beaver Builder или Oxygen, у вас есть возможность в интерфейсе конструктора добавить страницу 404.
Вам следует обратиться к документации предпочитаемого вами сборщика для получения более подробной информации о том, где вы можете настроить параметры для перенаправления любых неправильных URL-адресов на вашу пользовательскую страницу 404.
Использование плагина страницы 404 WordPress
Простой способ добавить пользовательскую страницу 404 на любой сайт WordPress — использовать плагин страницы 404 WordPress.
Скриншот с сайта WordPress.org, сентябрь 2022 г.
Эти плагины позволят вам создать пользовательскую страницу 404 и отслеживать ошибки 404. Некоторые популярные плагины 404 страницы включают в себя:
404page — ваша умная настраиваемая страница с ошибкой 404 — это чрезвычайно простой плагин страницы 404, который вы можете использовать бесплатно. Создайте новую страницу WordPress, которую вы хотите использовать как собственную страницу 404. Чтобы установить ее в качестве пользовательской страницы 404, перейдите в раздел «Внешний вид» на панели управления WordPress, затем перейдите к «Страница ошибки 404» и выберите созданную вами страницу, которая станет страницей 404 по умолчанию.
SeedProd — этот плагин WordPress позволяет создавать красивые, легкие, настраиваемые шаблоны страниц 404, которые вы можете использовать на своем веб-сайте.
Скриншот с сайта WordPress.org, сентябрь 2022 г.
Colorlib 404 Customizer — этот бесплатный плагин WordPress использует Live Customizer для простого создания пользовательской страницы 404, которая соответствует внешнему виду вашего сайта.
Настройки отображаются на панели инструментов WordPress в разделе Внешний вид > Настроить и позволяют добавить дополнительный CSS для дальнейшей настройки страницы 404.
Скриншот с сайта WordPress.org, сентябрь 2022 г.
Custom 404 Pro — этот плагин WordPress позволяет создать пользовательскую страницу 404 в разделе «Страницы» панели администратора WordPress. Кроме того, это позволит вам отслеживать экземпляры введенных URL-адресов, которые вызвали страницу 404, чтобы вы могли отслеживать неработающие ссылки.
Скриншот с сайта WordPress.org, сентябрь 2022 г.
Полное редактирование сайта
Если вы используете тему WordPress для полнофункционального редактирования сайта, создать пользовательскую страницу 404 проще, чем когда-либо. Выполните следующие шаги, чтобы создать пользовательскую страницу 404 для вашего веб-сайта WordPress.
Скриншот из панели управления WordPress, сентябрь 2022 г.
Будет автоматически перенаправлено, если кто-то попытается перейти на несуществующую страницу.
- Шаг 1 : На панели инструментов WordPress нажмите Внешний вид, затем перейдите в «Редактор».
- Шаг 2 : В редакторе выберите Templates .
- Шаг 3 : Выберите шаблон 404.
- Шаг 4 : Используйте редактор блоков для создания пользовательской страницы 404 и нажмите Сохранить .
- Шаг 5 : Нажмите Сохранить еще раз, чтобы сохранить шаблон.
Скриншот панели управления WordPress, сентябрь 2022 г.
WordPress Custom 404 Pages
Неработающая ссылка или неправильный URL-адрес не должны быть катастрофой.
Вы можете сделать свою страницу с ошибкой 404 забавной и заинтересовать пользователя, предоставив ссылку на свою домашнюю страницу или другую интересующую страницу на своем веб-сайте.
Создать пользовательскую страницу 404 в WordPress проще, чем когда-либо, и ее нельзя упускать из виду, поскольку она повышает удобство работы пользователя.
На этой странице также можно отслеживать, когда посетители находят вашу страницу 404, чтобы при необходимости можно было исправить ссылки или перенаправить страницы.
Если вы хотите увидеть креативные страницы 404, перейдите на некоторые из ваших любимых сайтов, введите их URL и добавьте в конец страницу, о которой вы знаете, что она не существует.
Вы обязательно найдете отличные идеи для своих 404 страниц!
Дополнительные ресурсы:
- Являются ли ошибки 404 и Soft 404 факторами ранжирования в Google?
- Google: Хорошо, если 30-40% URL-адресов в Search Console имеют код 404
- Продвинутое техническое SEO: полное руководство
Рекомендуемое изображение: apghedia/Shutterstock
Категория Техническое SEO WordPress
Пользовательская страница ошибки 404 | HTML Dog
Если посетитель вашего веб-сайта попытается найти несуществующую страницу (или вообще файл, если на то пошло), сервер сайта выдаст ошибку «404» и сообщит посетителю, что страница не может быть не найти. Однако вам не нужно соглашаться на стандартное, обычно техническое, мягкое и недружественное сообщение об ошибке — вы можете создать свое собственное.
HTML-страница Dog 404, объясняющая, что произошло и что делать дальше.
Шаг 1. Создайте страницу «Страница не найдена»
Здесь ничего особенного не требуется — просто создайте стандартную HTML-страницу с выбранным содержимым (и стилем).
Чтобы помочь вашим сбитым с толку посетителям, вы можете объяснить, почему страница, которую они ищут, не была найдена: они опечатались в URL-адресе? Они откуда-то перешли по плохой ссылке? Ошибка может быть и вашей собственной, конечно…
Вы также можете предложить посетителю маршруты: вы можете указать ссылку на домашнюю страницу сайта или, если она у вас есть, на карту сайта или поиск.
Для этого примера назовите страницу ошибки «404.html» и поместите ее в корневую папку вашего веб-сайта. Затем, если вы перейдете на www.yourdomain.com/404.html, вы сможете насладиться его красотой.
Ссылка на нас! Если вы нашли HTML Dog полезным, рассмотрите возможность ссылки на нас.
Шаг 2. Скажите серверу использовать вашу страницу ошибки
Есть несколько способов добиться этого, но самый простой — возиться с файлом .
htaccess . Это не что иное, как небольшой текстовый файл, который передает простые инструкции на ваш сервер.
Возможно, в корневой папке вашего веб-хостинга уже есть файл .htaccess. Если есть, скачайте его и исправьте. Если его нет, просто создайте новый пустой текстовый документ с помощью того же программного обеспечения, которое вы используете для создания файлов HTML/CSS/JavaScript, и сохраните его как «.htaccess».
Имя файла должно быть «.htaccess». Не «.htaccess.txt», не «htaccess.html» и даже не «htaccess» (точка важна). С ними может быть сложно иметь дело, потому что они являются «системными» файлами и могут быть скрыты. Если у вас возникли проблемы, вы можете просто работать с файлом «htaccess.txt» и переименовать его в «.htaccess» на сервере (с помощью FTP-программы или чего-то подобного) после его загрузки.
В этот документ вам нужно будет добавить эту строку:
Документ об ошибке 404 /404.html
Это все, что вам нужно. Никакого HTML, никаких других символов, только эта строка.
