Настройка страница 404: Ошибка 404 — что означает, как создать и настроить

Разное 

Содержание

Как сделать редирект 404 ошибки – Помощь

Посетители сайта видят 404 ошибку, если страница, на которую они пытаются перейти, не существует или по какой-то причине сервер не может её найти. В статье рассмотрим, что это за ошибка и какое влияние она оказывает на поведенческие факторы пользователей и SEO. А также разберем, как настроить редирект 404 ошибки через .htaccess.

Что такое ошибка 404

Ошибка 404 (File not found) возникает, когда сервер не может найти запрашиваемую пользователем страницу. От ее появления не застрахован ни один сайт. Достаточно ввести в адресной строке после домена рандомный набор символов. Например:

http://site.ru/asdfjkl;

Сервер не сможет найти страницу, и отобразится ошибка:

Ошибка 404 на сайте reg.ru

Также с ошибкой 404 можно столкнуться в следующих случаях:

  • Администратор сайта удалил или переместил страницу, но не сделал редирект на актуальный материал.
  • Изменилась структура сайта, а у страниц остались старые URL.
  • Посетитель опечатался в адресе, когда вводил его вручную.
  • Посетитель перешел по «битой» ссылке, которая ведет на несуществующую (удаленную или перемещенную) страницу.

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

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

Иногда при загрузке несуществующей страницы браузер получает ответ 200 вместо 404. Такой случай называют Ложной ошибкой (Soft 404). Он означает, что со страницей всё в порядке, хотя пользователь видит ошибку. Также проблема заключается в том, что Яндекс и Google показывают эту страницу в результатах поиска. Чтобы проверить код ошибки, воспользуйтесь проверкой URL от Google.

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

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

Возможные последствия для сайта

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

Также важно следить за тем, чтобы на сайте было как можно меньше несуществующих страниц, битых ссылок и т. п. Чтобы отыскать их, можно воспользоваться веб-инструментами Яндекс и Google или другими сервисами. Найдите все, что нужно поправить, настройте 301-й редирект на актуальные материалы и замените некорректные ссылки.

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

Рекомендации по созданию страницы 404

Если сайт создавался в CMS WordPress, Joomla, Drupal и т. п., в нем, скорее всего, предусмотрена страница ошибки 404. Но она может быть неинформативной или отличаться от дизайна остальных страниц вашего веб-ресурса.

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

Важно, чтобы страница была информативной и полезной:

  • Объясните, что случилось и почему пользователю попалась ошибка;
  • Посоветуйте, что пользователю стоит сделать, чтобы найти интересующий его контент;
  • Оставьте каналы для связи и возможность связаться с поддержкой сайта.

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

Примеры страниц с ошибкой 404

СберМаркет предлагает познать мудрость котов и цены на сайте

404 ошибка в разделе «Помощь» на сайте REG.RU

Как создать страницу ошибки 404 и настроить редирект на нее в .htaccess

  1. 1.

    Создайте страницу одним из следующих способов:

    • Если вы знаете HTML и CSS, напишите код страницы самостоятельно и загрузите файл с названием 404.html в корневую папку сайта.

    • Если навыков верстки нет, в интернете можно найти бесплатные шаблоны со страницами ошибки. Скачайте файл и добавьте его в корневую папку.

    • Если вы используете WordPress, воспользуйтесь плагином 404page — your smart custom 404 error page по инструкции ниже. Обратите внимание! Если вы воспользовались плагином, вам не нужно прописывать путь к файлу в .htaccess.

    Как настроить страницу в плагине WordPress

    1) Откройте админку вашего сайта в WordPress.

    2) Перейдите в раздел «Плагины» и нажмите Добавить новый.

    3) В строке поиска введите название 404page — your smart custom 404 error page

    .

    4) Нажмите Установить → Активировать:

    5) Перейдите в раздел Внешний вид → 404 Error Page.

    6) Выберите в списке Sample Page, чтобы сменить стандартную страницу ошибки, и нажмите Edit Page:

    7) Создайте страницу в открывшемся визуальном редакторе и нажмите Обновить:

    Готово! После обновления страница будет использоваться автоматически.

  2. 2.

    Откройте конфигурационный файл .htaccess в корневой папке вашего сайта и добавьте в него строку:

     
    ErrorDocument 404 https://site.ru/404.html

    Где вместо site.ru — домен вашего сайта.

  3. org/HowToStep»> 3.

    Сохраните изменения.

Готово! Теперь при возникновении 404 ошибки, в браузере пользователей будет открываться созданная вами кастомная страница.

Также рекомендуется закрыть служебную страницу 404 от индексации, чтобы она не возникала в поисковой выдаче вместе с остальными страницами сайта. Для этого откройте файл robots.txt в корневой папке сайта, добавьте соответствующую команду и сохраните изменения:

Редирект с 404 на главную (не рекомендуется)

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

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

Рекомендуется использовать специальные страницы для ошибки 404.

Проверка редиректа 404

Проверить, корректно ли все настроено можно в Яндекс.Вебмастер и Google Search Console.

Яндекс.Вебмастер

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

  1. 1. Откройте Яндекс.Вебмастер.
  2. 2.

    Перейдите в раздел Инструменты → Проверка ответа сервера.

  3. 3.

    Введите название страницы ошибки и нажмите Проверить.

  4. 4.

    В коде статуса HTTP должно отображаться 404 Not Found:

Google Search Console

Если вы используете этот инструмент впервые, укажите свой домен и пройдите валидацию, добавив TXT-запись/загрузив файл в корневую папку сайта или с помощью других способов.

  1. 1. Откройте Google Search Console.
  2. 2.

    Перейдите в раздел «Покрытие» в меню справа. Здесь будет отображаться информация о страницах ошибок.

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

Если сайт многораздельный и многостраничный, вручную мониторить его будет сложно. Рекомендуется использовать для поиска страниц ошибки 404 онлайн-сервисы (Serpstat, BadLincs.ru и другие). Также можно воспользоваться плагинами в CMS. Замените ссылки и настройте редиректы. А также создайте понятную красочную страницу ошибки с объяснением причины, ссылками на основные разделы и строкой поиска.

Python Django: как изменить страницу ошибки 404? | by Maria Hladka | NOP::Nuances of Programming

Настройка страницы ошибки 404 “Страница не найдена” — одна из любопытных практик в разработке проекта на Django: давайте узнаем, как обработать ошибку 404 с помощью собственной страницы!

404 Page Not Found считается самым известным кодом HTTP-статуса. На стадии коммерческого использования каждый хороший Django-проект должен обрабатывать эту ошибку с помощью собственноручно настроенной страницы, создающейся за несколько простых шагов, описанных в данной статье.

Не теряя времени, создадим Django-проект. Откройте консоль и напишите эти команды:

$ cd Desktop
$ mkdir mysite
$ cd mysite

Затем создайте Django-проект:

$ django-admin startproject mysite .

Запустите сервер со своим веб-приложением:

$ python manage.py runserver

В браузере перейдите по ссылке http://127.0.0.1:8000/ (локальный сервер, порт номер 8000): если вы увидите страницу с надписью “The install worked successfully! Congratulation!” (“Установка выполнена успешно! Поздравляем!”) и картинкой ракеты, то проект успешно создан и запущен.

Стандартная страница приветствия фреймворка Django

Давайте попробуем перейти на несуществующую страницу только что созданного нами сайта, например, на страницу http://127.0.0.1:8000/page

Страница Django Not Found по умолчанию

Сообщение внизу страницы гласит:

You’re seeing this error because you have DEBUG = True in your Django settings file. Change that to False, and Django will display a standard 404 page.

Вы видите эту ошибку, потому что в вашем файле настроек Django установлено значение DEBUG = True. Измените это значение на False, и Django отобразит стандартную страницу 404.

Давайте сделаем то, что написано в отчёте об ошибке 404: отключим режим отладки Django, изменив значение константы DEBUG в файле настроек проекта settings.py, кроме этого, указываем адрес локального сервера в списке разрешенных адресов:

DEBUG = False
ALLOWED_HOSTS = ['127.0.0.1']

Замечание! Когда вы будете располагать своё веб-приложение на хостинге для доступа к нему настоящих пользователей, вам понадобится снова изменить константу ALLOWED_HOSTS: указать приобретенный домен в качестве элемента списка.

Обновите страницу.

Страница Django Not Found 404 при значении константы DEBUG = False (при отключенном режиме разработчика)

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

Создаём файл представлений views.py в папке mysite с помощью данной команды:

$ touch mysite/views.py

Действительно, немного странно — создавать файл views.py в каталоге проекта. Во множестве руководств говорится, что views.py хранится в директориях каждого приложения в проекте, а не в директории самого проекта, но именно такой способ создания пользовательской страницы ошибки 404 “Страница не найдена” предлагается официальной документацией Django.

Ваш Django-проект теперь должен выглядеть примерно так:

.
├── db.sqlite3
├── manage.py
└── mysite
├── __init__.py
├── __pycache__
├── asgi.py
├── settings.py
├── urls.py
├── views. py
└── wsgi.py

Теперь пришло время добавить функцию-представление, которая будет обрабатывать ошибку 404. В файл mysite/views.py добавьте следующие строчки кода:

from django.shortcuts import renderdef page_not_found_view(request, exception):
return render(request, '404.html', status=404)

Также необходимо в файле urls.py директории Django-проекта mysite определить значение переменной handler404:

handler404 = "mysite.views.page_not_found_view"

В итоге файл mysite/urls.py должен выглядеть следующим образом:

from django.contrib import admin
from django.urls import pathurlpatterns = [
path('admin/', admin.site.urls),
]handler404 = "django_404_project.views.page_not_found_view"

Теперь пришло время поработать с шаблоном страницы ошибки 404 “Страница не найдена”. Для этого нужно создать папку templates в директории проекта mysite, а затем добавить в эту папку файл 404. html.

$ mkdir templates
$ touch templates/404.html

Теперь необходимо указать Django, где именно находится ваша папка templates, поэтому в файле settings.py, в константе TEMPLATES следует обозначить значение ключа ‘DIRS’ следующим образом:

import osTEMPLATES = [
{
...
'DIRS': [os.path.join(BASE_DIR, 'templates')],
...
},
]

Теперь, в файле шаблона 404.html, можно начинать настраивать внешний вид страницы сообщения об ошибке по своему усмотрению. Для примера сделаем её крайне простой:

<h2>404 Page Not Found</h2>
<p>Моя пользовательская страница ошибки 404!</p>

Перед тем, как переключиться на вкладку браузера для проверки только что созданного шаблона — убедитесь, что структура вашего проекта выглядит вот так:

.
├── db.sqlite3
├── manage.py
├── mysite
│   ├── __init__.py
│   ├── __pycache__
│   ├── asgi. py
│   ├── settings.py
│   ├── urls.py
│   ├── views.py
│   └── wsgi.py
└── templates
└── 404.html

После проверки структуры проекта — перейдите по любому из несуществующих путей вашего сайта: пользовательский HTML-шаблон 404.html обработает их все!

Пользовательская страница ошибки “404 Page Not Found”

Поздравляем — всё готово! Ваша собственноручно созданная страница 404 Page Not Found теперь используется каждый раз, когда пользователь обращается к несуществующему ресурсу.

Читайте также:

Читайте нас в Telegram, VK и Яндекс.Дзен

Создаем и настраиваем страницу 404 для WordPress

Стоит посетителю неправильно набрать одну букву в адресе материала вашего блога – как он получит ошибку 404 (“страница не найдена”). Ошибка 404 – это ответ сервера, когда идет запрос к несуществующему файлу или странице.

Понятное дело, что при попадании на такую страницу пользователь:

1. должен понять что случилось и почему это случилось;
2. не должен покинуть ваш блог, не отыскав решение проблемы.

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

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

Зайдите в файлы своей WordPress-темы и проверьте, есть ли в ней файл с названием 404.php. Его наличие – это хорошая примета. Но даже если такого файла нет – не разочаровывайтесь. Ведь по сути файл 404 – это копия шаблона главной страницы (page.php или index.php) вашего блога с удаленным контентом. Поэтому просто скопируйте один из этих файлов, назовите его 404.php и удалите из него контентное составляющую (оставьте хедер, сайдбара, футер и другие элементы общего дизайна.

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

php – возможно, вы захотите его немножечко видоизменить, чтобы сделать удобным для пользователя.

Что разместить на странице 404

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

Чтобы создать такой список, достаточно сделать в необходимом месте файла 404.php код:

Кроме перечня, можно разместить информацию о самой странице (или, проще говоря, объяснить пользователю, куда он попал и почему это могло произойти.

Вот и все. Пользуйтесь на здоровье!

Настройка отслеживания 404 ошибки в google analytics через google tag manager

Настройка отслеживания 404 ошибки в google analytics через gtm

 

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

Отслеживать 404 ошибки в google analytics довольно просто. Для этого вам необходимо знать название страницы с  404 ошибкой.

Как узнать название страницы с 404 ошибкой
  1. Переходим на сайт и в адресной строке прописываем после название сайта 404errors
  2. Наводим на вкладку в браузере и смотрим название страницы.

В примере мы видим , что название страницы «Ошибка 404 Страница не найдена»

 

Переходим в google analytics

Поведение/// Контент сайта /// Все страницы /// выбираем дополнительный параметр «название страницы»

 

Выбираем фильтр: Изменить /// выбираем «название страницы» /// содержит «Ошибка 404 Страница не найдена» /// Применить

 

В отчете видим, сколько раз посетители переходили на страницу с 404 ошибкой

 

Если у Вас Google Adwords и Google analytics установлена связь  можно настроить полезный пользовательский отчет

Схема отчета

Тип: простой

Параметры: источник или канал, идентификатор объявлений AdWords, группа объявлений AdWords, Название страницы, Страница входа

Показатели: Сеансы, Показатель отказов

Фильтр:

Название страницы /// точное соответствие ///  Ошибка 404 Страница не найдена  //(по примеру)

Источник или канал /// точное соответствие/// google / cpc

 

Получаем отчет

Из отчета видно, сколько переходов было на несуществующие страницы по google Adwords.

 

 

 

Настройка отслеживания 404 ошибки через google tag manager

Для этого нам также нужно знать название страницы, создать тег, триггер и переменные

1.Создаем переменную название страницы «document.title»

название: document.title

тип переменной: Переменная JavaScript

имя глобальной переменной: document.title

 

2.Находим названия страницы с 404 ошибкой

Вводим в адресную строку название сайта и допишем 404errors

Название страницы будет во вкладке  адресной строки или можно посмотреть в отладчике gtm при прослушке кликов

Теперь мы  знаем, что переменная document.title на несуществующей странице принимает значение «The page you requested cannot be found!»

 

3.Создаем триггер, что бы наш тег отправлялся только тогда, когда document.title принимает значение The page you requested cannot be found

название: errors 404 page

тип триггера: Просмотр страницы

Триггер активируется на следующих страницах: некоторые просмотры страниц

Условие: document. title содержит The page you requested cannot be found

 

4. Для тега нам нужно активировать встроенные переменные, если они у Вас не активированные

Переходим в раздел переменные /// настроить /// активируем переменные Page Path и Referrer

 

5.Настроим тег

Название: Errors 404 page

Тип тега: Universal Analytics

Тип отслеживания: событие

Категория: Errors 404 page

Действие: выбираем переменную «Page Path» —  часть url ,без домена

Ярлык: выбираем переменную  Referrer – с какой страницы перешел пользователь

Не взаимодействие: True

Включаем переопределение настроек в этом теге

Идентификатор отслеживания: cod ua – созданная переменная

Триггер активации тега: выбираем Errors 404 page – который мы предварительно создали

Отправляем настройки в gtm на публикацию

 

 

Если вы не уверенные в корректности настроек проверяем через отладчик «Предварительный просмотр»

 

Переходим на несуществующую страницу на вашем сайте и смотрим, какие теги сработали

Мы видим, что наш тег «Errors 404 page»  сработал

 

Смотрим, какие данные будут передаваться в google analytics

 

 

 

Теперь, когда мы настроили тег, который передает данные о 404 ошибке в google analytics настроим пользовательский отчет

Схема

Тип: простая страница

Параметры: категория событий, действие по событию, ярлык события

Показатели: всего событий, уникальные события

Фильтр: категория событий точное соответствие Errors 404 page

 

Смотрим отчет:

 

 

 

Анализируйте, делайте выводы, принимайте решения и действуйте!

The following two tabs change content below.

Ошибка 404. «Страница не найдена» (Not Found). Как исправить?

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

Начну наверное с того, что ошибка 404 может появляться практически в любом браузере и на любом устройстве. Будь то компьютер, ноутбук, телефон, планшет, или какое-то другое устройство. Так же без разницы, установлена у вас Windows 10, 8, 7, или вообще XP. Это проблема не с вашим устройством и не с подключением к интернету (в большинстве случаев).

Саму ошибку «Not Found», или «Нет такой страницы» можно наблюдать при посещении самых разных сайтов. В социальных сетях, в поисковых системах, и даже на вашем любимом сайте, где вы фильмы смотрите 🙂

Так же сама ошибка может выглядеть по-разному. В данном случае все зависит от того, как она настроена на сайте. Не редко, это обычная, можно сказать стандартная ошибка, которую выдает сервер. Выглядит она примерно вот так:

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

Ошибка 404: что это и почему она появляется?

Данная ошибка означает, что вы пытаетесь перейти по адресу, которого не существует. Страница по этому адресу недоступна. Адрес страницы изменился, или она была удалена. Например, возьмем одну из страниц этого сайта. Пускай это будет https://help-wifi.com/poleznoe-i-interesnoe/chto-takoe-router-chem-wi-fi-router-otlichaetsya-ot-marshrutizatora. Если перейти по этому адресу, то загрузится необходимая нам страница. Но, если изменить адрес, например добавить в конце какую-то цифру, или букву, то мы увидим ошибку «Страница не найдена». Так как страницы с таким адресом просто не существует на сайте.

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

В социальной сети Вконтакте, например, страница с ошибкой 404 выглядит вот так (Page Not Found):

Как мы уже выяснили, эта ошибка появляется из-за проблем на самом сайте. В большинстве случаев, просто меняется адрес нужной вам страницы, или администратор сайта удаляет ее. Могут быть проблемы на стороне сервера, где находится сайт. Например, неправильная работа какой-то системы защиты и т. д. С поисковой системы вряд ли можно зайти на страницу, с ошибкой Not Found. Так как поисковые системы «выбрасывают» такие страницы из индекса. Я сам не редко сталкиваюсь с этой ошибкой при переходе на какую-то страницу из закладок, или по ссылке на сайте.

Как исправить ошибку 404 «Страница не найдена»?

Решений очень мало. Так как проблема не на вашей стороне, а на стороне сервера (сайта). И скорее всего, вряд ли вы уже сможете получить доступ к этой странице. Но несколько решений, которые могут исправить эту ошибку, все таки есть.

  • Первым делом обновите страничку в браузере. Нажмите на клавишу F5, или на соответствующую кнопку в самом браузере.
  • Проверьте адрес в адресной строке. Может вы туда случайно что-то дописали.
    Не редко ошибка 404 появляется из-за того, что автор на сайте неправильно указал адрес ссылки. У меня такое было несколько раз.
  • Скопируйте ссылку из адресной строки браузера, и попытайтесь найти ее через поисковую систему Яндекс, или Google.
    Возможно, в результатах поиска появится необходимый нам сайт и необходимая страница.
  • Вернитесь на главную страницу сайта, и попробуйте найти необходимую страницу через меню на сайте, или через поиск.
  • Попробуйте открыть данный URL (адрес) в другом браузере, или с другого устройства. Если в другом браузере все отлично откроется, вы не увидите ошибки «Страница не найдена», то очистите кэш своего браузера. Для примера: как это сделать в браузере Opera.
  • Если весь сайт недоступен (даже главная страница) и в браузере появляться ошибка Not Found (или другая с кодом 404), а с другого устройства (через другое подключение к интернету) все открывается, то скорее всего ваш IP-адрес по какой-то причине заблокирован на сервере. Можно сменить IP с помощью VPN плагина для браузера. Если очень нужно зайти на этот сайт.
  • Редко, но может быть проблема с DNS. В таком случае, можно попробовать прописать DNS от Google.
  • Если вам очень нужно получить доступ к странице с информацией, на которой появляется ошибка «Нет такой страницы» (или что-то в этом роде), то вы можете написать администрации сайта и объяснить проблему. Возможно, они подскажут вам новый адрес.

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

Подводя итоги: эта ошибка в большинстве случаев возникает из-за проблем на самом сайте. Нам нужно только смерится, и найти необходимую информацию на другом сайте. Это не большая проблема в наше время.

Улучшаем страницу 404-ой ошибки / Хабр

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




Ответ прост: все. Страница 404, на которой лишь написано «Страница не найдена», не будет полезной для посетителя; даже ссылка «Вернуться на главную» не поможет.

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

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


Самое важное сделать страницу 404-ой ошибки простой и понятной пользователю. Напишите, что страница, которую ищет посетитель, не существует. Объясните, почему именно она не существует.

Извини, друг. Страница, которую вы запросили, не находится в нашей базе данных. Скорее всего вы попали на битую ссылку или опечатались при вводе URL. – A List Apart 404-ая страница

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


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


  • Поисковая форма
  • Ссылка на главную страницу
  • Список самых популярных страниц
  • Ссылка на карту сайта
  • Кнопка сообщения о битой ссылке

Не думайте, что все знают, что такое 404-ая ошибка. Вас нужно объяснить, в чем проблема, в дружелюбной манере. Лучше сказать так: «Упс! Мы не можем найти страницу, которую вы ищете.», чем так: «404-ая ошибка. Страница не найдена».


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


404-ая страница может быть простой и даже смешной. Если ваша страница является таковой, то она бесспорно задержит посетителей на вашем сайте. Возможно даже, что они будут скидывать эту страницу своим друзьям. Именно это и произошло с 404-ой страницей GitHub:

На сайте nosh.com вообще размещено видео:


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

  • Убедитесь, что веб сервер возвращает правильный статус 404 HTTP, тогда поисковики будут игнорировать эту страницу.
  • Добавьте страницу 404 в файл robots.txt.

Просто добавьте URL любого файла в robots.txt и загрузите на сервер:

Disallow: /404.html

Чтобы использовать собственную страницу 404-ой ошибки, нужно создать файл .htaccess и добавить в него следующую строчку:

ErrorDocument 404 /error/404-error.html

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

PS Все замечания по поводу перевода, орфографии и т.п. с удовольствием приму в личку. Спасибо!

Как создать пользовательские страницы ошибок 404

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

Страница ошибки 404 по умолчанию

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

Страница ошибки 404 по умолчанию включает в себя общее техническое сообщение и практически полное отсутствие стиля:

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

Предложения по содержанию 404

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

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

Вот несколько советов, которые помогут вам максимально использовать настраиваемую страницу 404:

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

  • Добавьте индивидуальности своего бренда на страницу 404, используя юмор, связанный с отраслью, или веселое и дружелюбное сообщение «упс».

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

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

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

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

Пользовательская страница ошибки 404 для корневых URL-адресов

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

  1. После создания HTML-содержимого пользовательской страницы ошибки 404 скопируйте код в простую программу редактирования текста (например, Блокнот) и сохраните файл как «404.txt «.

  2. Получите доступ к FTP вашего сайта и перейдите в папку / vspfiles /. Для получения дополнительной информации ознакомьтесь с нашими статьями о настройке и использовании учетной записи FTP вашего магазина Volusion.

  3. Поместите файл 404.txt в папку / vspfiles / вашего магазина. Полный путь к файлу для вашей пользовательской страницы ошибки будет http://www.yourvolusionstore.com/v/vspfiles/404.txt, где yourvolusionstore — это доменное имя вашего сайта.

Вот и все! Если какой-либо посетитель получит ошибку 404 при входе или просмотре вашего сайта, он увидит настроенную вами страницу. Эта страница с ошибкой по умолчанию будет включать статическое содержимое вашего сайта (верхний колонтитул, нижний колонтитул, меню навигации).

Использование URLRewrite.asp для страниц ошибок ниже корневого

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

  1. Получите доступ к FTP вашего сайта и перейдите в папку / vspfiles /.

  2. Найдите файл URLRewrite.asp в папке / vspfiles /.

  3. Скопируйте файл на свой локальный сайт (на свой компьютер).Этот файл содержит серию веб-скриптов, которые генерируют сообщения об ошибках 404 и 500 в вашем магазине.

  4. Откройте файл с помощью средства просмотра текста, например Блокнота (не используйте Microsoft Word, поскольку он может добавить нежелательный код).

  5. Отредактируйте содержимое этого файла и сохраните его, чтобы изменить страницы ошибок 404 и 500. Сохраните отредактированный файл на локальном сайте, используя то же имя файла (URLRewrite.asp).

  6. Используйте свою программу доступа FTP, чтобы переместить URLRewrite.asp обратно в Remote SIte (ваша папка store / vspfiles /).

Обратите внимание, что эта страница контролирует только ошибки 404 и 500 для страниц в каталоге / v / вашего магазина. Страницы или ссылки, внешние по отношению к каталогу / v / , не будут затронуты изменениями, внесенными на страницу URLRewrite.asp . Страницу ошибок корневого уровня можно настроить, используя приведенные выше инструкции.

При настройке страницы ошибок URLRewrite.asp (для страниц ниже корня) вы можете захотеть включить верхний и нижний колонтитулы всего сайта, чтобы создать единообразный внешний вид вашего магазина.Вы можете добавить это статическое содержимое, чтобы создать собственное сообщение об ошибке с некоторыми простыми изменениями HTML в вашем файле URLRewrite.asp.

  1. Перейдите на свою страницу URLRewrite. asp с помощью программы доступа по FTP, например FileZilla (инструкции выше).

  2. Скопируйте файл на свой локальный сайт (на свой компьютер).

  3. Прокрутите, чтобы найти открывающий тег HTML-кода.

  4. Вставьте следующий код непосредственно под тегом:

  5. Замените ## в приведенном выше коде на имя или номер вашей активной темы.

  6. Прокрутите, чтобы найти закрывающий тег HTML-кода.

  7. Вставить следующий код прямо над тегом:

  8. Замените «##» в приведенный выше код с именем или номером вашей активной темы

  9. Сохраните отредактированный файл на локальном сайте, используя то же имя файла (URLRewrite.asp).

  10. Воспользуйтесь программой доступа к FTP, чтобы переместить файл URLRewrite. asp обратно в удаленное хранилище (папку store / vspfiles /).

Готово! Ваша настраиваемая страница ошибок для всех страниц в каталоге / v / вашего магазина теперь будет отображаться со статическим содержимым вашего сайта, создавая единообразный внешний вид для вашего магазина, даже когда покупатель сталкивается с сообщением об ошибке.

Пользовательская страница 404 Проблема

Обратите внимание, что реализация всеобъемлющего (или «подстановочного») перенаправления 301 на URL-адрес хранилища корневого уровня приведет к нарушению функциональности страницы ошибок корневого уровня.Вместо того, чтобы индексировать как страницу 404 и представлять посетителям свой собственный текст ошибки, все страницы, на которых возникнет ошибка, будут проиндексированы как перенаправления 301, а посетители будут перенаправлены на URL-адрес Target Path , который настроен для вашего перенаправления для всех.

Если вы не видите свою настраиваемую страницу ошибок корневого уровня, убедитесь, что она была загружена по адресу http://www. yourvolusionstore.com/vspfiles/404.txt (где yourvolusionstore — домен вашего магазина). Если вы уверены, что ваша пользовательская страница была настроена в соответствии с приведенными выше инструкциями, перейдите в раздел «Настройки »> «Обслуживание » в своей области администратора.

Щелкните Управление переадресацией 301 , чтобы открыть все переадресации 301 вашего магазина. Если вы видите Source Paths в вашем Redirect Manager , которые настроены как / *, значит, в вашем магазине есть «подстановочный» перенаправление, которое не позволяет отображать ваше пользовательское сообщение об ошибке и вызывает индексацию страниц с ошибками в вашем магазине. неправильно.

Обратите внимание, что на настраиваемое сообщение об ошибке URLRewrite.asp (которое представляет собой настраиваемый текст ошибки для всех страниц в каталоге / v /) не влияет переадресация 301 на корневом уровне.Если вы реализуете «подстановочный» перенаправление с исходным путем как / v / *, тогда функциональность страницы ошибки URLRewrite. asp будет нарушена.

Уменьшение количества посещений страницы 404

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

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

Примечание

Эти функции были разработаны специально для опытных пользователей со знанием HTML. Мы не рекомендуем пытаться настраивать сообщения об ошибках, если вы не являетесь опытным пользователем HTML.

Если вы не знакомы с HTML, но все же хотите реализовать собственную страницу 404, наша команда дизайнеров Studio предложит индивидуальный дизайн страницы 404, который будет соответствовать внешнему виду вашего сайта.Пожалуйста, свяжитесь с ними для получения дополнительной информации по телефону 888-750-3996.

Создание настраиваемой страницы 404 для вашего сайта GitHub Pages

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

GitHub Pages доступны в публичных репозиториях с GitHub Free и GitHub Free для организаций, а также в публичных и частных репозиториях с GitHub Pro, GitHub Team, GitHub Enterprise Cloud и GitHub Enterprise Server. Дополнительные сведения см. В разделе «Продукты GitHub.»

  1. На GitHub перейдите в репозиторий своего сайта.

  2. Перейдите к источнику публикации для вашего сайта. Дополнительные сведения о публикации источников см. В разделе «О страницах GitHub».

  3. Над списком файлов в раскрывающемся списке Добавить файл щелкните Создать новый файл .

  4. В поле имени файла введите 404.html или 404.md .

  5. Если вы назвали свой файл 404.md , добавьте в начало файла следующий текст YAML:

      ---
постоянная ссылка: /404.html
---

  6. Под заголовком YAML, если он есть, добавьте контент, который вы хотите отобразить на странице 404.

  7. Внизу страницы введите короткое содержательное сообщение о фиксации, описывающее изменение, которое вы внесли в файл. Вы можете приписать фиксацию более чем одному автору в сообщении фиксации. Для получения дополнительной информации см. «Создание фиксации с несколькими соавторами.»

  8. Если с вашей учетной записью на GitHub.com связано несколько адресов электронной почты, щелкните раскрывающееся меню адреса электронной почты и выберите адрес электронной почты, который будет использоваться в качестве адреса электронной почты автора Git. В этом раскрывающемся меню отображаются только подтвержденные адреса электронной почты. Если вы включили конфиденциальность адреса электронной почты, то @ users.noreply.github.com является адресом электронной почты автора фиксации по умолчанию. Дополнительные сведения см. В разделе «Настройка адреса электронной почты для фиксации».

  9. Под полями сообщения о фиксации решите, следует ли добавить фиксацию в текущую ветвь или в новую ветку.Если ваша текущая ветка является ветвью по умолчанию, вам следует выбрать создание новой ветки для вашего коммита, а затем создать запрос на перенос. Для получения дополнительной информации см. «Создание нового запроса на вытягивание».

  10. Щелкните Предложить новый файл.

Дополнительная литература

Custom 404 Page — Mura Docs v7.0

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

Следуя шагам, описанным ниже, вы можете настроить страницу «404» по умолчанию, как хотите.

  1. В фоновом администраторе Mura выберите Content на главной панели навигации.
  2. На вкладке Tree View найдите трехточечное меню рядом с самым верхним элементом содержимого, обычно обозначаемым Home .
  3. Щелкните трехточечное меню на странице Home и выберите Добавить содержимое .
  4. В диалоговом окне Select Content Type выберите Page .
  5. Введите желаемый Название . Например, «Страница не найдена».
  6. Нажмите кнопку Показать заголовки дополнительного содержимого .

  7. Найдите поле URL-заголовок (необязательно) и введите 404 .

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

  8. В области Content введите желаемый текст и / или изображения.
  9. Выберите вкладку Публикация .
  10. На вкладке Публикация снимите флажок Включить в навигацию по сайту и включите Исключить из поиска по сайту .
  11. Выберите вкладку Макет .
  12. На вкладке Макет выберите нужный шаблон макета и установите правила наследования с на Начать новый каскад , чтобы любые экранные объекты, назначенные для домашней страницы, не отображались на странице 404.
  13. Выберите Опубликовать , чтобы сохранить новую страницу 404.
  14. Теперь, когда кто-то посещает страницу, которой нет в Mura, ему должна быть представлена ​​ваша пользовательская страница 404.

Создание настраиваемой страницы ошибки 404 — Центр поддержки хостинга InMotion

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

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

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

  1. Войдите в свою cPanel.
  2. В разделе Файлы щелкните Диспетчер файлов .
  3. Щелкните public_html .
  4. В верхнем левом меню нажмите Новый файл .
  5. В разделе Новое имя файла: введите 404.html , затем нажмите Создать новый файл .
  6. Щелкните правой кнопкой мыши на только что созданном 404.html , затем щелкните Edit .
  7. Во всплывающем окне Text Editor просто щелкните Edit .
  8. Теперь вы хотите ввести HTML-код для своей пользовательской страницы 404, в этом примере мы используем очень простой, который вы можете скопировать, если хотите. Однако вы можете придумать что-то свое, даже скопировав стиль и изображения вашего основного сайта и разместив сообщение об ошибке в середине.

    Сожалеем, но страница, которую вы ищете, не может быть найдена.

  9. После внесения изменений нажмите Сохранить изменения , и вы увидите всплывающее окно с зеленым всплывающим окном.
  10. Теперь, если вы попытаетесь напрямую открыть /404.html в своем веб-браузере, вы должны увидеть страницу, которую мы только что создали.

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

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

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

Переверните этот хмурый взгляд

Никогда не бывает хорошо, когда ссылка ведет посетителя на страницу, которой больше не существует. Может возникнуть разочарование, замешательство и разворот, когда посетитель покинет ваш сайт после спешки. К счастью, есть кое-что, что вы можете сделать, чтобы сделать ситуацию менее неприятной и даже юмористической, если это ваш стиль.Все, что требуется, — это заменить стандартную стерильную страницу с ошибкой , не найденную по умолчанию, страницу с ошибкой (также известную как страница 404) на действительно полезную. В этом посте я объясню, как создать собственную страницу 404 в WordPress.

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

Общая страница 404 будет выглядеть примерно так:

Хотя это тупик, вы можете вместо этого превратить его в указатель, указывающий путь.Добавьте немного юмора, и стон посетителя превратится в смех.

Вот пример от Airbnb, который делает и то, и другое: посетители получают забавные изображения своих проблем и простые ссылки на то, что они, возможно, искали:

Фото: Airbnb

Некоторые конструкторы тем включают настраиваемую страницу 404, а другие нет. Чтобы получить представление о том, как ваша тема обрабатывает ошибки, введите бессмысленный URL, например http://mysite.com/nosuchpage, и посмотрите, что произойдет. Если вам это не нравится, вы можете многое сделать, чтобы это изменить.

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

Когда дело доходит до создания пользовательской страницы 404 в WordPress, у вас есть несколько вариантов:

  • Отредактируйте существующую страницу 404 вашей темы.
  • Добавьте пользовательскую страницу 404, если в вашей теме ее нет.
  • Используйте плагин 404.

Мы подробно рассмотрим каждый из них ниже.

Примечание: При редактировании темы WordPress рекомендуется работать с дочерней темой. В противном случае обновления темы могут перезаписать вашу тяжелую работу.

Редактирование страницы 404 вашей темы

Сначала проверьте, есть ли в вашей теме настраиваемая страница 404. Вы можете сделать это, открыв редактор тем ( Внешний вид> Редактор ) на панели управления администратора.

В списке файлов в правой части страницы найдите файл с именем 404.php.

Если нет 404.php, значит, ваша тема не включает собственный шаблон 404, и если он вам нужен, вам нужно будет добавить его (как описано далее в этой статье).В противном случае вы можете просто щелкнуть существующий файл и отредактировать его прямо на панели инструментов WordPress.

Основа 404.php, которая поставляется с темой Twenty Seventeen, выглядит так:

Чтобы изменить страницу, отредактируйте выделенный текст. Вы также можете добавить дополнительные абзацы под ним (над концом div page-content), включая любые изображения и полезные ссылки, которые вы хотите добавить.

Создание страницы 404 WordPress

Если в вашей теме нет ошибки 404.php, есть два простых способа создать один:

1. Скопируйте 404.php из другой темы, такой как тема WordPress Twenty Seventeen (/wp-content/themes/twentyseventeen/404.php), в каталог вашей текущей темы. Отредактируйте страницу, как описано выше.

2. Скопируйте index.php вашей темы в файл с именем 404.php в вашей текущей теме. Удалите части, относящиеся к циклу WordPress. Обычно этот раздел начинается примерно так:

и заканчивается на:

Обратите внимание, что точный синтаксис может немного отличаться, но вы ищете have_posts и endif .Затем вставьте свой собственный код в созданное пространство.

Преимущество второго метода заключается в том, что вы, вероятно, получите форматирование, используемое вашей темой на всем сайте, поэтому стили будут совпадать.

WordPress 404 плагины

Если вам неудобно редактировать PHP-код вашей темы, вы можете предпочесть работу с плагином. Плагины 404 помогут вам создать страницу с ошибкой 404 и часто, в качестве дополнительного бонуса, будут отслеживать и записывать все ошибки, не обнаруженные на странице. Вот несколько фаворитов:

404стр.
Фото: 404page

Этот аккуратный, тщательно разработанный плагин позволяет создавать страницу 404, как и любой другой пост WordPress.Затем вы переходите к Внешний вид> Страница ошибки 404 и назначаете новую страницу своей страницей 404. Он также возвращает правильный код ошибки браузеру посетителя. Этот плагин используют более 70 000 сайтов WordPress, и он имеет 5-звездочные рейтинги, так что это отличный выбор.

Пользовательский 404 Pro
Фото: Custom 404 Pro

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

404 Страница от SeedProd
Фото: SeedProd

Этот плагин поможет вам быстро и легко настроить пользовательскую страницу 404 в WordPress. Он работает с большинством тем и позволяет полностью настроить новую страницу 404. Базовая версия бесплатна. Профессиональная версия, на которую вы должны подписываться ежегодно, предлагает дополнительные функции, такие как сбор адреса электронной почты посетителя.

Подведение итогов

В каталоге плагинов WordPress довольно много дополнительных плагинов 404, но приведенные выше являются фаворитами.

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

Перенаправление

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

Советы по созданию хорошей страницы 404 в WordPress

Если сообщение 404 по умолчанию является мягким и не очень полезным, что вы должны включить вместо него? Хороший дизайн будет включать:

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

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

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

Связано: Как настроить 301 редирект в WordPress

Простой способ создать собственную страницу 404

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

У страницы 404 была одна задача: информировать посетителей о том, что страница (URL), которую они искали, «не найдена.«Эти 404 страницы непреднамеренно отправляли потенциальных клиентов на кнопку« Назад »или, что еще хуже, на большой красный крестик X.

Помните это? По меньшей мере, Cringeworthy.

В наши дни легко найти прекрасные примеры, когда веб-сайты создавали пользовательские страницы 404, чтобы превратить этот момент «о-о-о» в момент «о-о!».

Прежде чем перейти к созданию собственной страницы 404, давайте рассмотрим основы:

Что такое ошибка 404?

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

Чтобы проинформировать пользователя об этой ошибке, сервер веб-сайта обычно создает страницу 404.

В большинстве случаев 404 страницы запускаются:

  • Страницы, которые были удалены или удалены
  • Страницы, которых никогда не было — как опечатка посетителя при поиске
  • Страницы, которые были переименованы и неправильно перенаправлены (301 или 302 редирект)

Как создать собственную страницу 404:

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

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

Как проще всего создать собственную страницу 404?

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

Нужно вдохновение?

Ознакомьтесь с 16 супер умными страницами 404, которые полностью соответствуют бренду.

Если вы используете другую платформу для создания веб-сайтов, вам нужно будет выполнить поиск по запросу «имя конструктора веб-сайтов + пользовательская страница 404».

К сожалению, не все конструкторы веб-сайтов позволяют легко или даже возможно создать собственную страницу. Например, если вы используете WordPress, вам нужно будет научиться программировать, а если вы используете Wix… Пользовательские страницы 404 пока недоступны.

Попробуйте создать свою собственную страницу 404 с помощью PageCloud уже сегодня.

Что такое страница 404 и как создать ее для своего веб-сайта?

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

Ну, тогда пользователь будет перенаправлен на страницу с ошибкой 404.

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

Вы хотите, чтобы ваши пользователи испытали это? Без прав? Это связано с тем, что пользовательский опыт — это то, на чем фокусируется каждый веб-сайт, особенно после объявления Google о Core web Vitals.

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

Итак, приступим!

Что такое страница с ошибкой 404?

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

Ошибка 404 страницы также может возникнуть для опубликованной страницы, если:

  • Сервер доменных имен (DNS) не работает
  • Параметры DNS настроены неправильно
  • Исходный URL-адрес страницы изменен без правильного перенаправления.
  • Неисправные параметры запроса из внешних инструментов отслеживания.

Как максимально эффективно использовать страницу 404?

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

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

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

Кроме того, у настраиваемой страницы 404 есть еще несколько преимуществ. Давайте посмотрим.

Добавить окно поиска

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

Направлять посетителей на другие страницы

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

Итак, дайте им ссылки на другие страницы, услуги или продукты, которые могут быть им интересны. Предложите им некоторую полезную информацию, а не расстраивайте их.

Предложите скидку или купоны

Что ж, средняя конверсия сайта всего 2%! Итак, вы можете представить, каков будет сценарий для страницы с ошибкой 404. Кроме того, непросто удержать людей на веб-сайте и в конечном итоге конвертировать посетителей в продажи.

Быстрый вопрос: что вы почувствуете, когда найдете скидки или коды купонов, и это тоже на странице, которую вы попали по ошибке? Повезло, правда?

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

Используйте ошибки 404 конкурентов для построения ссылок

404 ошибки — не всегда плохой парень. Знаете ли вы, что страницы с ошибками 404 могут помочь вам получить новые обратные ссылки на ваш сайт? Что ж, учитывая, насколько распространены эти страницы, веб-сайты время от времени сталкиваются с этой проблемой.Как и сайт ваших конкурентов.

Все, что вам нужно сделать, это найти такие ссылки у ваших конкурентов. Используйте инструменты SEO и анализаторы сайта, чтобы изучить домен вашего конкурента. Анализируйте их обратные ссылки и ищите ссылки с ошибкой 404. Свяжитесь с владельцем сайта, объясните ситуацию и предложите ссылку на свой ресурс вместо неработающей ссылки. Легко, правда?

Примеры ошибки 404, страница

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

Амазонка

Привет собакам! Amazon использует свои страницы 404, чтобы дать вам некоторое представление об их корпоративной культуре вместе с милыми фотографиями щенков. Кроме того, Amazon немедленно приносит извинения за ошибку — сообщением «ИЗВИНЕНИЯ», информирующим пользователя о том, что он находится не на той странице.

Adobe

Захватывающий вид с подходящей идиомой является тонким доказательством мощи пакета Adobe для редактирования фотографий. Панель поиска и возможность вернуться на домашнюю страницу — это два стандартных действия, которые пользователь может захотеть выбрать с этого момента.

Google

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

Canva

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

UI движение

Немного маркетинга никогда никому не повредит. Что ж, UI Movement использует страницу с ошибкой для продвижения еженедельной подписки на информационный бюллетень. Это гениальный ход!

webdew

Что ж, на странице ошибки 404 webdew есть короткое сообщение с извинениями перед посетителями за ошибку. Однако на странице есть несколько способов помочь потерявшемуся посетителю, в том числе перенаправить их туда, откуда они пришли, перенаправить на домашнюю страницу, а вишенка наверху — чат-бот, готовый помочь вам мгновенно. Удивительно, правда?

Как создать собственную страницу с ошибкой 404?

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

Создание нового шаблона системной страницы 404

  • Откройте свою учетную запись HubSpot и перейдите в раздел «Маркетинг> Файлы и шаблоны»> «Инструменты дизайна».
  • В левом верхнем углу щелкните раскрывающееся меню «Файл» и выберите «Новый файл».
  • Выберите «Перетащить и оставить» в диалоговом окне.

  • Щелкните раскрывающееся меню Тип шаблона и выберите шаблон системы страниц ошибок.
  • Укажите имя файла для вашего шаблона.
  • Если вы хотите обновить расположение файла, перейдите в раздел «Расположение файла», нажмите «Изменить» и выберите папку, в которую нужно добавить новый файл.
  • Затем нажмите «Создать».

Настройте шаблон вашей системы

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

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

Посмотрите это видео, чтобы узнать, как настроить страницу ошибки 404.

Примените системные шаблоны в настройках

После того, как вы закончите настройку шаблона страницы с ошибкой 404, примените его к своему веб-сайту в настройках HubSpot.

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

Завершение

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

Итак, предоставьте своим посетителям удобные страницы ошибок, которые эффективно решают проблему. Помните, ваша главная цель — удержать посетителей и предложить им стимул остаться.

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

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

No related posts.

Автор записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *