Страница не найдена 404: Поддомены | REG.RU

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

Что означает ошибка 404?

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

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

Что такое ошибка 404 и почему не открываются страницы?

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

Другие способы отображения 404

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

Как ошибка 404 может повредить вашему маркетингу?

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

Помимо неудовлетворительного взаимодействия с пользователем, чрезмерное количество ошибок 404 может нанести ущерб поисковой оптимизации вашего сайта, в результате чего вы будете реже появляться в результатах поиска. Как? Google отмечает высокий показатель отказов — показатель того, что люди приходят на ваш сайт, но быстро уходят. Люди покинут ваш сайт, если он плохо спроектирован и если на нем будет больше 404 ошибок.Посетите наш блог, чтобы узнать о других терминах маркетинга промышленных веб-сайтов, которые вам следует знать, например, «A / B-тестирование» и «уровень вовлеченности».

Как исправить ошибку 404

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

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

И вот несколько онлайн-инструментов, которые помогут вам в процессе исправления ошибки 404:

• Google Search Console: Самый простой способ найти ошибку 404 — через Google Search Console.Если вы уже подтвердили свой сайт, значит, Google уже сканирует его. Вам просто нужно войти в свою учетную запись, щелкнуть раскрывающееся меню «Сканирование» и нажать «Ошибки сканирования».
• Screaming Frog SEO Spider: SEO Spider от Screaming Frog немного более интуитивно понятен и удобен для пользователя, чем Google Search Console. Однако для некоторых из наиболее надежных функций требовалась платная подписка.
• Проверка неработающих ссылок From ahrefs: Если у вас есть сайт корпоративного уровня или вы управляете несколькими веб-сайтами, то инструменты ahrefs могут вам подойти.Их программа проверки неработающих ссылок невероятно проста в использовании. Вы можете начать с 7-дневной пробной версии за 7 долларов, но подписка начинается с 99 долларов в месяц.

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

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

По-прежнему нужна помощь с ошибками 404?

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

Если вам нужна помощь, свяжитесь с командой Thomas. Мы помогли более чем 5000 промышленным компаниям создать и оптимизировать свои веб-сайты для привлечения потенциальных клиентов B2B, и мы здесь, чтобы помочь вам. Спросите нас о нашей бесплатной цифровой проверке работоспособности, чтобы узнать, как можно улучшить ваш веб-сайт и сравнить его с конкурентами.

Дополнительные ресурсы веб-сайта:

37 примеров, которые вам нужно увидеть

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

Но это показывает, что вы заботитесь о своих клиентах.

Хорошая страница 404 может стать отличным способом продемонстрировать индивидуальность вашего бренда.

Но стоит ли вкладываться в причудливую страницу 404?

Может быть.

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

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

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

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

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

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

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

Реклама

Продолжить чтение ниже

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

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

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

Почему посетитель может попасть на страницу 404?

Почему пользователь может получить ошибку 404?

Есть несколько причин, в том числе:

• Сервер не работает.
• Страница перемещена, но не была перенаправлена.
• Страницы никогда не существовало.
• Пользователь ввел неверный URL.
• URL-адрес не работает.

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

Зачем делать выделяющуюся страницу 404?

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

Реклама

Продолжить чтение ниже

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

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

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

Вот 37 лучших примеров из 404 страниц, сделанных хорошо.

1. Дисней

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

В них также фигурирует KnowsMore, второстепенный персонаж в «Ральфе ломает Интернет».

Оба символа подходят для страницы 404, но обратите внимание на то, что находится рядом с KnowsMore: маленькая панель поиска.

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

2. Drift

Drift — это инструмент конверсионного маркетинга и платформа продаж, которая предлагает инструменты для живого чата, целевых страниц и т. Д.

Реклама

Продолжить чтение ниже

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

В правом верхнем углу они также предлагают путь к конверсии, предоставляя кнопку Get Drift Free.

3. Help Scout

Help Scout предоставляет компаниям инструменты для программного обеспечения службы поддержки, поддержки клиентов по электронной почте и онлайн-баз знаний.

Реклама

Продолжить чтение ниже

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

4. Apartment Therapy

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

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

Реклама

Продолжить чтение ниже

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

5.CoSchedule

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

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

Это просто, но выполняет свою работу.

Реклама

Продолжить чтение ниже

6. Sprout Social

Sprout Social, маркетинговый инструмент в социальных сетях, действительно хочет, чтобы его клиенты оставались на странице.

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

Затем появляется их чат-бот, чтобы узнать, что вам нужно.

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

По сути, они превратили свою страницу 404 в целевую.

Реклама

Продолжить чтение ниже

7. ConvertKit

Кто не любит собак?

ConvertKit упрощает работу, предлагая фотографию собаки члена команды и ссылку на их домашнюю страницу.

Но они также поддерживают профессионализм, предоставляя онлайн-чат и CTA для бесплатной регистрации.

8. Screaming Frog

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

Реклама

Продолжить чтение ниже

В отличие от других страниц 404 в списке, эта не статичная.

Мухи перемещаются по странице, рыба плавает, а кувшинки кружатся.

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

9. Moz

Moz упрощает жизнь благодаря камео от Роджера Мозбата, талисмана бренда.

Его присутствие — это бренд и простой способ заставить большинство людей улыбнуться.

Реклама

Продолжить чтение ниже

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

10. BigCommerce

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

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

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

Реклама

Продолжить чтение ниже

11. Kinsta

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

У них есть верхняя панель навигации и поисковая строка, поэтому пользователи могут легко найти другую информацию.

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

12. Lego

Lego делает его светлее, используя большое изображение человека Lego вместе с шуткой «Извините, мы не можем найти эту страницу! Не волнуйтесь, хотя все ВСЕ ЕЩЕ УДИВИТЕЛЬНО! » это отсылка к песне из фильма «Лего».

Реклама

Продолжить чтение ниже

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

13. Slack

Страница 404 Slack просто невероятна.

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

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

Зайдите на их сайт, чтобы узнать больше.

Реклама

Продолжить чтение ниже

14. Mailchimp

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

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

15. okta

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

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

Реклама

Продолжить чтение ниже

16. Swiss

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

Облака движутся, когда вы наводите курсор на страницу, окутывая вас облаками.

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

17. Волшебный мир

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

Реклама

Продолжить чтение ниже

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

18. Юго-запад

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

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

Реклама

Продолжить чтение ниже

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

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

19. 9GAG

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

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

Реклама

Продолжить чтение ниже

20. Flywheel

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

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

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

21.Дэн Вудгер

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

Реклама

Продолжить чтение ниже

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

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

22. Дистиллированный

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

Но демонстрация стиля вашего бренда на (казалось бы) незначительной странице имеет большой вес.

Реклама

Продолжить чтение ниже

Если вы заботитесь о своей странице 404, велика вероятность, что вы заботитесь и о своих клиентах.

Distilled использует изображение, похожее на инфографику, чтобы объяснить, что это за страница и что могло пойти не так.

23. Taco Bell

Taco Bell известен своей непочтительностью.Их страница 404 — не исключение.

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

Реклама

Продолжить чтение ниже

Это забавное напоминание о том, что они знают, что что-то пошло не так.

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

24. Magnt

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

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

Реклама

Продолжить чтение ниже

25. Dribble

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

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

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

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

26. Overflow

Личность Overflow помещена впереди и в центре их страницы 404.

Реклама

Продолжить чтение ниже

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

И тот же голос и тон передаются на главной странице.

27. Wendy’s

К настоящему времени вы, вероятно, посмеялись над одним или двумя твитами Wendy’s.

Но, как и Overflow, Wendy’s сохраняет тот же голос и тональность на своем веб-сайте, даже на своей странице 404.

Реклама

Продолжить чтение ниже

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

Посмотрим, сможешь ли ты довести Венди до конца!

28.Red Bull

Страница 404 Red Bull — мечта любого специалиста по SEO или маркетингу.

Он набит ссылками на статьи и плейлисты с видео.

Red Bull даже меняет плейлист с видео для своего последнего события.

На изображении выше видно, что Red Bull использовала серфинг Red Bull Big Wave 2020 в качестве источника вдохновения.

Реклама

Продолжить чтение ниже

29. Blizzard

Blizzard Entertainment, создатели World of Warcraft, также известного как WOW, если вы такой фанат, как я.🤓

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

30. Marvel

Marvel использует различных персонажей комиксов, таких как Капитан Америка, Дэдпул и т. Д., На вращающейся странице 404.

Небольшая подсказка: продолжайте нажимать кнопку «Обновить». Каждое третье обновление Marvel будет предлагать новый визуальный ряд.

Реклама

Продолжить чтение ниже

31. Patagonia

Patagonia вешает десятку на своей странице 404, подчеркивая ее повседневную тропическую атмосферу.

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

32. Backcountry

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

Реклама

Продолжить чтение ниже

33. Nintendo

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

Но важно то, что Nintendo добавляет ссылки на ресурсы для пользователя.

Он заставляет пользователей оставаться на веб-сайте и не возвращаться к поисковой выдаче.

34. Zillow

Zillow предлагает интерактивные GIF-файлы для домашних поисковиков.

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

Реклама

Продолжить чтение ниже

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

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

35. H&R Block

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

Реклама

Продолжить чтение ниже

36. World of Warcraft

Команда World of Warcraft отмечает набор навыков своей аудитории несколькими шутками о CDN и выше.

37. Playstation

Playstation дает хороший отзыв об одной из своих новых игр на своей странице 404.

Кроме того, они предоставляют возможность вернуться на главную страницу или получить совет в справочном центре.

Сводка

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

Реклама

Продолжить чтение Ниже

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

Но в реальном мире все бывает.

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

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

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

Кредиты изображений

Рекомендуемое изображение: Создано автором, август 2020 г.
Все скриншоты, сделанные автором, август 2020 г.

44 невероятных страницы ошибок 404

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

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

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

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

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

Вот пример:

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

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

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

1. Они нажимают ссылку, которая указывает на URL-адрес страницы, которая больше не существует.
2. Они нажимают или вводят ссылку с ошибкой.

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

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

А как насчет других страниц ошибок?

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

Любой трехзначный код ошибки, начинающийся с 4, например 404, называется ошибкой 400 уровня и означает, что что-то пошло не так на стороне клиента. Клиент в этих отношениях — ваш посетитель.В частности, это их браузер. Поэтому логично, что неверный URL-адрес считается ошибкой клиента. Сервер (компьютер, на котором размещен сайт) работает нормально.

Другие распространенные ошибки 400-го уровня включают:

• 400 Неверный запрос: запрос, отправленный на сервер, был искажен или каким-то образом не соответствовал правилам синтаксиса.
• 404 Запрещено: звучит зловеще. Но на самом деле все это означает, что запрошенный URL действителен, но у клиента нет необходимых разрешений для доступа к сайту.Это может произойти, когда вы пытаетесь перейти по URL-адресу сайта, для посещения которого необходимо войти в систему.

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

Некоторые из распространенных кодов с 500 уровнями:

• 503 Служба недоступна: это стандартная ошибка «сервер недоступен». Обычно сервер не может ответить, потому что он перегружен или отключен для обслуживания.
• 504 Тайм-аут шлюза: сервер действовал как шлюз для вышестоящего сервера, но не получил вовремя ответ от вышестоящего сервера.

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

Интересный факт: Существует и иногда используется малоизвестный код ошибки 451. Код предназначен для использования, когда доступ запрещен по юридическому запросу, и является отсылкой к роману-антиутопии «451 градус по Фаренгейту».

44 невероятных примера страниц с ошибками 404

1. 20th Century Fox

У такой компании, как 20th Century Fox, есть огромная библиотека памятных материалов, на которые можно черпать вдохновение. Они взяли несколько клипов из своих любимых фильмов из библиотеки фильмов, таких как «Офисное пространство», «Месть ботаников» и «Эдвард руки-ножницы».»Нажмите на текст, и вы попадете на страницу, где можете купить свою копию.

2. Amazon

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

3. Astuteo

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

4. Бэтмен 3-D

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

5. Бенджамин Рид

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

6. Кампания Берни Сандерса

Вскоре после объявления своей президентской заявки в 2016 году Берни Сандерс создал, вероятно, самую запоминающуюся страницу ошибок любого кандидата в президенты.На странице воспроизводится видео, в котором Сандерс объясняет, что пошло не так, и как вернуться на главную страницу. «Просто пролистайте вниз до конца страницы, и вы вернетесь домой, туда, где должны быть!»

7. Bitly

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

8. Blizzard Entertainment

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

9. Bloomberg

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

10. Блюгг

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

11. Codecademy

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

12. Даниэль Карчер

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

13. Дилберт

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

14. Dogstudio

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

15. Восточный рынок

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

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

Страницы ошибок — хорошее место, чтобы продемонстрировать творческий потенциал некоторых сотрудников вашей компании. Для Emailcenter UK это означало интерактивную шутку об увольнении члена их команды разработчиков. Это отличный способ развлечься как бренд и показать свою команду за кулисами, которая, как правило, не пользуется большой популярностью.

17. Google

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

Страница с ошибкой — это довольно простая иллюстрация сломанного робота и некоторой копии. Но пасхалка находится в заголовке страницы, той, которую вы видите на вкладке браузера.Сначала это выглядит как опечатка, но «!! 1» — это отсылка к сетевой шутке о том, как быстро энтузиазм (!!!) может стать небрежным (!! 1). Обратите внимание на эту клавишу переключения передач, дети.

18. HeyZap

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

19. Производство горячих точек

Hot Dot Production создала красивую интерактивную страницу ошибки 404 с гигантской плавающей анимацией «404».Щелкайте по частям чисел, и точки взрываются в космос и возрождаются.

20 Хьюго Боначчи

Хьюго Боначчи выглядит как стандартная страница с ошибкой 404, когда вы впервые попадаете на нее. Затем вращающаяся фиолетовая черная дыра начинает всасывать все элементы страницы.

21. IGN

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

22. IMDb

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

23. Iconfinder

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

24. Imgur

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

25. Дизайн зайца

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

26. Куало

Space Invaders — еще одна классическая аркада. Британская команда, стоящая за Kualo, повеселилась, написав название своей компании с помощью Invaders. Захватчики, вам понравится стрелять из космического лазера.

27. Лего

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

28. Одинокая планета

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

29. Пышная

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

30. Magnt

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

31. MailChimp

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

32. NPR

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

33. Национальный музей истории похорон

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

34. Житель Нью-Йорка

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

35. Правительство Новой Зеландии

У людей есть дурная привычка оставлять Новую Зеландию за пределами карты.Правительство страны немного повеселилось над этим на своем собственном веб-сайте с пометкой «чего-то не хватает» и картой мира, на которой не было видно Новой Зеландии.

36. Nuvango

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

37. Оранжевое пальто

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

38. Ромен Бразье

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

39. Spotify

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

40. Стив Ламберт

Страница художника Стива Ламберта, названная «Самая неловкая страница ошибок в Интернете», заслуживает внимания. Попробуй дойти до конца. Как пишет Стив на странице: «Такая идея приходит к вам только в 12:30. И тогда ты должен это сделать, иначе ты никогда этого не сделаешь ».

41. Sygic Travel

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

42. Австралийский

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

43. Музей творчества

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

44. Айриш Таймс

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

Бонусный совет:

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

Statuspage — это инструмент, который помогает вам легко сообщать подробности об инцидентах и ​​периодах обслуживания вашим клиентам.

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

1. Уменьшение количества обращений в службу поддержки: Когда пользователи знают, когда ожидать решения, им не нужно открывать заявку, чтобы запросить дополнительную информацию или, что еще хуже, жаловаться в социальных сетях.
2. Уведомлять пользователей автоматически: Когда ваши пользователи подписываются на вашу страницу статуса, они автоматически получают уведомление по электронной почте, SMS или Slack, когда в вашем приложении возникает ошибка или период обслуживания.
3. Улучшение качества обслуживания клиентов: Прозрачность для пользователей в отношении периодов обслуживания и сроков решения проблем укрепляет доверие у ваших клиентов и улучшает качество обслуживания клиентов.

Попробуйте Statuspage бесплатно.

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

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

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

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

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

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

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

По большей части вы можете настроить свой веб-сервер для создания настраиваемой страницы ошибки 404. (Если вы являетесь клиентом HubSpot, нажмите здесь, чтобы узнать, как настроить страницу 404 в HubSpot.)

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

Страница не найдена: 24 страницы ошибок Creative 404

1) Блюгг

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

2) Spotify

Каждый год Spotify выпускает свой микросайт «Год в музыке». Сайт позволяет посетителям просматривать самую популярную музыку года со всего мира. Но в этом есть отличное пасхальное яйцо: страница 404 микросайта является отсылкой к хитовой песне Джастина Бибера 2015 года «Sorry», что делает ее одновременно своевременной и веселой.

3) Облако сигма

Проверьте это: Cloud Sigma позволяет нам участвовать в некоторых закулисных действиях. Их страница с ошибкой 404 ловко притворяется «домашней страницей младшего разработчика» — этот младший разработчик является, ну … котом.

Кредит изображения: Crayon

4) Уловки CSS

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

5) Старые добрые игры (GOG)

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

6) Магнт

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

7) Битли

Помните провального кита Твиттера? Точно так же Bitly интегрирует своего талисмана — рыбку-иглобрюху — в сообщение об ошибке. Бедный паренек остался плавать животом вверх.

8) Студия дизайна фильмов Дэниела Карчера

Если ваш бизнес — кинематограф, почему бы не превратить страницу с ошибкой 404 в нечто похожее на короткометражный фильм? Сотрудники Daniel Karcher отлично поработали с анимацией на этой странице, включая умные отсылки к таким вещам, как телесериал LOST. Тикер вверху перевернется, чтобы сказать «Пожалуйста, перейдите на основной уровень», и когда вы нажмете на него, вы вернетесь на главную страницу.

9) НПР

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

10) Blizzard Entertainment

Вот простая идея, которая в итоге выглядит очень круто: страница 404 Blizzard Entertainment — это «сломанная» версия их обычной домашней страницы.Копия подшучивает над пользователем: «Grats. Вы ее сломали», за которым следует «Эта страница не существует или произошла какая-то другая ужасная ошибка».

11) Оловянное рассудок

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

12) Оранжевое покрытие

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

13) Astuteo

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

14) BrandCrowd

На этой странице с ошибкой не только классная иллюстрация, но и умная копия. Нам нравится ссылка на песню Semisonic «Closing Time»: «Вы можете щелкнуть где угодно, но не можете щелкнуть здесь».

15) Кухонная плита

Cooklet проста и приятна как по дизайну, так и по тексту. Блин, я хотел кусок!

16) GitHub

Строка «Это не те дроиды, которых вы ищете» относится к уловке Джедая Оби-Вана Кеноби над штурмовиками в «Звездных войнах». Эпизод IV — и эта фраза стала широко известной, чтобы сказать кому-то, что они следуете неправильному образу действий.GitHub использует эту знаменитую строчку в своем сообщении об ошибке 404.

17) Грант Берк

Графический дизайнер Грант Берк демонстрирует свои дизайнерские способности даже на своей странице 404. Графика проста, а концепция — недостающее звено на упаковке молока — забавна и умна.

18) Мовелин

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

Кредит изображения: Crayon

19) LEGO

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

20) Магия хоппера

Hoppermagic похожа на страницу LEGO, поскольку показывает вымышленную причину, по которой страница не работает. На этот раз это кролики грызут кабели — кивок на их логотип кролика.

21) IconFinder

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

22) Горячие точки производства

Hot Dot остается верной своему девизу: «пересечение новых технологий и дизайна». Страница анимирована сотнями крошечных точек, которые меняют направление в зависимости от того, куда вы перемещаете курсор.Это завораживает, круто и великолепно демонстрирует их дизайнерские возможности.

23) HomeStarRunner.com

HomeStarRunner.com, где размещается мультсериал с Flash-анимацией, на протяжении многих лет появлялась серия забавных страниц с ошибками 404. В самых последних персонажах мультсериала изображена сцена, которая могла бы появиться прямо из одного из их эпизодов. Если вы включите звук при загрузке страницы, вы услышите, как их персонаж Strong Bad, известный тем, что выкрикивает фразы вслух, говорит: «404’d!»

24) HubSpot

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

Ознакомьтесь с 11 лучшими примерами микросайтов.

Что такое ошибка 404? Как бороться с ошибкой в ​​Интернете

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

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

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

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

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

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

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

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

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

• Еще раз проверьте URL-адрес, который вы ввели , особенно если вы ввели его вручную.Вы могли сделать простую опечатку.
• Обновите веб-страницу. 404 ошибки могут быть кратковременными сбоями, которые можно устранить, обновив страницу в веб-браузере.
• Воспользуйтесь Google (или аналогичной поисковой системой), чтобы снова найти страницу . Возможно, он переместился на другой URL-адрес.
• Попробуй попасть на другом аппарате . Если у вас есть другой компьютер, телефон или планшет, попробуйте перейти на эту страницу. Если вы видите веб-страницу с другого устройства, вероятно, проблема связана с кешем вашего компьютера.Очистите кеш и попробуйте еще раз.
• Используйте машину обратного пути Internet Archive . Wayback Machine — это бесплатная утилита, которая позволяет вам увидеть, как определенные URL-адреса могли бы выглядеть в различные моменты в прошлом. Если вы знаете, что страница, которую вы ищете, существовала какое-то время, есть большая вероятность, что Wayback Machine ее сохранила.
• Обратитесь к веб-мастеру или владельцу сайта . Если вы пытаетесь перейти на страницу небольшого веб-сайта, менеджер сайта, вероятно, захочет узнать, есть ли на нем неработающие ссылки, потому что значительное количество ошибок 404 может нанести ущерб репутации веб-сайта и рейтингу в поисковых системах.

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

Как найти и исправить ошибку 404

Знаете ли вы, что отстой при просмотре веб-сайтов?

Получение страницы 404.

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

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

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

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

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

• 100-199 — информационные ответы
• 200-299 — успешные ответы
• 300-399 обозначают перенаправления
• 400-499 обозначают ошибки клиента
• 500-599 обозначают ошибки сервера

Итак, что именно означает ошибка 404 ?

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

На самом деле существует два типа ошибок 404, на которые следует обращать внимание.

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

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

Сообщает Google и другим поисковым системам о наличии страницы по этому URL-адресу.В результате сканеры тратят время на сканирование и ранжирование URL.

Вот в чем дело: Google довольно хорошо распознает эти фальшивые страницы.

Когда он находит страницу, возвращающую статус 200 OK со всеми атрибутами страницы, которая должна возвращать код 404, он выдает на нее мягкую ошибку 404 и уведомляет владельца сайта в Google Search Console.

Хорошо, вы знаете, что это за ошибки.Теперь вам нужно понять, что вызывает ошибку 404.

Может быть много причин, по которым ваш сайт возвращает ошибку 404.

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

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

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

Даже неправильный ввод URL-адреса во внутренней ссылке может привести к странице 404 и неработающей ссылке.

Большое количество ошибок 404 может создать большие проблемы для вашего сайта.

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

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

Прочтите это еще раз: всего одна ошибка 404 может стоить вам клиента.

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

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

Но они могут навредить вашему SEO.

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

Оба эти фактора могут вызвать снижение рейтинга.

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

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

, такие как Screaming Frog, — отличный способ быстро найти неработающие ссылки, которые быстро приводят к ошибкам 404. Screaming Frog также бесплатен, если на вашем сайте 500 URL-адресов или меньше.

Начните с аудита сайта.

Затем нажмите «Коды ответа» в верхнем меню.

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

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

Но вы можете найти каждую ошибку 404 в Google Search Console.

Google Search Console предоставляет список всех ошибок 404, обнаруженных роботом Googlebot на вашем сайте. Сюда входят как жесткие, так и мягкие 404-е.

Войдите в Search Console, щелкните Покрытие и выберите вкладку Исключенные.

Вы увидите список жестких ошибок 404 с пометкой «Не найдено» (404) и программных ошибок 404 с пометкой «Мягкий» 404.

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

Вы также можете найти ошибку 404 в Bing Webmaster Tools, нажав Отчеты и данные , а затем Информация для сканирования .

Наконец, вы можете найти 404 ошибки с помощью моего инструмента SEO Ubersuggest.

Перейдите на вкладку аудита сайта на левой боковой панели.

Запустите аудит сайта и щелкните Критические ошибки.

Затем щелкните вкладку «Предупреждения» вверху страницы.

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

Пришло время исправить все обнаруженные вами ошибки.

Вот четыре способа сделать это:

1. Перенаправить ошибку 404 : перенаправление пользователей на другую соответствующую страницу — самый простой способ исправить ошибки 404 на вашем сайте.Просто убедитесь, что вы перенаправляете их на что-то релевантное, а не просто отправляйте их обратно на свою главную страницу.
2. Восстановите страницу : если вы обнаружите, что по-прежнему существует большой спрос на удаленную страницу и нет подходящей страницы для перенаправления пользователей, подумайте о восстановлении исходной страницы.
3. Исправьте ссылку : Если на вашем сайте есть неработающие ссылки, вы можете просто отредактировать ссылку, чтобы она указывала на правильный URL. Однако вы не сможете исправлять ссылки на сайтах, которые вы не контролируете.
4. Создайте страницу 404: Создав настраиваемую страницу с ошибкой 404, вы можете быть уверены, что посещение не будет потрачено впустую — подробнее об этом ниже.

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

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

Если у вас есть сайт WordPress, вы можете использовать те же шаги, что и выше, чтобы найти ошибку 404.

Нашли? Отлично, теперь давайте исправим ошибку 404 в WordPress.

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

По завершении нажмите «Сохранить изменения» внизу страницы.

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

Самый простой способ сделать это самостоятельно — получить Yoast Premium или установить плагин Redirection.

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

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

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

Затем нажмите «Добавить перенаправление».

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

Частота проверки ошибок 404 зависит от размера вашего сайта.

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

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

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

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

Начните с поиска имени вашей 404-й страницы.

Моя страница не найдена — Нил Патель.

Затем откройте Google Analytics и перейдите в Поведение → Контент сайта → Все страницы

Теперь добавьте заголовок страницы в качестве дополнительного параметра.

Щелкните «Дополнительно» рядом с панелью поиска, затем измените правило со страницы на заголовок страницы и введите заголовок страницы 404 в поле «Содержит».

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

Если у вас есть сайт WordPress, MonsterInsights сделает всю тяжелую работу за вас. Вместо того, чтобы создавать вручную отчет в Google Analytics, просто установите плагин MonsterInsights.

Он автоматически отслеживает ваши ошибки 404, как только вы подключаете Google Analytics.

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

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

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

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

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

Однако не переусердствуйте. Чистая и понятная страница 404 намного эффективнее, чем чрезмерно проработанная.

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

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

Если вам нужно вдохновение, вот несколько моих любимых уникальных примеров страниц 404:

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

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

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

Перенаправить неработающую ссылку в другое место.

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

Да, вы можете настроить внешний вид и сообщения, отображаемые для страниц с кодами ошибок 404.

Вы можете использовать такие инструменты, как Ubersuggest, SEMrush, AHrefs и Screaming Frog.

Как найти и исправить ошибки 404

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

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

Сколько ошибок 404 вам удалось исправить на своем сайте? Дай мне знать в комментариях.

Узнайте, как мое агентство может привлечь огромное количество трафика на ваш веб-сайт

• SEO — разблокируйте огромное количество SEO-трафика.Смотрите реальные результаты.
• Контент-маркетинг — наша команда создает эпический контент, которым будут делиться, получать ссылки и привлекать трафик.
• Paid Media — эффективные платные стратегии с четким ROI.

Заказать звонок

Как создать впечатляющую страницу ошибки 404 (с 12 примерами)

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

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

Итак, что посетитель будет делать дальше?

Они сразу же нажмут кнопку «Назад», если вы неправильно указали страницу с ошибкой 404 (код состояния). И они, вероятно, никогда больше не посетят ваш сайт.

Вы только что испортили свое первое впечатление собственной страницей ошибок.

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

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

Результат?

Ну…

Снижение вашего рейтинга в поиске.

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

• Перезапуск сайта
• Внутренняя ссылка не работает
• Ссылка на устаревшую поисковую систему

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

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

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

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

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

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

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

Но зачем вам тратить время или деньги на этот индивидуальный проект?

Вот 5 причин.

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

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

Сладкое. Не правда ли?

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

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

Путем перехода с него на случайные внутренние страницы вашего сайта.

Я использовал эту стратегию, чтобы увеличить посещаемость Techcrunch на 9% за месяц. Я связался со случайными 25-50 внутренними страницами, запустив алгоритм.

У вас наверняка будут неработающие ссылки на вашем сайте.

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

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

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

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

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

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

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

Как ты себя чувствуешь?

Совершенно верно.

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

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

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

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

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

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

Но как именно?

Развлекаясь, как Магнт.

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

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

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

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

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

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

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

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

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

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

Вот 6 особенностей соблазнительной страницы 404.Помните, что вам не обязательно размещать их все на своей странице.

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

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

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

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

ModCloth предлагает ссылки на различные разделы своих продуктов на странице пользовательских ошибок.

Design Shack предлагает ссылку на их последние статьи, галерею дизайна и на их домашнюю страницу, когда вы, к сожалению, найдете их код статуса http.

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

Или, может быть, ссылку на вашу карту сайта, например Starbucks.

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

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

Видите ли, никого не волнует, что пошло не так с «вашим сервером».

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

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

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

Страница ошибки 404 X-Cart имеет простой заголовок «Страница не найдена».

Вы заметили еще один аспект на странице выше?

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

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

Также не забудьте не винить посетителя за код ошибки (код статуса http).

Я знаю.

Есть вероятность, что пользователь действительно ошибся при вводе URL. Или, возможно, это был ошибочный перенаправление.

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

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

Разве ты не хочешь их уже простить?

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

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

Так как же побудить посетителя сообщить об ошибке?

Вы предоставляете контактную форму или адрес электронной почты своей группы технической поддержки.

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

Бен Кук реализовал простую контактную форму на странице с ошибкой 404 во время восстановления и перезапуска клиентского веб-сайта.

Получил ли он какие-нибудь ответы?

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

5. Переведите страницу на несколько языков. Маркетинг — это общение с пользователем так, как ему нравится, и на том языке, который он использует. Верно?

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

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

David Hell Man — отличный пример страницы с ошибкой 404 не на английском языке.

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

А что может быть лучше, чем превратить плохой пользовательский опыт в положительный и прибыльный?

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

Вот видеоурок Джоша Бэйлесса о том, как собирать лиды со страниц с ошибкой 404.

[youtube https://www.youtube.com/watch?v=yRGuAwBIRig]

Я уже показал вам, как Ballard Designs рекомендовала продукты на своей странице с ошибкой 404 для увеличения конверсии.

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

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

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

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

1. Поцелуй

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

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

2. Джейми Хаскиссон

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

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

3. Centresource

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

Затем он предлагает всего два варианта — вернуться на главную страницу или ударить лося. Здесь нет жаргона кода статуса http.

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

4. Huwshimi

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

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

5. Хиллари Клинтон

На веб-сайте политика есть страница с ошибкой, на которую вас выведут шарлатанов.

Она была даже признана Huffington Post за то, что она каламбур через эту страницу.

Показав счастливую картинку, Хилари предлагает вам записаться на волонтерство.

Итак, это отличный способ направить посетителей вашего сайта к вашим целям, не так ли?

6. Дизайн кролика

Еще одна блестящая концепция от дизайнерской компании.Jackrabbit указывает на «опасность» в своем коде ошибки и сообщает пользователю, что они отклонились от маршрута. У них также есть крутой кролик-талисман, чтобы привлечь вас, в то время как их серверная часть создает файл журнала с кодом состояния http.

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

Разве не прекрасно, что пользователь может извлечь полезность даже из своей страницы с ошибкой?

7.Блюгг

Это британское брендовое агентство, и их страница с ошибкой очень забавна.

Это не минимализм. У них есть куча навигационных ссылок вверху и контактная информация в нижнем колонтитуле.

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

Они ясно передают ошибку — «Аааааааааааааааааааааааааааааааааааааааааааааааааааааааамамамамамамам приятнее! Этой страницы не существует «. Затем видео с высоким голосом козла воспроизводится в цикле, пока вы не вернетесь назад, прочь от страниц с ошибками, на их домашнюю страницу (или приостановите воспроизведение видео).

8. Whitespark

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

Первый призыв к действию — зеленая кнопка — «Не делай этого». Вам будет представлено счастливое лицо Брента за то, что он пощадил его, и сообщение о том, что он построит для вас алтарь.

Вы также можете нажать на красный CTA «Good Riddance» и уволить Брента.

Нажав эту кнопку, вы увидите обеспокоенного Брента и получите сообщение о том, что многие дети Брента будут голодать на улицах.

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

9. Квартира Home Living

Какой бы вы хотели видеть овцу в ванной?

Вообразить это само по себе забавно, правда?

Это иллюстрация, которую сайт поиска квартир Apartment Home Living использует на своей странице с ошибкой.

И, признав, что страница не существует, они возвращают пользователей на свою домашнюю страницу.

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

10. Лего

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

И внизу слева они предлагают обратную ссылку на главную страницу.

11. Mattel

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

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

Но, чтобы оставаться на сайте, вы получаете анимированный шар Magic 8, который отвечает на ваши вопросы.

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

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

Помимо шара magic-8, Mattel имеет 3 ссылки внизу. Вы можете вернуться на главную страницу, выполнить поиск на веб-сайте или посетить магазин Mattel.

12. Дефрозо

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

Во-первых, он говорит на языке аудитории: «страница не в фокусе.’

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

Или вы можете отправить электронное письмо команде по разморозке о проблеме.

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