404 Not Found: необходимая ошибка

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

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

На этом сайте можно найти интерфейс Commodore 64.

Похоже, вам не стоило сюда заходить.

Попробуйте поймать кота 🙂

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

А эта страничка ушла в поход… и не вернулась.

Очень атмосферная интерактивная 404-ая страница.

Веб-страница ищет HTML своей жизни. Желательно без ошибок и вредных привычек.

Спасите несчастных леммингов!

Классический мем на сайте 9GAG.

Красивая иллюстрация броуновского движения от Hot Dot.

А этой страницы на сайте Mikandi нет, как и одежды у этой прекрасной леди.

Вам попалась страница 404? Решайте, кого уволить за такое свинство.

Синий экран смерти от Willismonds.

А эту страницу съели пациенты клиники. Очень сожалеем 🙁

Диаграмма Венна на сайте magnt.com.

Дыра в интернете на сайте CSS Tricks.

Поздравляем. Вы сломали наш сайт.

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

Здесь можно поиграть в пакмана.

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

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

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

Всё минималистично и главное — ссылка на релевантный материал.

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

Вот про экран с ошибкой от GitHub вы точно знаете, а как насчёт не менее известного Docker? Расстроенный кит смотрит на утонувший корабль, параллельно размышляя о ваших проектах.

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

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

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

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

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

На странице 404 сайта Музея Сотворения Мира (там всё по Библии) отчётливо видно, что junior и senior не могут найти менеджера проекта. А вообще классно сделали: силуэт с отсутствующей стадией эволюции в центре отражает отношение создателей сайта к этой теории возникновения жизни. Кроме того, «that link is missing» можно перевести так: «связывающее звено отсутствует». Тут как в русском с фразой «я плачу» — либо платишь (за софт), либо плачешь (из-за багов).

Если вы думали, что новозеландцы не в восторге только от шуток про «Властелина Колец», то теперь вы знаете, что каждый раз, когда вы видите карту без Новой Зеландии, где-то в Шире плачет один хоббит. Собственно, на этом и решили акцентировать внимание новозеландцы на сайте правительства.

Самоиронией может похвастаться не только правительство Новой Зеландии. В Делавэре решили поиграть и с картой, и с названием. Хотя карта просто для красоты.

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

Что означает ошибка 404 Not Found и как ее исправить

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

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

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

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

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

Но почему же все таки именно эти цифры, что означает ошибка 404?

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

Основные причины возникновения ошибки 404

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

• Неправильный адрес страницы. Тут все достаточно просто — пользователь пытался ввести прямую ссылку вручную и допустил опечатку. Или же ссылка пытается открыть несуществующую страницу.

• Битая ссылка. Фактически это ссылка, которая не ведет ни на какую страницу сайта. Чаще всего они появляются при внутренней перелинковки страниц сайт. Главное отличие от предыдущего пункта — эта страница когда-то существовала на сайте.

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

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

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

Чем опасна ошибка 404 Not Found

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

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

Как найти ошибку 404

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

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

• Google Search Console;

• Различные специализированные сканеры.

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

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

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

Ссылка ведет в никуда.

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

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

Наличие битых ссылок.

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

Другие случай решения вопроса 404 Not Found

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

• Не стоит давать сложных адресов основным страницам сайта. Такие важные вкладки, как например «контакты» должны иметь простой адрес.

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

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

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

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

1. привлекает внимания к нестандартной ситуации;

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

3. предлагает возможные варианты действий.

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

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

• ссылка на главную страницу;

• ссылки на самые популярные материалы сайта;

• карта сайта;

• форма поиска;

• форма обратной связи.

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

Ошибки вебмастеров, связанные с 404 Not Found

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

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

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

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

• На все запросы сервер выдает ответ HTTP «200 OK». Такое возможно, когда вебмастер пытается полностью избавится от ошибки 404, насильно заставляя сервер отвечать, что все работает.

• На дизайн страницы 404 стоит 301 редирект с ответом «200 OK».

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

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

Другие новости 27 августа 2018 Как написать SEO текст 14 марта 2018 Sitemap.XML 12 декабря 2018 Google Analytics – подробный обзор, установка, возможности 5193

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

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

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

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

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

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

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

• Проверим настройку 404 ошибки для поисковиков. Для этого переходим по адресу webmaster.yandex.ru/addurl.xml. В строке “Сайт” вводим “Url” — адрес несуществующей страницы, например, http://DmitriyZhilin.ru/krakazyabra/, вводим “капчу” и жмем на кнопку “Отправить”. Правильно настроенная 404 страница выдаст вот такое сообщение.

• Берем адрес несуществующей страницы http://DmitriyZhilin.ru/krakazyabra/ и вставляем ее в адресную строку браузера, если в ответ откроется окно следующего вида, то ваш сайт правильно обрабатывает эту ошибку.

Настройка 404 ошибки

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

1) Обработка ошибки сервером

Стандартные средства WordPress

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

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

404 ошибка через htaccess

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

ErrorDocument 404 http://путь к файлу 404 ошибки

Данный метод подходит для ресурсов, которые работают под Apache. Если же ресурс работает под ngnix (Unix), то откройте файл ngnix.conf и добавьте код:

Error_page 404 http://путь к файлу 404 ошибки

2) Оформление страницы 404

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

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

Изменить страницу 404 вручную

Что бы придать странице привлекательный вид на своем блоге (вставить картинки, разместить внутренние ссылки, поиск по сайту, рекламу), для этого следует отредактировать файл 404.php расположенный в корневой папке темы – я уже писал об этом выше. Доступ к нему можно получить прямо из админки (раздел “внешний вид”-“редактор”), либо через FTP.

Давайте посмотрим, как можно его отредактировать. Все ниже описанные действия я буду проводить в административной панели на примере файла одного из клиентских блогов. Открывайте код и смотрите на картинку ниже:

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

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

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

Показать «Рубрики» блога:

 wp_list_categories ('orderby=name&title_li='); 

Показать «Последние записи» блога:

 wp_get_archives ('type=postbypost&limit=10'); 

После того, как вы вставите соответствующие строчки, то страница ошибки 404 приобретет вид:

Плагин для создания страницы 404

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

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

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

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

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

Пример 1

Пример 2

Пример 3

Пример 4

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

</pre>Используемые источники:

• https://tproger.ru/devnull/best-404-notfound-pages/
• https://searchup.pro/blog/oshibka-404
• https://dmitriyzhilin.ru/404-oshibka-proverka-nastrojka-oformlenie-stranicy/