27 примеров проработанной страницы 404 — Дизайн на vc.ru

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

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

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

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

Сервис email-рассылок «MailChimp» Производитель монтажной пены «Profflex» Доска бесплатных объявлений «OLX» Графический редактор «Figma» Станция технического обслуживания «Ремонтов»

18 гениальных страниц ошибки 404

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

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

20 отличных примеров страниц 404 со всей сети

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

Kualo

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

The Australian

Кому еще высмеивать политиков, как не газете! «The Australian» сделала редизайн своей страницы 404 — их каламбуры остроумно обыгрывают выступления, цитаты и промахи политических деятелей, метко и находчиво объясняя причину страницы ошибки.

Dan Woodger

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

Bret Victor

Это мой личный фаворит — настолько умело обыгрывается здесь искусство. Страница ошибки 404 на сайте Брета Виктора 404 использует культовую картину Рене Магритта, как бы предлагая ответить на сопровождающие ее философские вопросы. На что мы смотрим? Если это не страница, то что это? И вообще, что есть страница? В общем, не спешите, поразмыслите над ней.

Bit.ly

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

Blizzard Entertainment

Битое стекло = битая ссылка, логично, правда? Обвинять пользователя — наверное, не лучший стиль для подписи

Идеальная страница 404 ошибки, или как удержать пользователя на сайте? / Хабр

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

В качестве вступления отметим, что страница 404 «Не найдено» (404 Page Not Found) – это один из кодов состояния HTTP, принятых Консорциумом Всемирной паутины (W3C) в 1992 году. Для тех, кому интересно значение цифр 404, вкратце расскажем.

1. Первая «4» означает, что произошла ошибка со стороны клиента. Такой ошибкой может быть неверно написанный URL или запрос несуществующей страницы. В свою очередь, первая «5» значила бы ошибку со стороны сервера.
2. Цифры «04» — определяют конкретную ошибку Not Found из группы 4хх. Среди других ошибок из этой группы — 400 Bad Request, 401 Unauthorized, 402 Payment Required, 403 Forbidden и так далее.

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

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

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

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

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

Принимая это во внимание, приведем список рекомендаций по созданию кастомной 404-й страницы.

1. Будьте любезны с посетителями. Они попали на эту страницу не по своей вине. Постарайтесь выразить свое сожаление и готовность помочь.
2. Не углубляйтесь в технические детали. Термин «ошибка 404» сам по себе уже в достаточной мере техничен и в то же время понятен большинству пользователей. Нет никакой необходимости отпугивать посетителей любой другой специфической информацией о причинах этой ошибки. По сути, необязательно даже использовать цифры «404», достаточно просто объяснить суть проблемы.
3. Предложите пользователям проверить написание ссылки. Если они вводили адрес ссылки самостоятельно, то вполне вероятно могли допустить ошибку.
4. Придерживайтесь единого стиля сайта. Дизайн страницы 404 по оформлению и по ощущениям должен быть выдержан в стиле Вашего бренда, чтобы у пользователей не возникло заблуждения, что они попали на какой-то другой сайт.
5. Страница ошибки 404 не должна выглядеть как обычная страница. Ваши посетители должны ясно видеть, что страница не была найдена и не содержит какого-либо контента. Поэтому не стоит наполнять ее слишком большим количеством текста и ссылок.
6. Небольшая порция юмора никогда не помешает. Довольно часто 404 страница становится для дизайнеров и разработчиков платформой для выражения своих креативных и юмористических идей. Вместо того чтобы пользователи быстро закрывали ненайденную страницу, лучше удержать их от закрытия сайта, заинтересовав забавно и изобретательно выполненной страницей.
7. Будьте полезными и предоставьте ссылки на возможные совпадения. Если пользователи оказались на ненайденной странице, они, вероятно, что-то искали. Так помогите же им это найти. Разместите на странице меню или ссылки на недавно перемещенные страницы. Или почему бы не дать ссылки на самые популярные страницы Вашего сайта? Либо на самый новый и актуальный контент. Так или иначе, пользователи должны быть не более чем в одном клике от перехода на какую-либо другую страницу сайта. И, конечно же, всегда давайте ссылку на главную страницу.
8. Добавьте строку поиска. Чтобы не потерять своих посетителей, позвольте им найти то, что они искали, оказавшись на странице ошибки.
9. Обеспечьте способ отправить отчет об ошибке. У пользователя всегда должна быть возможность отправить вам сообщение об ошибке, если он пожелает. Это поможет Вам узнать о каких-либо внутренних недочетах сайта. Еще лучшим решением для отслеживания проблем на сайте станет автоматическое уведомление. А если произойдет внезапный всплеск 404-х ошибок, полезным будет мгновенное уведомление. Это позволит исправить проблему в режиме реального времени, пока она еще релевантна.
10. Позаботьтесь о вопросах SEO. Для оптимизации сайта важно максимально сократить количество внутренних ссылок на 404-е страницы, а еще лучше вовсе исключить возможность формирования некорректных URL адресов, ведущих на страницы 404. Инструменты для вебмастеров помогут Вам отслеживать ошибки на сайте, в том числе и ошибки с кодом 404 Not found. Более того, эти инструменты помогут Вам понять, откуда берутся ошибки и как они формируются – ошибка в URL ссылки на сайте, либо это атака конкурентов.
    Немного отклоняясь от оригинала статьи, добавлю ссылки и скриншоты инструментов, о которых говорится в этом пункте.
    Google:

    Яндекс:

    
    Также рекомендую ознакомиться с официальной информацией о страницах 404 от поисковых систем: Google — здесь

    и Яндекс — здесь.
    

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

дизайн и текст для 404 страницы

Отдайте свои заботы о хорошем контенте на сайте в наши руки

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

Подпишись на рассылку и получи книгу в подарок!

Ошибка 404 или Not Found («не найдено») — код ответа сервера на несуществующую страницу на сайте.

Как это работает?

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

В нашем случае код ответа- 404. Ответ сервера выглядит следующим образом:

Причины 404 ошибки

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

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

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

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

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

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

Как сделать страницу 404? Необходимо просто прописать в данный файл следующую инструкцию:

ErrorDocument 404 //semantica.in/404.php
Всё довольно просто!
Страница 404 для сайта: общие рекомендации
Во первых, 404 страница должна быть! Страница 404 ошибки безусловно должна присутствовать на каждом сайте.
В небольших проектах уменьшить вероятность возникновения 404 ошибки можно используя программу Xenu’s Link. С её помощью вы можете отыскать все битые ссылки на сайте и выполнить следующие действия:
если ссылка страницы была изменена, необходимо изменить URL ссылки на новый;
если страницы уже не существует — просто удаляем ссылку.
 
 
К сожалению, Xenu не спасает от пользователей, которые могут неправильно ввести текст ссылки и не застрахует от битых или неактуальных внешних ссылок, которые введут на страницы вашего сайта.
 
Оформление 404 страницы
По-умолчанию страница 404 ошибки представлена в виде пустой страницы с надписью 404 Not Found, также возможна ситуация с редиректом на страницу хостинга, услугами которого вы пользуетесь.
Значительной доле пользователей всемирной паутины не достаточно предоставить страницу в таком виде — они просто не поймут что произошло, почему сайт вдруг исчез и переслал работать. Это означает только одно — потеря клиента. Но не будем опускать руки и рассмотрим эту ситуацию под другим углом. Как оформить страницу 404 и удержать гостя на сайте?
Текст для 404 страницы
Скажите “Нет!” технической информации!
Большинству пользователей знаком термин “404 ошибка”, но не стоит углубляться в причины её возникновения и давать дополнительные технические рекомендации. Донесите пользователю суть ошибки.
Предоставьте полезный контент!
Необходимо дать полезную информацию в сложившейся ситуации и натолкнуть пользователя на действие которое поможет решить проблему.
Это можно реализовать разными методами:
разместить меню сайта. Не стоит забывать о ссылке на главную страницу сайта
разместить полезные ссылки- это может ссылки на популярный или новый контент.
Разместить строку поиска по сайту- для того чтобы пользователи нашли то что они искали.
В оформлении 404 страницы важно не переусердствовать — не стоит слишком нагружать ее контентом.
Дизайн страницы 404 
Визуальное оформление 404 страницы не должно выбиваться из общего  дизайна.
Сделайте 404 страницу изюминкой сайта! Добавьте креативности страницы с ноткой юмора — это привлекает и удерживает посетителей.
В сети множество примеров того, что значит оригинальная и красивая страница 404. Я не поленился и нашел для вас несколько: 
 
 
 
Не  стоит забывать!
1. Редирект на 404 страницу должен осуществляться без изменения URL страницы.
2. Следите за битыми ссылками на вашем сайте!
В совокупности выполнение этих рекомендаций даст положительный эффект. Не рассматривайте 404 страницу как техническую константу сайта и даже в сложившейся неприятной ситуации она послужит важном инструментом в привлечении посетителей.
 
И напоследок вот вам пример того, как мы оформили страницу 404 для своего сайта:
Оформление страницы 404 — SEO на vc.ru
Возникновение ошибки 404 и попадание пользователей на соответствующую страницу возможно по многим причинам: перешли на удалённую страницу, поставили ссылку с опечаткой, изменили адрес без настройки редиректа.
В большинстве CMS страница 404 предусмотрена по умолчанию. Но её оформление и польза для посетителя оставляют желать лучшего. Как правило, они имеют следующий вид:
Такая 404-ая генерирует высокий показатель отказов. Вы не предлагаете пользователю вариант дальнейшего взаимодействия с вашим сайтом, а значит с высокой вероятностью он просто покинет его.
Это подводит к выводу, что одна из задач страницы 404 — удержать посетителя на сайте, а значит необходимо уделить время её проработке.
 Как правильно оформить страницу 404 
Существует несколько правил, которые помогут оставить пользователя на сайте при его попадании на несуществующий документ:
Страница 404 должна быть оформлена в едином стиле с дизайном сайта. Так вы поможете пользователю понять, что он все ещё находится на вашем ресурсе и не нужно торопиться закрывать вкладку в браузере. К примеру, в сервисах «Яндекса» ошибка оформлена так:
Необходимо предлагать посетителю варианты дальнейшего взаимодействия с ресурсом. Мы рекомендуем оставлять ссылку на главную страницу сайта. Полезным будет добавить форму поиска или предпочесть ей карту сайта, если ресурс небольшой. В последнее время принято добавлять на 404 выборку товаров или статей в зависимости от типа вашего сайта. Например, на сайте газеты «Комсомольская Правда» оформить 404 страницу решили следующим образом:
Мотивация к действию. Попробуйте убедить пользователя остаться на сайте. Этим приёмом успешно пользуется компания HeadHunter.
Если тематика сайта позволяет вам это сделать, добавьте креатива. Возможно, пользователь захочет поделиться вашим нестандартным решением с другими людьми. Такие страницы могут создать большое количество трафика. Как пример — флэш-игра на странице 404 сайта Heyzap, или страниц
Улучшаем страницу 404-ой ошибки / Хабр
 Если пользователь попадает на стандартную страницу ошибки 404, велика вероятность того, что он покинет веб-сайт и вряд ли вернется. Кастомная страница 404, полезная и привлекательная, способствует дальнейшему пребываниваю на вашем веб-сайте.




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


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


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


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


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


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


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

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


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


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

Сколько раз на просторах интернета Вы натыкались на страничку с сообщением о том, что запрашиваемая страничка не существует?

И что Вы обычно делали в этой ситуации?

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

Также и на Вашем сайте посетителям периодически встречается ошибка 404:

– Что это такое? – Думают они и впопыхах закрывают вкладку в браузере. И при этом Вы теряете очередного потенциального клиента.

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

Почему дизайн 404 страницы так важен
 

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

Чаще всего причиной этой ошибки становятся:

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

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

Какой должна быть правильная 404 страница

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

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

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

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

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

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

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

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

Если Вы не обладаете переизбытком креативного мышления, всегда можно просмотреть примеры страницы ошибки 404 в интернете – Google Вам в помощь!


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

А какой дизайн 404 страницы используете Вы?

 
 Идеальная страница 404 ошибки, или как удержать пользователя на сайте? / Хабр 
 Большинство пользователей, наткнувшись на страницу ошибки 404, постараются как можно скорее ее закрыть и забыть. Чтобы не потерять таким образом своих посетителей, стоит создать для этой ошибки необычное оформление. Рассмотрим детальнее, какие задачи стоят перед страницей 404 и как их воплотить.
 В качестве вступления отметим, что страница 404 «Не найдено» (Страница 404 не найдена) — это один из кодов состояний HTTP, продемонстрированный Консорциумом Всемирной паутины (W3C) в 1992 году.Для тех, кому интересно значение цифр 404, вкратце расскажем. 
 Первая «4» означает, что произошла ошибка со стороны клиента. Такой ошибкой может быть неверно написанный URL или запрос несуществующей страницы. В свою очередь, первая «5» значила бы ошибку со стороны сервера.
 Цифры «04» — определить конкретную ошибку Не найдено из группы 4хх. Среди других ошибок из этой группы — 400 неверных запросов, 401 неавторизованный, 402 Требуется оплата, 403 Запрещено и так далее.
 
 Это становится сложнее, если небольшие сайты отслеживают статистические данные сайтах, отслеживающие битые ссылки, ведущие на удаленные или перемещенные файлы или страницы. Еще большей проблемой становятся внешние ссылки. Будучи самой распространенной ошибкой, с которой может столкнуться интернет-пользователь, страница может оказаться ненайденной по нескольким  причинам : 
 был изменен URL;
 страница была удалена;
 ошибка в написании ссылки;
 сайт на данный момент находится оффлайн;
 сайт больше не существует и т.д.
 
 Попробуем взглянуть на проблему с точки зрения пользователя. Когда пользователи сталкиваются с ошибкой 404, первый вопрос, приходящий им в голову: что мне делать дальше? После этого они, скорее всего, покинут сайт, если только Вы не найдете способ их удержать. Очевидно, что есть смысл видоизменить стандартную страницу 404.
 В целом, кастомная страница ошибки 404 должна справляться с такими  задачами : 
 
 удобный для пользователя дизайн, чтобы не отпугнуть его и удержать на сайте;
 полезный контент, который бы предоставил пользователю ответ на вопрос «что мне теперь делать?» и дал простые и ясные инструкции;
 принятие во внимание вопросов SEO.
 
 Принимая это во внимание, приведем  список рекомендаций  по созданию кастомной 404-й страницы. 
 
   Будьте любезны с посетителями.   Они попали на эту страницу не по своей вине. Постарайтесь выразить свое сожаление и готовность помочь.
   Не углубляйтесь в технические детали.   Термин «ошибка 404» сам по себе уже в достаточной мере техничен и в то же время понятенству пользователей.Нет никакой необходимости отпугивать посетителей любой другой специфической информацией о причине этой ошибки. По сути, необязательно даже использовать цифры «404», достаточно просто объяснить суть проблемы.
   Предложите пользователю проверить написание ссылки.   Если они вводили адрес ссылки самостоятельно, то вполне вероятно допустить ошибку.
   Придерживайтесь единого стиля сайта.   Дизайн страницы 404 по оформлению и по ощущениям должен быть выдержан в стиле Вашего бренда, чтобы у пользователей не возникло заблуждения, что они попали на какой-то другой сайт.
   Страница ошибки 404 не должна выглядеть как обычная страница.   Ваши посетители должны ясно видеть, что страница не была найдена и не содержит какого-либо контента. Поэтому не стоит наполнять ее слишком большим текстом и ссылок.
   Небольшая порция юмора никогда не помешает.   Довольно часто 404 страница становится для дизайнеров и разработчиков платформой для выражения своих креативных и юмористических идей.Вместо того, чтобы пользователи быстро закрывали ненайденную страницу, лучше удерживать их от закрытия сайта, заинтересовав забавно и изобретательно выполненной страницей.
   Будьте полезными и предоставьте ссылки на возможные совпадения.   Если пользователи оказались на ненайденной странице, они, вероятно, что-то искали. Так помогите же им это найти. Разместите на странице меню или ссылки на недавно перемещенные страницы. Или почему бы не дать ссылки на самые популярные страницы Вашего сайта? Либо на самый новый и актуальный контент.Так или иначе пользователи должны быть не более чем в одном клике от перехода на какую-либо другую страницу сайта. И, конечно же, всегда давайте ссылку на главную страницу.
   Добавьте строку поиска.   не потерять своих посетителей, позвольте им найти то, что они искали, оказавшись на странице ошибки.
   Обеспечьте способ отправить отчет об ошибке.   У пользователя всегда должна быть возможность отправить вам сообщение об ошибке, если он пожелает.Это поможет Вам узнать о каких-либо внутренних недочетах сайта. Еще лучшим решением для установки проблем на сайте станет автоматическое уведомление. А если внезапный всплеск 404-х ошибок. Это позволит исправить проблему в режиме реального времени, пока она еще релевантна.
   Позаботьтесь о вопросах SEO.   Для оптимизации сайта максимально сократить количество внутренних ссылок на 404-е страницы, а еще лучше исключить выполнение некорректных URL-адресов, ведущих на страницы 404.Инструменты для вебмастеров помогут Вам проверить на сайте, в том числе и ошибки с кодом 404 Не найдено. Более того, эти инструменты помогают Вам понять, откуда берутся ошибки и как они формируются — ошибка в URL ссылки на сайте, либо это атака конкурентов.
  Немного отклоняясь от оригинала статьи, добавлю ссылки и скриншоты, о которых говорится в этом инструменте.  
 Google:
 Яндекс:
 
  Также рекомендую ознакомиться с официальной информацией о страницах 404 поисковых систем: Google —   здесь   и Яндекс —   здесь .
 Напоследок, мы выбрали несколько самых забавных изобретательных страниц 404 для различных сайтов в интернете.
.
 Улучшаем страницу 404-ой ошибки / Хабр 
 Если пользователь попадает на стандартную страницу ошибки 404, велика вероятность того, что он покинет веб-сайт и вряд ли вернется. Кастомная страница 404, полезная и привлекательная, способствует дальнейшему пребыванию на вашем веб-сайте.
 
 
 
 
 Ответ прост: все. Страница 404, на которой лишь написано «Страница не найдена», не будет полезной для посетителя; даже ссылка «Вернуться на главную» не поможет.
 Отсутствие достойной 404-ой страницы плохого качества. Посетители, которые ищут определенную страницу на вашем сайте, но попали на битую ссылку, будут вынуждены вернуться на главную страницу и начать поиск заново. Если они не найдут, что ищут, то тут же покинут веб-сайт. В идеале пользователь никогда не столкнется с подобными ошибками, но страница 404-ая позволяет извиниться перед пользователем и помочь ему найти то, что он ищет. Довольный прогнозитель вероятнее всего вернется на ваш веб-сайт.
 Еще хуже, когда 404-ая страница отсутствует вовсе. У посетителя не будет представления о том, что происходит. Отсутствие такой страницы делает сайт непрофессиональным и заставляет пользователя покинуть его.
 
 
 Самое важное сделать страницу 404-ой ошибки простой и понятной пользователю. Напишите, что страница, которую ищет посетитель, не существует. Объясните, почему именно она не существует.
 Извини, друг. Страница, которую вы запросили, не находится в нашей базе данных.Скорее всего вы попали на битую ссылку или опечатались при вводе URL. — A List Apart 404-ая страница
 
 
 Очень важно, чтобы дизайн 404-ой страницы не отличался от остального веб-сайта. Это включает логотип, навигацию, цветовую схему и т.д.
 
 
 Страница 404-ой ошибки должна быть предельно полезной для пользователя. Чтобы достичь желаемого эффекта, можно применить следующие элементы: 
  Поисковая форма 
  Ссылка на главную страницу 
  Список самых популярных страниц 
  Ссылка на карту сайта 
  Кнопка сообщения о битой ссылке 
 Не думайте, что все знают, что такое 404-ая ошибка.Вас нужно объяснить, в чем проблема, в дружелюбной манере. Лучше сказать так: «Упс! Мы не можем найти страницу, которую вы ищете », чем так:« 404-ая ошибка. Страница не найдена ».
 
 
 Если вы владеете большим веб-сайтом, например, как Google, с множеством страниц разного содержания, страница 404 с помощью популярной страницы или поисковой формы не пользователю.
 
 
 404-ая страница может быть простой и даже смешной.Если ваша страница является таковой, то она бесспорно задержит посетителей на вашем сайте. Возможно даже, что они будут скидывать эту страницу своим друзьям. Именно это и произошло с 404-ой страницей GitHub:
 На сайте nosh.com вообще размещено видео:
 
 
 
 Ваша страница 404-ой ошибки может быть хорошо и отлично смотреться, но очевидно, что она не должна отображаться в результатах поиска. Это можно осуществить двумя способами:
 Убедитесь, что веб-сервер возвращает правильный статус 404 HTTP, тогда поисковики будут игнорировать эту страницу.
 Добавьте страницу 404 в файл robots.txt.
 
 Просто добавьте URL любого файла в robots.txt и загрузите на сервер:
  Disallow: /404.html
  
 
 
 Чтобы использовать собственную страницу 404-ой ошибки, нужно создать файл .htaccess и добавить в него следующую строчку:
  ErrorDocument 404 /error/404-error.html
  
 
 
 Теперь мы знаем, что вместо скучных и бесполезных страниц 404-ой ошибки, нужно потратить время на собственную информативную страницу, увидев которую, посетителям не захочется покидать веб-сайт.
  PS  Все замечания по поводу перевода, орфографии и т.п. с удовольствием приму в личку. Спасибо!
.
 Ошибка 404. Страница не найдена, что это значит и как исправить 
 Одной из самых распространенных проблем, с которой сталкиваются различные сайты, ошибка 404 не найдена. Сегодня подробно разберем, почему она возникает, как избавиться от нее и существует возможность обезопасить свой ресурс.
 Ошибка 404 — это код состояния HTTP, который означает, что страницу, которую вы пытаетесь открыть на веб-сайте, не удалось найти на сервере.
 Чтобы понятно, ошибка 404 указывает, что, хотя сам сервер доступ, используется, показывающая ошибку — нет.
 Сообщения об ошибках 404 Not Found часто отдельно настраиваются вебсайтами. Вы можете увидеть некоторые из наиболее креативных в нашем списке лучших страниц 404. Ошибка 404 может быть практически любым способом, который можно представить себе в зависимости от, на каком веб-сайте отображается.
 Как вы могли увидеть ошибку 404 
 
 Вот несколько распространенных способов отображения HTTP 404:
 Ошибка 404
 404 не найдено
 Ошибка 404
 Запрошенный URL [URL] не был найден на этом сервере
 HTTP 404
 Ошибка 404 не найден
 404 — файл или каталог не найден
 HTTP 404 не найден
 404 Страница не найдена
 Сообщения об ошибках 404 Not Found могут появляться в любом браузере или любой системе.Большинство ошибок 404 Не найдено в окне интернет-страницы так же, как и веб-страницы.
 В Internet Explorer сообщение «Веб-страница не найдена» обычно указывает на ошибку HTTP 404, но возможна ошибка 400 Bad Request. Вы можете проверить, на какую ошибку ссылается IE, проверив 404 или 400 в строке заголовка.
 404 приложения, созданные при открытии ссылок через Microsoft Office, приводят к тому, что запрошенный вами элемент не может быть найден (HTTP / 1.0 404) в программе MS Office.
 Когда Центр обновления Windows выдает ошибку 404, он отображается в виде кода 0x80244019 или в виде сообщения WU_E_PT_HTTP_STATUS_NOT_FOUND.
 Причины ошибок HTTP 404 
 Техническая ошибка 404 является ошибкой на стороне клиента, подразумевая, что ошибка является вашей ошибкой, либо потому, что вы неправильно ввели URL, либо страница была перемещена или удалена с веб-сайта, и вы должны были быть знать об этом.
 Другая причина — веб-мастер переместил страницу или ресурс, но сделал это, не перенаправляя старый URL-адрес на новый.Когда это произойдет, вы получите ошибку 404 вместо того, чтобы автоматически перенаправить на новую страницу.
 Веб-серверы Microsoft IIS иногда предоставляют более конкретную информацию о причине ошибки 404 Not Found, добавляя после 404 суффикс числа, как в HTTP Error 404.3 — Not Found, что означает ограничение типа MIME.
 Чем опасна ошибка 404 Not Found 
 На первый взгляд может показаться, что 404 ошибка по сути безвредна и не несет никакой угрозы для сайта.Во-первых, такой подход может просто оттолкнуть посетителя от ресурса. Некоторые могут подумать, что такого сайта теперь вообще больше не существует, другие же просто не захотят связываться. Пользователей раздражает, когда они не получают информацию, которую им обещала ссылка.
 Вторая причина куда более прозаичная — поисковые системы не очень любят эту ошибку. Если во время обхода ресурса столкнуться с большим количеством ссылок или несуществующих страниц, то сайт может быть значительно понижен в индексции.
 Как найти ошибку 404 
 Некоторые сайты имеют сотни или даже тысячи страниц, отследить все вручную просто не вызвать возможности. Существует огромное количество программ и сервисов, которые позволяют найти на любом ресурсе битые ссылки. Каждый вебмастер выбирает то, что ему больше нравится, руководствуясь личными предпочтениями. Но в первую очередь обратить внимание стоит на следующие:
 Яндекс. Вебмастер;
 Google Search Console;
 Различные специализированные сканеры.
 В абсолютных большинстве случаев все эти сервисы бесплатны и позволяют полностью контролировать все ошибки на интернет-ресурсе. В первую очередь стоит пользоваться первыми двумя, так как они проходят на отслеживании технических проблем.
 Как исправить ошибку 404 Не найдено 
 Повторите попытку загрузить веб-страницу, выполненную  F5 , адрес / коснувшись кнопки обновления / перезагрузки, или снова попробовав выполнить URL в строке.
 Ошибка 404 Not Found может появиться по нескольким причинам, поэтому иногда простое обновление загружает искомую страницу.
 Проверьте наличие ошибок в URL. Часто ошибка 404 Not Found появляется из-за неправильного ввода URL-адреса или перехода по ошибочной ссылке.
 Перемещайтесь на один уровень каталога в URL назад, пока не найдете что-нибудь. 
 Например, если  www.web.com/a/b/c.htm  дал вам ошибку 404 Not Found, дальше на  страницу www.web.com/a/b/ . Если вы ничего не нашли здесь (или ошибка), идите на  www.web.com/a/ . Это должно вас сделать по крайней мере, чтобы оно было доступно, что оно больше не доступно.
 Если вы перешли на домашнюю страницу веб-сайта, попробуйте выполнить поиск нужной информации. Если на сайте нет функции поиска, вы хотите перейти на страницу, используя ссылки категории.
 Поиск страницы через поисковую систему.Вполне, что у вас просто неправильный URL-адрес, и в этом случае быстрый поиск в Google или вас приведет туда, куда вы хотите. 
. Если вы нашли страницу, которую вы нашли, обновите свою закладку или избранное, чтобы избежать ошибки HTTP 404 в будущем.
 Очистите кеш, если у есть подозрение, что сообщение 404 Not Found может быть только у вас. Например, если вы можете получить доступ к URL-адресу со своего телефона, но не со планшета, очистка кэша в браузере планшет может помочь.
. Вы также можете рассмотреть возможность очистки файлов cookie вашего или, по крайней мере, файлов, связанных с данными веб-сайтом, если очистка кэша не работает.
 Измените DNS-серверы, ваш компьютер, но обычно только в том случае, если весь веб-сайт выдает ошибку 404, особенно если веб-сайт тем, кто работает в других сетях (например, в вашей сети мобильной связи или у друга в другом городе). 
 404 на всем сайте не распространены, если только ваш интернет-провайдер или правительство фильтруют / цензируют веб-сайты.Независимо от причины, если это произойдет, другой набор DNS-серверов. Смотрите наш список публичных DNS-серверов для альтернативных инструкций по этому вопросу.
 Свяжитесь с сайтом напрямую. «404 вполне закономерна», чтобы сообщить вам об этом. Если они  переместили  страницу и генерируют 404 вместо того, чтобы перенаправить посетителей на новую страницу, они будут рады услышать от вас, чтобы вы могли исправить это.
 См. Наш список контактной информации на веб-сайтах ссылок на учетные записи социальных сетей, которые можно использовать для сообщений об ошибке 404 или системе статуса, если она широко распространена. Некоторые сайты даже имеют номера телефонов и адрес электронной почты!
 Если вы подозреваете, что все получают ошибку 404 на сайте, но вы не уверены, быстрая проверка в Твиттере может помочь ее устранить. Все, что вам нужно сделать, это поискать в Твиттере хеш теги  #websitedown , как в #facebookdown или #youtubedown.Пользователи Twitter, как правило, первыми начинают говорить об недоступности веб-сайта.
 Наконец, если ничего не помогает, подождите. Нет, это конечно не весело, но это может быть единственное, особенно если вы уверены, что ошибка 404 не должна возникать (т. Е. Страница действительно должна возникать по URL-адресу, который у вас есть и другие сталкиваются с той же проблемой ).
 Вы можете найти 404 ошибки на своем собственном веб-сайте с помощью таких инструментов, как DeadLinkChecker.com и ATOMSEO.
 Ошибки, похожие на ошибку 404 
 Некоторые ошибки на стороне клиента, связанные с ошибкой 404 Not Found, включают в себя 400 Bad Request, 401 Unauthorized, 403 Forbidden и 408 Request Timeout. 
 Также существует несколько кодов состояния HTTP на стороне сервера, например популярная 500 Internal Server Error. Вы можете увидеть их все в нашем списке ошибок HTTP.
 Другие случай решения вопроса 404 Не найдено 
 Выше описанные два основных решения возникающей ошибки.Но они не решают всех проблем. Есть еще несколько советов, которые дают специалисты вебмастерам:
 Не стоит давать сложных адресов основных страницам сайта. Такие важные вкладки, как например «контакты» должны иметь простой адрес.
 Не стоит часто переименовывать страницы, давая им новые ссылки. Это введет в заблуждение абсолютно всех, в том числе и поисковых роботов.
 Свой ресурс нужно размещать только на надежных серверах. Это избавит от огромного количества проблем.
 Как использовать ошибку 404 
 Можно сколько угодно приложить усилия, но периодически можно запрашивать и находить страницу с ошибкой 404. Избежать этой проблемы полностью в любом случае не получится. Но ее можно превратить в  эффективный инструмент , позволяющий конвертировать ошибки в реальные посетителей. Он выполняет три функции:
 привлекает внимание к нестандартной ситуации;
 говорит пользователю, что он допустил ошибку, но интересующая его информация скорее всего имеется на сайте;
 предлагает возможные варианты действий.
 Главное, что необходимо сделать — отказаться от стандартной формы, сообщающей о том, что запрашиваемая страница не найдена. Фактически она говорит пользователю, что он ошибся, но не предлагает ему ничего взамен.
 Все современные CMS имеют возможность настроить дизайн страницы с данной ошибкой. Вот, что может размещаться на такой странице:
 ссылка на главную страницу;
 ссылки на самые популярные материалы сайта;
 карта сайта;
 форма поиска;
 форма обратной связи.
 Все это позволит не превратить ошибку в конвертацию, но и просвещающие проблемы на сайте.
 Ошибки вебмастеров, связанные с 404 Не найдено 
 На первый взгляд все достаточно просто, однако, огромный ворох проблем связанных с 404 страницей. В подавляющем большинстве случаев они используются из-за неправильной настройки сервера. Вот список из них:
 Слишком большое количество битых ссылок и несуществующих страниц.Об опасности этого подробнее писалось выше. Подобная ситуация чаще всего на молодых сайтах при постоянном переименовывании и перелинковки страниц.
 Использование стандартных шаблонов 404 страницы. Фактически это посетителя наедине с самим собой. Вероятность его возвращения на такой ресурс резко стремится к нулю.
 Отсутствие предупреждения о том, что эта страница не работает. Такая ошибка используется на собственных шаблонов, она может ввести в заблуждение, что все работает так как надо.
 На все запросы сервер выдает ответ HTTP «200 OK». Такое возможно, когда вебмастер пытается полностью избавиться от ошибок 404, насильно отвечая, что все работает.
 На дизайн страницы 404 стоит 301 редирект с ответом «200 ОК».
 Если обратится к рекомендациям поисковых систем, то они говорят следующее: страница 404 должна вписаться в общую концепцию оформления сайта. Не стоит применять цвета, которые не используются при создании остальных элементов ресурса.
 Как видно, при возникновении ошибки 404 Not Found вопрос что делать не стоит остро. Она устраняется достаточно легко. Но самое главное — при правильном подходе можно использовать ее для эффективной конвертации посетителей ресурса.
.
 Ошибка 404. «Страница не найдена» (не найдена). Как исправить? 
 Продолжаем разбираться с ошибками, которые часто можно увить в окне своего. И в этой статье мы выясним, что за «Ошибка 404 не найдена» или просто «Страница не найдена» и как ее исправить.
 Начну наверное с того, что ошибка 404 может появляться практически в любом браузере и на любом устройстве. Будь то компьютер, ноутбук, телефон, планшет или какое-то другое устройство. Так же без разницы, установлена ​​у вас Windows 10, 8, 7 или вообще XP.Это проблема не с подключением к интернету (в большинстве случаев).
 Саму ошибку «Not Found», или «Нет такой страницы» можно вести при посещении самых разных сайтов. В социальных сетях, поисковых системах, и даже на вашем любимом сайте, где вы смотрите фильмы
 Так же сама ошибка может по внешнему виду-разному. В данном случае все зависит от того, как она настроена на сайте. Не редко, это обычная, можно сказать стандартная ошибка, которую выдает сервер.Выглядит она примерно вот так:
 
 Давайте подробнее разберемся, почему такие сообщения вообще появляются, и что можно сделать на нужный сайт.
 Ошибка 404: что это и почему она появляется? 
 Данная ошибка означает, что вы пытаетесь перейти по адресу, которого не существует. Страница по этому адресу недоступна. Адрес страницы изменился, или она была удалена. Например, возьмем одну из страниц этого сайта. Пускай это будет  https: // help-wifi.com / полезное-и-интересное / что-такое-роутер-хим-вай-фай-роутер-отличается-от-маршрутизатора . Если перейти по этому адресу, то загрузится необходимая нам страница. Но, если изменить адрес, например добавить в конце-то цифру, или букву, то мы увидим ошибку «Страница не найдена». Так как страницы с таким адресом просто не существует на сайте.
 
 Как видите, у меня страница с ошибкой более информативная, чем на скриншоте в начале статьи. Можно перейти на главную, найти что-то через поиск по сайту, или посмотреть другие статьи.
 В социальной сети Вконтакте, например, страница с ошибкой 404 выглядит вот так (Страница не найдена):
 
 Как мы уже выяснили, эта ошибка появляется из-за проблем на самом сайте. В большинстве случаев просто меняется адрес нужной вам страницы, или администратор сайта удаляет ее. Могут быть проблемы на стороне сервера, где находится сайт. Например, неправильная работа какой-то системы защиты и т. д. С поисковой системы вряд ли можно зайти на страницу, с ошибкой Не найдено.Так как поисковые системы «выбрасывают» такие страницы из индекса. Я сам не редко сталкиваюсь с ошибкой при переходе на какую-то страницу из закладок, или по этой ссылке на сайте.
 Как исправить ошибку 404 «Страница не найдена»? 
 Решений очень мало. Так как проблема не на вашей стороне, а на стороне сервера (сайта). И скорее всего, вряд ли вы уже сможете получить доступ к этой странице. Но несколько решений, которые могут исправить эту ошибку, все таки есть.
 Первым делом обновите страничку в браузере.Нажмите на кнопку F5, или на соответствующую кнопку в самом браузере. 
 
 Проверьте адрес в адресной строке. Может вы туда случайно что-то дописали. 
  Не редко ошибка 404 появляется из-за того, что автор на сайте неправильно указывает адрес ссылки. У меня такое было несколько раз.
 Скопируйте ссылку из адресной строки Яндекс, и попробуйте найти ее через поисковую систему Яндекс, или Google. 
  Возможно, в результатах поиска появится необходимый нам сайт и необходимая страница.
 Вернитесь на главную страницу сайта, и попробуйте найти нужную страницу через меню на сайте, или через поиск.
 Попробуйте открыть данный URL (адрес) в другом браузере или с другого устройства. Если в другом браузере все отлично откроется, вы не увидите ошибки «Страница не найдена», то очистите кэш своего. Для примера: как это сделать в браузере Opera.
 Если весь сайт недоступен (даже главная страница) и в браузере появляются ошибка Not Found (или другая с кодом 404), а с другим устройством (через другое подключение к интернету) все открывается, то скорее всего ваш IP-адрес по какой-то Причина заблокирован на сервере.Можно сменить IP с помощью VPN плагина для. Если очень нужно зайти на этот сайт.
 Редко, но может быть проблема с DNS. В таком случае можно попробовать прописать DNS от Google.
, на этой странице появляется ошибка «Нет такой страницы» (или что-то в этом роде), то вы можете написать администрацию сайта и объяснить проблему. Возможно, они подскажут вам новый адрес.
 Если вы знаете другие способы, можно исправить ошибку 404, то поделитесь своим решением в комментариях под этой статьей.Можете описать свою проблему и задать вопрос.
 Подводя итоги: эта ошибка в большинстве случаев возникает из-за проблем на самом сайте. Нам нужно только смерится, и найти необходимую информацию на другом сайте. Это не большая проблема в наше время.
 .
No related posts.