Оформление 404 страницы: Что такое страница 404, как ее оформить, чтобы не потерять клиента

Она говорит только то, что нужно знать человеку: страница не доступна.

Как сделать

Начните с удаления всей технической информации с дефолтной страницы. Вместо сообщения, которое человек видит по умолчанию, поместите туда следующее:

• «Страница не найдена».
• «Извините, мы не можем найти ту страницу, которую вы ищите».
• «Опаньки, что-то пошло не так».
• «К сожалению, ссылка, по которой вы перешли, недействительна».

2. Email Center UK — интерактивная 404я страница

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

Почему это работает

Сервис электронных рассылок снимает всю вину с пользователя, берет на себя ответственность.

Человеку предлагается интересный метод разобраться в своем разочаровании.

Как сделать

Не обвиняйте пользователя в ошибки. Извинитесь перед ним за ваш недочет.

Если вы объясняете, что пошло не так, избегайте категоричных формулировок. Используйте слова «возможно», «вероятно». Они с меньшей вероятностью заставят человека чувствовать себя виноватым.

Бедный Люк. Действительно.

3. List25

Почему это работает

Потому что она связана с брендом и все равно пытается помочь человеку, который не нее попал. Лучший вариант повысить пользовательский опыт — рассказать, что именно пошло не так. List25 предлагает 25 вариантов, что могло произойти. Логично.

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

Как сделать

Большинство сайтов не делают такой список, как у List25, но точно постараются рассказать, в чем проблема.

Вот возможные причины:

• неверный URL;
• битая ссылка;
• сокращенная ссылка;
• контент был перемещен;
• статья была удалена.

4. Brett Terpstra — страница с простым дизайном

Почему это работает

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

Brett Terpstra дает список ссылок. Они релевантны возможным ключевым словам, по которым пользователь попал на страницу.

Может, эта страница не так эффективна, но она несет какую-никакую пользу.

Как сделать

Используйте Google’s Custom Search API, чтобы получить лучшие соответствия ключевым словам на вашем сайте, поместите их на 404ю. Так вы попытаетесь помочь пользователю решить его проблему.

Для этого потребуется доступ к Google Search Console.

5. Steve Madden — страница с товарами

Почему это работает

Кроме этого разработчики поместили на страницу популярные товары, чтобы снять негатив.

Как сделать

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

Что можно включить в дизайн страницы:

• меню навигации;
• ссылку на главную страницу;
• ссылку на карту сайта;
• строку поиска по сайту;
• ссылки на популярные записи;
• ссылки на популярные товары.

6. 9GAG — страница с призывом к действию

Почему это работает

На такой странице человеку предлагают загрузить приложение. Авторы сайта даже не притворяются, что они хотят чего-то еще.

Добавление популярной гифки с Траволтой добавит юмора такой странице!

Как сделать

Ключ в простоте. Да, мы говорили о списке из 25 пунктов, что могло пойти не так. Но не смущайте человека множеством вариантов — не перегружайте страницу.

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

7. Path — очень простой дизайн страницы

Почему это работает

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

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

Как сделать

Основная идея здесь — дать пользователю возможность сообщить о проблеме.

Сделать можно несколькими способами. Можете добавить форму для обращения в поддержку, а можете использовать форму обратной связи.

8. IMDB — релевантная и смешная страница

Почему это работает

Помните ужасный пример дефолтной страницы из начала статьи? IMDB убирает это, вставляя цитату из фильма.

В кино «Большой Лебовски» фраза звучит так: «Где мои деньги, Лебовски?». Администраторы немного изменили фразу, получилось не менее смешно.

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

Как сделать

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

IMDB — сайт о кино. И он это подтверждает своей 404 страницей.

9. Everipedia

Почему это работает

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

Как сделать

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

10. Heyzap

Почему это работает

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

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

Как сделать

Можно не разрабатывать собственную игру. Но придумать интересный вариант взаимодействия на этой странице стоит.

Так у человека появится возможность что-то делать. Это увеличит время отказа, что важно при ранжировании в поисковых системах.

11. OptinMonster

Почему это работает

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

Мы не хотим, чтобы люли думали, что потратили свое время впустую. А предоставление урока — по прежнему дает пользу посетителям.

Как сделать

Предложите что-то ценное на вашей странице.

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

Такое решение увеличило конверсию на 785%!

Бонус: exit-intent

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

Метод работает, когда пользователь покидает страницу. В этот момент он видит всплывающее окно. Так вы можете сохранить 70% посетителей.

Вот пример такого поп-апа. Он подходит человеку, поскольку помогает найти то, что ему нужно.

Как несуществующую страницу сделать инструментом маркетинга

Есть, есть коммерческий потенциал у notfound-страницы!

Когда попадаешь на несуществующую страницу интернет-магазина, чаще всего тебя встречает грустный белый экран и унылое пояснение об ошибке 404. Разочарование, раздражение и обманутые ожидания. И не только у вас, но и у владельца магазина, который только что лишился потенциального дохода. А ведь он мог сделать мир лучше, заранее подумав о том, как превратить страницу 404 в этап воронки продаж. О том, как несуществующую страницу сделать инструментом маркетинга, в своём корпоративном блоге рассказала scrum-студия Sibirix.

В чём проблема со страницей 404

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

• возврат на предыдущую страницу;

• закрытие страницы 404;

• закрытие браузера;

• попытка поискать товар/информацию в общем поиске и уход на сайт к конкурентам.

Ни один из сценариев вам не выгоден. А ведь страница с кодом ошибки «404» умеет и будет продавать, если наполнить её правильным контентом. Ловкие вебмастера и маркетологи используют потенциал несуществующей страницы на полную катушку, размещая там полезную для пользователя информацию.

Чем наполнить страницу 404, чтобы она принесла пользу

Итак, давайте посмотрим, что вы можете сказать через страницу 404:

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

3. «Как? Вы ничего не нашли? Тогда посмотрите, что у нас ищут и покупают чаще всего. Вдруг и вам понравится»

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

4. «Упс, что-то пошло не так и не туда. Может быть вам будут полезны эти разделы?»

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

5. «Если вы ничего не нашли, не хмурьтесь, ведь у нас всегда есть чем вас порадовать. Например, сейчас действуют акции и бонусы»

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

6. «Ой-ой, нехорошо, что здесь нет нужной вам информации. Попробуйте ещё раз — 99%, что у вас получится»

Страница 404 мебельной компании «Чу» предлагает найти на сайте что-то конкретное или, если пользователь не знает, чего хочет, зайти в каталог.

7. «Тише-тише… Не нужно так расстраиваться. Сыграйте в игру — это поднимет вам настроение»

На сайте компании «Северсталь» вы найдёте отличный материал для кровли, а на странице с ошибкой — игру с котиком. Вы любите котиков? Мы да!

8. «Ого, куда вы попали! Чтобы найти то, что искали, начните с начала. Вот главная — там всё, что вам нужно»

Сайт серьёзной интернет-конференции «СПИК» не прочь пошутить. Шутки шутками, а на конференцию нужно как-то попасть: спикером, гостем или партнёром. На главной быстрее найти нужный раздел для такой разной аудитории.

Больше пользы от 404

Оформление несуществующей страницы положительно влияет и на другие вещи:

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

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

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

• 404 может вернуть пользователя на сайт. Рассмешите и расположите пользователя к себе забавной картинкой, гиф-анимацией или игрой. Это утеплит его.

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

P. S. Пользователи должны попадать на 404 случайно. Доверяй, но проверяй. Сервисы Google и  Яндекс помогут найти битые ссылки. Это бесплатно.

Источник: Sibirix. ru.

Чтобы не пропустить интересную и полезную для вас статью о малом бизнесе, подпишитесь на наш  Telegram-канал,  страницу в Facebook и  канал на «Яндекс.Дзен».
biz360

Ошибка 404 – что это? Нужна ли нам прикольная страница 404 ошибки. – Сайт о заработке в интернете, способах, кейсах, личностном росте!

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

Да, сегодня мы поговорим о том, как создать страницу 404 ошибки, как её редактировать и т.п.

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

Может быть ты в комментариях покажешь свою страницу с ошибкой 404 ?

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

Содержание статьи про ошибку 404:

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

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

Например, если зайти на страницу in4wp.ru/avgdeika.html или на страницу in4wp.ru/error.html – тебя перекинет на одну и туже страницу.

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

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

Вот, например, как выглядит 404 страница в CMS Joomla

Конечно, так думает большинство людей, которые далеки от сайтостроения. В WordPress вроде бы не все так плачевно.

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

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

Миф ошибки 404

Облазив интернет, в т.ч. зарубежные сайты, я встретил достаточно интересный миф о том, откуда собственно появилась ошибка 404. В мифе этом утверждалось что основная база данных научного центра CERN (European Organization for Nuclear Research), находилась как раз на 4ом этаже, в комнате 404.

К слову, этот центр принимал активное участие в развитии интернета. Так вот, когда они уже не могли справляться с объемом поступающих к ним данных – разработчики центра якобы начали выдавать ошибку вида “Room 404: file not found” .

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

Как вам такой миф? Может быть кто-то еще что-то слышал интересненького на эту тему? Напишите об этом, мне тоже интересно.

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

Как сделать страницу 404 на блоге?

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

Создаешь файлик 404.php у себя на компьютере, потом через фтп загружаешь в папку http://твой_сайт/wp-content/themes/твой_шаблон/ .

[warning]Внимание!
Без этого файла в шаблоне вордпресса не будет никакой страницы 404. При не правильном адресе будет происходить переадресация на главную.[/warning]

Можно скопировать в него содержимое файла page.php или single.php.

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

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

Возможно, тебе поможет следующий, самый элементарный код:

Все, что тебе нужно – это просто скопировать этот код и вставить в своё файлик 404.php вот так:

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

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

[sociallocker]>> Скачать архив с 404 страницей << [/sociallocker]

Как улучшить оформление страницы 404 ошибки ? Пару советов о улучшению.

В стандартных шаблонах из паблика есть такой файлик как 404. php – вот он то нам и нужен.

В принципе можно даже не использовать вспомогательные текстовые редакторы, я кстати пользуюсь Notepad++ . Вместо этих редакторов можно использовать внутренний редактор wordpress.

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

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

Сделай её лучше и понятней.

Совет 1: Придерживайся дизайна. Средствами WordPress это сделать не сложно. Важно, чтобы дизайн 404 страницы не отличался от остального дизайна твоего блога.

Совет 2: Максимальная польза. Даже если пользователь попал на несуществующую страницу – тебе нужно сделать все чтобы ему было интересно листать дальше блог и чтобы было удобно сделать переход в нужный раздел. Также можно разместить классное предложение о подписке.

Совет 3: Дружелюбность и понятность. Без комментариев. Не стоит думать, что все знают, что такое 404 ошибка. Тебе нужно объяснить, в чем проблема. Вариантов много, например: «Упс! Эта страница где-то потерялась, попробуйте зайти на другую страницу».

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

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

Чтобы посмотреть её полностью – просто попробуй зайти на несуществующую страничку.

Работаем с 404 страницей с помощью плагинов.

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

– Smart 404. Этот плагин автоматически заменяет страницу 404 на список страниц, наиболее подходящих по запросу. Здесь автоматически используется функция «поиск по блогу».

— 404 Notifier. — плагин уведомляет об ошибках 404, когда они возникают.

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

Красивые 404 страницы

Кто-то коллекционирует пачки из-под сигарет, кто-то коллекционирует вирусы (сам таким был).

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

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

Вот этот сервис и вот еще один – Наслаждайся.

Из парочку понравившихся мне на этом сайте 404 страниц:

http://theworstdrug.com/chris

http://www.bluefountainmedia.com/404/ – вот это вообще отпад!

http://www.lookitsme.co.uk/404_me

http://kinnet.ru/404.html

Такого я еще не видел. А ты?

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

[note]UPD (2017 Год) – К сожалению, многие сайты прекратили своё существование, поэтому здесь остаётся только Близзард.[/note]

Blizzard Intertaiment

Пользуясь случаем, хочу объявить о том, что у меня есть БЕСПЛАТНЫЙ курс по созданию блога с нуля – ПОЛУЧИТЬ КУРС. Помогаю новичкам в развитии.

Кстати про обновления – скоро я проведу очень интересный конкурс с очень интересными призами. А сейчас хочу попросить прощения за то что есть задержки с постами – у сына старшего – турниры танцевальные + эта предновогодняя суматоха… В общем головокружительные деньки. 🙂 Скоро я подведу итоги моих успехов в блоговодстве. Думаю, будет интересно. [urlspan]Не пропусти[/urlspan].

Всегда ваш, Денис Тумилович.

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

..или страница которой нет!

Прежде чем создавать страницу ошибки 404 давайте сначала разберёмся что это вообще за ошибка такая..

Ошибка 404 или Not Found — не найдено.. это стандартный код ответа HTTP о том, что страницы, к которой обращается пользователь, нет на сервере.. попросту она не существует.

Возникать данная ошибка может в ряде случаев:

• Ссылка, по которой пришёл пользователь, неверна.

• Пользователь неправильно указал путь в адресной строке к одной из страниц Вашего сайта.

• Ранее существовавшая страница Вами уже удалена или переименована, однако всё ещё существует в индексе поисковых систем или закладках пользователей.

Что увидит пользователь в результате этой ошибки?

В лучшем случае страницу с рекламой Вашего хостера и кратким объяснением что мол Вы «не туда попали».. в худшем это будет просто надпись: 404 Not Found — The requested URL /page.html was not found on this server — собственно «Запрашиваемый URL отсутствует на этом сервере».

Теперь представьте, что сделает пользователь когда увидит эту картину? Правильно!! закроет эту страницу и пойдёт искать интересующую его информацию в другом месте!! — в результате чего Вы потеряете целевого посетителя!

В этом уроке мы займёмся тем что создадим свою собственную пользовательскую страницу ошибки 404 — Которая в отличии от стандартных страниц ошибки будет иметь ряд несомненных преимуществ:

• Данная страница будет содержать элементы дизайна Вашего сайта — тем самым даст понять посетителю что, несмотря на то что он попал не совсем туда куда хотел он всё таки попал именно на Ваш сайт!

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

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

Как видите сплошные плюсы..

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

Ну например создадим файл с именем 404.html

<li>Ссылка, по которой Вы пришли, неверна.

На самом деле это просто страничка «скелет» конечно же Вам следует создать свою собственную, полноценную страницу ошибки 404.

Создали? а вот теперь поговорим о нюансах..

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

Что это за файл такой спросите Вы?

Файл .htaccess (я не опечатался, пишется с точкой в начале имени и не использует никакого расширения) – дает возможность конфигурировать работу сервера в отдельных его директориях..

На данный файл может быть возложен ряд специфических задач.. например: устанавливать права доступа к файлам в папке, менять названия индексных файлов, глобально перенаправлять посетителей на другой сайт, запретить доступ к сайту с определённого ip адреса… и еще много всяких иногда очень полезных вещей может делать этот чудо файл.. в том числе может самостоятельно обрабатывать ошибки сервера — что нам собственно и нужно!

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

Итак, создаём файл под названием .htaccess который содержит в себе одну единственную строчку (если таковой файл уже имеется с какими ни будь другими инструкциями серверу, то просто дописываем в него эту строчку):

ErrorDocument 404 http://www.site.ru/404.html

И заливаем его на сервер в корневую папку сайта.

Ну только естественно сначала поменяйте в файле .htaccess ссылку http://www.site.ru/404.html на адрес Вашей собственной страницы которая должна будет открываться при возникновении ошибки 404.

Вот собственно и всё! теперь если Вы всё сделали правильно, при возникновении ошибки 404 будет загружаться Ваша «ошибочная» страница.

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

P.S.Таким же способом с помощью файла . htaccess Вы можете обрабатывать и другие ошибки сервера:

• 401 ошибка(ErrorDocument 401 http://www.site.ru/page.html)- Требуется авторизация.
• 403 ошибка(ErrorDocument 403 http://www.site.ru/page.html)- Пользователь не прошел аутентификацию, доступ запрещен.
• 500 ошибка(ErrorDocument 500 http://www.site.ru/page.html)- Внутренняя ошибка сервера.

Если что-то непонятно или Вы в чем-то сомневаетесь, то за дополнительными разъяснениями обращайтесь на форум.

404page — ваша умная страница ошибок 404 — плагин для WordPress

С более чем 100 000 активных установок плагин 404page является наиболее часто используемым плагином для создания настраиваемой страницы с ошибкой 404 в WordPress.

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

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

Использование

Создайте собственную страницу ошибки 404, как и любую другую страницу, с помощью редактора страниц WordPress. Затем перейдите в «Внешний вид» -> «Страница ошибки 404» и выберите созданную страницу в качестве настраиваемой страницы ошибки 404. Это оно!

Зачем использовать этот плагин?

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

В отличие от других подобных плагинов, плагин 404page не создает дополнительных запросов к серверу .

Требования

Единственное требование для этого плагина — изменить структуру постоянных ссылок в «Настройки» -> «Постоянные ссылки» на любую другую, кроме «Обычная». Это также активирует обработку ошибок WordPress 404.

Документация и поддержка

Руководство по плагину

Форум поддержки

Видео

Краткое введение в бесплатный плагин WordPress 404page

Краткий обзор расширенных настроек

Объяснение «Принудительная ошибка 404 после загрузки страницы»

Объяснение «Отключить автозамену URL»

Объяснение «Отправить код состояния HTTP 410 для удаленных объектов»

«Режим совместимости» объяснил

Совместимость

Плагин 404page был успешно протестирован автором со следующими темами

Плагин 404page был успешно протестирован автором со следующими стартовыми темами

Плагин 404page был успешно протестирован автором со следующими плагинами

Для разработчиков

Экшн-крючок

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

Константа

Если плагин 404page установлен и активирован, он определяет PHP-константу PP_404. Проверьте его наличие, чтобы обнаружить плагин 404page.

Функции

Плагин предоставляет следующие функции:

• pp_404_is_active (), чтобы проверить, выбрана ли пользовательская страница 404 и существует ли выбранная страница
• pp_404_get_page_id (), чтобы получить идентификатор страницы 404
• pp_404_get_all_page_ids () для получения массива идентификаторов страниц на всех языках

Подробнее

Стандартный режим

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

Вам нравится этот плагин?

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

• Этот плагин не устанавливает куки
• Этот плагин не собирает и не хранит данные
• Этот плагин не отправляет данные на внешние серверы

Страница информации о конфиденциальности плагинов Peters

ClassicPress

Этот плагин совместим с ClassicPress.

Еще плагины от Питера

Будьте в курсе

Следуй за мной на Facebook
YouTube Channel

Будет ли он работать с темой, которую я использую?

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

Перенаправляются ли ошибки 404?

Нет, перенаправления нет! Выбранная страница отображается как «настоящая» страница с ошибкой 404. В результате получается код HTTP 404, а не 301 или 302, что важно для поисковых систем, чтобы сообщить им, что страница не существует и должна быть удалена из индекса.

Можно ли добавить собственный CSS на страницу 404?

Плагин 404page добавляет класс CSS error404 к тегу , который можно использовать для дополнительного стиля.

Где я могу получить помощь?

Воспользуйтесь форумом поддержки.

«404page — ваша умная настраиваемая страница ошибок 404» — это программное обеспечение с открытым исходным кодом. Следующие люди внесли свой вклад в этот плагин.

11. 2.6 (2020-08-23)

• Plugin Foundation обновлен до PPF06

11.2.5 (2020-08-22)

11.2.4 (2020-08-16)

• исправление ошибки для Flamingo (см. Тему) плюс потенциально другие плагины (спасибо garfiedo за поддержку в поиске причины)

11.2.3 (2020-07-05)

11.2.2 (2020-03-28)

• изменения в уведомлении для надежды на лучшую совместимость
• Plugin Foundation заменено на PPF04

11.2.1 (2020-01-04)

• , если W3 Total Cache установлен и кэширование активно, URL-адреса, которые приводят к ошибке 404, автоматически исключаются из кеширования

11.2.0 (2020-01-01)

• , если WP Super Cache установлен и кэширование активно, URL-адреса, которые приводят к ошибке 404, автоматически исключаются из кеширования

11.1.4 (2019-12-29)

11.1.3 (29.12.2019)

• Plugin Foundation обновлен до PPF03, без функциональных изменений

11. 1.2 (2019-11-19)

• исключить страницу 404 из карты сайта XML, созданной Jetpack

11.1.1 (2019-11-16)

• С этого момента он определяется не только, если Yoast SEO Plugin активен, но и если активирована функция карты сайта.

11.1.0 (10.11.2019)

• теперь использует Plugin Foundation PPF02 для совместимости с плагинами
• представляет две новые функции для разработчиков pp_404_get_page_id () и pp_404_get_all_page_ids ()

11.0,5 (2019-10-22)

• исправление для Yoast SEO XML Sitemap (см. Тему)
• добавил примечание на страницу настроек, если Yoast SEO активен

11.0.4 (2019-10-06)

11.0.3 (2019-09-01)

• исправление ошибки для вызова REST API (см. Здесь)

11.0.2 (30.08.2019)

11.0.1 (13.08.2019)

Исправление
• для PHP 7.1 — уровень доступа __construct () в подклассе — это ошибка PHP, которая была исправлена ​​в PHP 7. 2, но я изменил свой код, чтобы он также работал с PHP 7.1

11.0.0 (13.08.2019)

• в основном переписан на основе моего недавно созданного Plugin Foundation

10,5 (01.04.2019)

• Еще несколько улучшений безопасности

10,4 (31.03.2019)

• Исправлена ​​уязвимость безопасности в вызове AJAX (спасибо Хулио Потье за ​​указание на это)

10,3 (21.02.2019)

• Исправление для совместимости с iThemes Sync (билет)

10.2 (2019-02-19)

• просто еще одно небольшое изменение для предотвращения потенциальных проблем с версией 10

10,1 (14.02.2019)

10 (2019-02-14)

• обходной путь для ошибки постоянной ссылки WordPress # 46000
• улучшение кода
• настройка производительности

9 (2019-01-24)

8 (2019-01-11)

• Исправлена ​​проблема совместимости с последней версией WPML
• улучшение кода
• Улучшения пользовательского интерфейса

7 (16. 07.2018)

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

6 (18.06.2018)

• исключить страницу 404 из карты сайта XML, созданной Yoast SEO
• Дальнейшие улучшения пользовательского интерфейса

5 (2018-03-05)

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

4 (2018-03-05)

3.3 (2017-11-16)

• Добавлена ​​поддержка языков с письмом справа налево
• неверное отображение в WP 4.9 исправлено

3,2 (2017-10-05)

• новая функция для отправки ошибки HTTP 410 для удаленных объектов

3,1 (24.07.2017)

• исправление для Polylang (см. Тему)
• исправление для CLI (см. Тему)
• добавить класс отладки в тег тела
• также добавить классы тела для темы Customizr
• не добавлять класс error404, если он уже существует
• дальнейший редизайн интерфейса администратора

3. 0 (2017-07-05)

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

2,5 (19.05.2017)

• скрыть страницу 404 из результатов поиска во внешнем интерфейсе (если WPML активен, все языки скрыты)
• не запускает 404 в режиме совместимости, если плагин DW Question & Answer от DesignWall активен и на вопрос нет ответов

2.4 (2017-03-08)

• убедитесь, что все файлы ядра загружены правильно (см. Тему)
Плагин
• Polylang больше не требует режима совместимости (см. Тему)
• скрыть все переводы, если установлен WPML и активна функция «Скрыть страницу 404» (спасибо ребятам из WPML за то, что указали мне на это)
• исправление статуса сообщения (см. Тему)
• Исправление проблемы с темой Enfold (спасибо ребятам из Kriesi. at за поддержку)

2,3 (21.11.2016)

• несколько мелких исправлений решают некоторые проблемы с шаблонами страниц в определенных комбинациях

2.2 (2016-09-26)

• автоматический переход в режим совместимости для нескольких удаленных плагинов
• расширенная поддержка WPML и Polylang
• удалить страницу 404 из результатов поиска (для всех языков, если используется WPML или Polylang)
• удалить страницу 404 из карты сайта или других списков страниц (для всех языков, если используется WPML или Polylang)
• исправление для авторских архивов
• сбивающее с толку сообщение администратора удалено

2,1 (22.04.2016)

• введение выбираемых методов работы
• несколько изменений в режиме совместимости для улучшения совместимости с WPML и bbPress, а также совместимости с Page Builder от SiteOrigin
• Совместимость с Polylang
• автоматический переход в режим совместимости при обнаружении WPML, bbPress, Polylang или Page Builder от SiteOrigin
• полностью новый режим совместимости с Customizr (автоматически включается при обнаружении Customizr)
• , запускающий ошибку 404 в случае прямого доступа к странице ошибки 404, теперь может быть деактивирован
Поддержка
• WP Super Cache
• вариант, чтобы скрыть страницу ошибки 404 из списка страниц
• 404 ошибка теста
Плагин
• расширяется действием
• удалить все настройки при удалении

2. 0 (2016-03-08)

• Совместимость с WPML
• bbPress совместимость
• Совместимость с Customizr
• , прямой доступ к странице ошибки 404 теперь вызывает ошибку 404
• класс error404 добавлен к классам, которые назначены для основного HTML-элемента
• : меню настроек было перемещено из «Настройки» в «Внешний вид».
Удалено
• файлов перевода с использованием исключительно GlotPress
• Подробнее

1.4 (07.08.2015)

• редактировать страницу 404 прямо со страницы настроек
• португальский перевод

1,3 (12 января 2015 г.)

• техническое усовершенствование (переписано как класс)
• косметика

1,2 (28 июля 2014 г.)

• Испанский перевод
• Сербско-хорватский перевод

1.1 (03.06.2014)

• Добавлена ​​многоязычная поддержка
• Немецкий перевод

1. 0 (30.09.2013)

Как создать отличную страницу с ошибкой 404 и 10 примеров

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

Городская легенда гласит, что первый интернет-сервер располагался в комнате 404 здания ЦЕРН. Следовательно, этот сервер также выдал первую ошибку «Не найдено», которая, как гласит легенда, впоследствии была названа ошибкой 404.

Проблема в том, что, по всей видимости, комнаты 404 в ЦЕРНе никогда не существовало.Я никогда там не был, поэтому не знаю. Но есть гораздо более логичное объяснение того, почему сообщение «Не найдено» является ошибкой 404. Код состояния HTTP знает пять различных классов, и в каждом классе имеется до 100 возможных сообщений о состоянии. Класс 4xx сообщает об ошибках клиента, а еще две цифры указывают тип ошибки. В классе 4xx определены 18 различных случаев, и ошибка 404 представляет собой случай, когда запрос (например, запрошенный файл) был «не найден».

Зачем мне делать страницу 404

Скорее всего, посетители вашего сайта увидят вашу страницу 404. Надеюсь, их немного, но, конечно, несколько. Теперь, если это обычная белая страница с большими черными буквами, говорящими им: «Страница 404 не найдена», насколько вы думаете, насколько они будут счастливы?

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

1.Соответствующий дизайн

Это и ежу понятно.Страница 404 должна хорошо гармонировать с внешним видом остального сайта.

2. Соответствующее сообщение об ошибке

Это тоже логично.Любой, столкнувшийся с ошибкой, должен сразу это заметить. Избавьтесь от деталей, но дайте серферу немного …

3.Опции

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

10 отличных примеров

Чем он хорош?

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

2.Осадки Даффинсон

Чем он хорош?

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

Чем он хорош?

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

4.Системы управления видео [Неработающий URL-адрес удален]

Чем он хорош?

Тематика главной страницы — решения для цифрового видеонаблюдения.Заголовок страницы 404 — 198404, а цитата, как вы уже догадались, взята из романа Джорджа Оруэлла «1984». Очень ироничная страница 404 для компаний такого типа.

5.Насадка для вдохновения

Чем он хорош?

Он очень хорошо сочетается с общим дизайном сайта и предоставляет выбор альтернативных ссылок и фрагментов.

Чем он хорош?

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

7.Желудь творческий

Чем он хорош?

Это просто весело.

8.GOG.com

Чем он хорош?

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

9.Из разума Джейми Хаскиссона

Чем он хорош?

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

10.BlueDaniel (битая ссылка удалена)

Чем он хорош?

Это очень просто, не предоставляет много ресурсов, кроме обратной ссылки на основной сайт (Выход).Но, увидев этот снимок экрана, вы уже не думаете, что он гениален? И это даже лучше, потому что это интерактивно. Поезд идет, останавливается и уходит от станции. Стоит изучить остальную часть сайта, потому что она так же хороша.

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

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

Изображение предоставлено Виллем Велтховен

For Loops — важный навык программирования.Узнайте, как использовать их в Python здесь.

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

Подпишитесь на нашу рассылку новостей

Подпишитесь на нашу рассылку, чтобы получать технические советы, обзоры, бесплатные электронные книги и эксклюзивные предложения!

Еще один шаг…!

Подтвердите свой адрес электронной почты в только что отправленном вам электронном письме.

35 Интересные страницы ошибок 404

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

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

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

Обновление (1/14): Если они вам нравятся, ознакомьтесь с нашим новым списком интересных страниц с ошибками 404, предложенным читателями Mashable.

1. 501-й легион — это организация по костюмам Звездных войн .Имеет смысл только то, что его страница 404 сыграет на знаменитом трюке джедая Обивана с разумом «слабоумного» штурмовика.

2. Да, Хьюстон, 404 определенно проблема.

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

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

5. Зайдите на страницу 404 Blippy и ждите приключений. Продолжайте нажимать на мальчика, одетого в костюм единорога, чтобы открыть тройную радугу! Кто знал, что страница 404 может быть такой забавной?

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

7. Многие страницы с ошибками 404 приносят извинения за ошибку.Не этот. Очевидно, это твоя вина.

8. Эта страница с ошибкой 404 — красивое изображение «Дорожки 404», вымышленной линии метро Нью-Йорка. Проверьте это, чтобы испытать полную анимацию.

9. «Вы можете щелкнуть где угодно, но не можете щелкнуть здесь». Любить это.

11. Большинство из нас хотели бы столкнуться со страницей с ошибкой 404 так же сильно, как и с Grim Reaper.

12. Когда вы встречаетесь с «акулами с лазерными лучами, прикрепленными к их чертовым головам», чего вы ожидаете? Однозначно ошибка 404.

13. Ну, этого не может быть хорошо.

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

15. Сарказм в ужасных ситуациях всегда ценится, верно?

16. Постарайтесь не делать ошибок в GOG, иначе вы потеряетесь в космосе.

17. Оскорбление читателей обычно не помогает, но этот 404 заставил меня усмехнуться.

18. Hoppermagic решила придерживаться имиджа своего бренда при создании страницы 404.

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

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

21. Jackfig добавил творческий подход к странице с ошибкой 404, добавив вдохновляющее хайку.

22. Jolie Poupée, создательница экологически чистой детской одежды, обслуживает на своем сайте подходящую аудиторию.

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

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

25. Изображения всегда делают 404 более интересным.

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

27. Развлекайтесь с цветами, формами и восклицаниями.

28. Sick Designer фиксирует депрессию, которую может вызвать ошибка 404, на своей странице ошибки.

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

30. Эта страница просто всплывает. Нам это нравится.

31. Почему бы просто не рассказать историю, если это действительно интересно? The North Face делает именно это, создавая сказку о горных козлах, поедающих звенья.

32. Возможно, вас недавно разоблачили, сожгли, загнали в панк или рикролл, но было ли у вас 404? Нажмите здесь, чтобы присоединиться к вечеринке.

33. Волнение! Приключение! Ааааа, где я ?!

35. Если после нескольких часов поиска вы все равно не можете найти искомую страницу, возможно, она у Чака Норриса.

Другие ресурсы по веб-дизайну от Mashable:

---

-12 руководств для начинающих по началу работы с Photoshop — Используйте шрифты Adobe в собственном веб-дизайне — 10 основных бесплатных электронных книг для веб-дизайнеров — 12 руководств для начинающих по началу работы с Adobe Illustrator — 6 новых приложений Mac для дизайнеров и разработчиков

404 страницы — ExpressionEngine 6.0.0 Документация

Примечание: Параметр является предпочтением для всего сайта.

По умолчанию ExpressionEngine направит вашего посетителя на домашнюю страницу при обнаружении ошибки 404.

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

Настройки -> Настройки шаблона

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

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

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

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

Второе условие, которое вызывает статус 404, — это дополнительные сегменты. Для этого потребуется добавить код в ваш шаблон.Помните, что ExpressionEngine смотрит только на первый сегмент, чтобы вызвать состояние 404, чтобы расширить эту проверку ошибок за пределы первого сегмента, нам нужно использовать условную и глобальную переменную {redirect =}.

  {если сегмент_3! = ''}
  {redirect = "404"}
{/ if}  

Если в приведенном выше коде третий сегмент не пуст, ExpressionEngine покажет шаблон 404, который мы определили.

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

example.com/blog

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

example.com/blog/cats-in-dresses-dancing- to-Christmas-music

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

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

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

  {if no_results}
  {redirect = "404"}
{/ if}  

Итак, завершенный блочный код будет выглядеть так.

  {exp: channel: entries channel = "blog" limit = "1" require_entry = "yes" url_title = "{segment_3}"}
  {если no_results}
    {redirect = "404"}
  {/если}

  Наполните здесь.
{/ exp: channel: entries}  

Creative 404 страницы ошибок с реальных сайтов

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

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

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

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

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

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

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

Скажи нет значениям по умолчанию

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

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

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

Страница ошибки 404 с естественным потоком UX

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

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

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

Страница 404 на самом деле является извинением за то, что раздражает посетителей — сделайте это круто и просто!

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

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

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

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

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

Также прочтите: 10 распространенных ошибок веб-разработки, которые вы делаете, и как их избежать

Ниже приведены некоторые интересные страницы с ошибками 404 в Интернете:

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

№1. Snuggle Bugz

Проверьте стили, используемые для кнопок и значков на этой странице. Не кажется ли вам, что это производит впечатление части структуры макета. Та же структура дизайна помогает связать эту структуру страницы 404 с макетом веб-сайта, создавая ощущение неизбежной части веб-сайта Snuggle Bugz.

№2. Акодез

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

№ 3. Вилка CMS

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

№4. Гумроад

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

№ 5. Ramotion

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

№ 6. Злые птицы

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

№ 7. Ларкеф

Как мы уже говорили, люди любят юмор, и вот прекрасная иллюстрация того, насколько эффективно вы можете использовать юмор, чтобы извиниться за неудобства, которые испытывают посетители. Посмотрите, как остроумно они использовали полноэкранный фоновый видеоклип от The IT Crowd.Единственное ограничение — это отсутствие ссылок, поскольку нет способа помочь людям вернуться на главную страницу, если они вручную не отредактируют адресную строку.

№ 8. GitHub

Посмотрите на огромную строку поиска на странице 404 GitHub. Разве это не что-то сложное и впечатляющее? Люди охотно хватают его и ищут все, что захотят.

№ 9. Weby do

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

Также читайте: Почему типографика так важна в веб-дизайне?

№ 10. Грозовая тропа

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

№11. Низ живота

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

№ 12. Forbes

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

№ 13. Приложение Marvel

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

№ 15. Engadget

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

№ 16. Tripomatic

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

№ 17. Аэролаб

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

№ 18. MailChimp

Посмотрите на заголовок MailChimp, который выгравирован в верхней части страницы, если кто-то говорит, что не может найти дорогу домой, либо лжет, либо у него проблемы со зрением.Кроме того, большое поле поиска — еще одно дополнительное преимущество.

№ 19. Код школы

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

№20. TinyCarrier

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

№ 21. Электронный центр UK

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

№ 22. ArtStation

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

Заключение

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

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

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

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

Ищем хорошую команду
для вашего следующего проекта?

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

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

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

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

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

Мы смотрели повсюду

Mint — это личное финансирование, поэтому они работали над дизайном, который описывал бы, чем занимается их компания, без ущерба для творчества.

Venn модели 404

Magnt, ориентированный на извлечение корней Venn. Диаграмма Венна, вы все еще помните это?

404, чувак?

Вы что, пытаетесь взломать наш сайт? Вопрос и чувак, кусающий хлеб — это действительно здорово.

The Angry Dog

Это один из самых креативных дизайнов на этой странице. Если вы талантливый дизайнер, вам это по силам.

Ошибка 404

Каждый раз, когда вы видите Гомера Симпсона, будьте готовы, потому что впереди что-то интересное.

Four Oh Four

Страница ошибки на 9gag проста, но вдохновляет; Они разместили «404» по-другому.

Сломан лайк

Сломан знаменитый большой палец для лайков на Facebook. Нравится эта страница…

Похоже, вы заблудились

Хорошо! Похоже, вы заблудились! Это, безусловно, еще одна классная страница от дизайнеров Carbonmade.

Ой

Страница ошибки 404 на DeviantArt очень проста. Несколько ссылок, которые помогут вам вернуться, и небольшое изображение на тысячу слов.

Хьюстон У нас проблема

Команда дизайнеров blueleaf привнесла принцип растеризованного шрифта. Хотя фоновое изображение более привлекательно…

Ни орла, ни решки

Орел или решка? Ни одна из сторон медали не упала. Эта страница с ошибкой 404 невозможна.

Ой-ой! (Ошибка 404)

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

Ой! Здесь нет подарков и пожеланий

Присоединяйтесь к упаковке и приклейте отметку 404 в следующий подарок…

О нет!

Вот еще одна классная страница с ошибкой 404…

Ой!

Ой! Я призываю вас обуздать свой гнев. Теперь посмотрите, что вы сделали со своим экраном.

Это не страница!

Это не страница.Вы замечаете там 404?

Пожалуйста, перейдите на основной уровень

Итак, вы заблудились … сядьте на следующий поезд 404, чтобы вернуться на следующий уровень

Ошибка 404

Пожалуйста, не волнуйтесь все будет в порядке, J

404: нет, здесь ничего нет

Вы не смогли найти страницу в огромной вселенной… Они сожалеют об этом.

Грац.Вы сломали его

И снова вы не справились со своим гневом. Это просто очередной битый экран.

Диалог

Теперь, когда вы наткнулись на страницу 404, чтение этого диалога сделает ее терпимой.

UH-OH.

Мы поймали собаку с не очень спущенными штанами. Давай найдем ему что-нибудь надеть.

404 Извините

Еще одна простая страница 404 для вашего вдохновения.

Неправильный вид экстренной новости

Ninemsn нашел неправильный способ экстренной новости на идеальной странице для сверки.

Ой! 404 Файл не найден

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

Вселенная, которую вы ищете, не существует

У Хьюстона всегда есть проблема … Вселенная, которую вы ищете, не существует.Страница играет в пространстве.

Привет Уильям

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

Вы видели эту собаку

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

Страница не найдена. Взрыв!

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

404! Извините

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

Страница не найдена. Неработающая ссылка

Изображение стоит миллиона слов.

Извините

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

Тим Саймон

Тим и Саймон ненавидят играть в обвинения, которые они скорее испортили в своей студии.

Эта страница была потеряна в море

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

404 Не найдено

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

Ура

Ура! Наконец, мы поймали кого-то со спущенными штанами.

Monster Lab

Кажется, мы просто не нашли нашу страничку, монстр в ярости, бегите.

Страница не найдена. Вернуться

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

Ой! Страница не найдена

На Truf! Ошибки — это порталы открытий.

Ошибка 404

На WallMob вы не должны беспокоить эти два разъяренных тела.

Тук Тук

Тук Тук… вопрос, кто там, не входил в план.

iPole Cat

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

Извините Mixpanel

Mixpanel перестраховывается с привлекательным словом «извините», используя шикарный дизайн шрифта.

Huwshimi

Японский сайт восстанавливает категориальную культуру; ниндзя, кажется, украл страницу.

Вы потерялись в космосе

Похоже, кто-то потерялся в космосе … развевать флаг 404 просто здорово.

404’d Файл не найден

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