Ошибка 404 ссылка на сайт

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

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

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

http://site.ru/asdfjkl;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Google Search Console

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

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

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

Ошибка 404, либо Error 404 Not Found — ошибка, которая появляется, если браузеру не удалось обнаружить на сервере указанный URL.

Что означает ответ 404

Error 404 Not Found отображается по-разному: «HTTP 404 не найден», «Ошибка 404 Not Found», «404 Страница не найдена». Смысл надписи всегда остаётся тем же: страница отсутствует либо просто не работает. Not Found в переводе означает «не найдено».

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

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

Разберёмся в техническом формировании ответа Error 404 Not Found.

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

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

Какие ещё ошибки бывают. Ошибку 404 не нужно путать с другими ответами, которые указывают на невозможность связи с сервером. Например, ошибка 403 сообщает, что доступ к URL ограничен, а ответ «Сервер не найден» свидетельствует, что браузер не смог обнаружить место размещения сайта.

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

Причины, по которым HTTP возвращает ответ 404 Not Found:

• Неверный адрес. К примеру, при ручном наборе пользователь допустил опечатку в адресе либо ссылка ведёт на несуществующую страницу. При этом домен должен быть написан верно. Если пользователь ошибется в названии домена, страница вообще не загрузится (без показа ошибки).
• Битая ссылка. Это нерабочий URL, который никуда не ведёт. Данный вариант иногда возникает при внутренней перелинковке. К примеру, раньше страница существовала, а потом её удалили и забыли убрать ссылку.
• Удалённая страница. Когда пользователь попытается перейти на удалённую с сервера страницу, он также увидит ошибку 404. Ссылка для перехода может сохраниться в браузерных закладках или на сторонних ресурсах.
• Неправильный редирект на страницу с изменённым адресом. Допустим, в процессе редизайна URL изменили, но оставили без внимания связанные ссылки.
• Неполадки на сервере. Это самый редкий вариант.

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

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

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

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

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

Как выявить ошибку

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

Search Console Google

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

1. Войдите в учётную запись Google и перейдите в Search Console.
2. Откройте раздел «Ошибки сканирования» → «Диагностика».
3. Кликните на «Not Found».

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

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

Сервис для вебмастеров от Яндекса поможет быстро найти все ошибки 404:

1. Откройте Вебмастер после авторизации в Яндекс-аккаунте.
2. Выберите «Индексирование» → «Доступные для поиска страницы» → «Исключённые страницы».
3. В выданном списке выберите фильтр «Ошибка HTTP: 404».

Чтобы использовать Яндекс.Вебмастер, также нужно подтвердить право владения сайтом — добавить метатег в HTML-код главной страницы.

Screaming Frog

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

SiteAnalyzer

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

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

Выбор конкретного решения зависит от причины ошибки:

1. Ссылка ведёт в никуда из-за неверного URL. Для решения проблемы замените ошибочную ссылку на правильный адрес, чтобы сервер отдавал код 200 OK.
2. Битая ссылка. Подобная ситуация не редкость при внутренней перелинковке страниц. К примеру, ссылка есть, а саму страницу давно удалили. Решений два: удалить ссылку или заменить её на другую.

Удалять и менять ссылки вручную удобно только на небольших сайтах. Исправление ошибок на крупных порталах лучше автоматизировать. Например, с помощью специальных плагинов для внутренней перелинковки (Terms Description, Dagon Design Sitemap Generator) и для автоматического формирования адресов страниц (Cyr-To-Lat).

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

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

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

Как сделать страницу 404 полезной

Грамотно оформленная страница с ошибкой Error 404 Not Found — действенный инструмент конвертации посетителей. Ограничений по использованию страницы с ошибкой 404 нет. При этом практически все CMS позволяют настраивать дизайн этой страницы.

Что публиковать на странице 404:

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

При оформлении страницы-ошибки желательно опираться на рекомендации поисковиков:

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

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

Примеры оформления страниц 404

Designzillas

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

Domenart Studio

Веб-студия «Домен АРТ» использует красочную страницу 404, оформленную в единой стилистике ресурса. Заблудившимся пользователям предлагают попробовать ещё раз ввести адрес или перейти в нужный раздел.

E-co

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

Дом со всем

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

Kualo

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

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

Главные мысли

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

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

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

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

О данной ошибке браузер может сообщить несколькими способами:

• 404 error.
• 404 page not found.
• Error 404.
• HTTP 404.
• The requested URL was found on web server.
• 404 file and directory was not found.

Скачать
файл

Код этой ошибки складывается из двух составляющих:

• первая цифра «4» говорит о том, что это проблема в работе устройства клиента, а не сервера;
• цифры «04» определяют спецификацию ошибки.

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

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

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

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

Ошибка 404 not found возникает по ряду причин.

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

  

  

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

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

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

Вред от ошибки 404 на сайте

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

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

Часто данная ошибка ухудшает трафик и приводит к снижению продаж.

SEO

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

E-commerce

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

Мотивы потенциального покупателя в этом случае объясняются максимально просто.

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

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

Как выявить ошибку 404

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

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

Search Console Google

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

• Войти в учетную запись Google и перейти в Search Console.
• Сначала открыть раздел «Ошибки сканирования», а затем – «Диагностика».
• Кликнуть мышкой на «Not Found».

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

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

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

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

• Пройти авторизацию в Яндекс-аккаунте и отрыть «Вебмастер».
• Сначала выбрать «Индексирование», потом «Доступные для поиска страницы», а затем «Исключенные страницы».
• В сформированном списке выставить фильтр «Ошибка HTTP: 404».

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

Screaming Frog

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

Это бесплатное Desktop-приложение позволяет оперативно найти нерабочие и несуществующие ссылки.

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

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

• Ссылка ведет к несуществующей странице из-за ошибки в URL. Чтобы решить проблему, достаточно ввести правильный адрес, чтобы сервер отдавал код «200 ОК».
• Битая ссылка. Как уже упоминалось выше, часто подобные адреса появляются при внутренней перелинковке сайта (страницу удалили, а путь остался). В этом случае есть два варианта: удалить ссылку или заменить ее другой.

Как исправить ошибку 404? Вручную удалять и менять адреса удобно лишь в том случае, если сайт небольшой. Если же речь идет о крупном ресурсе, данный процесс стоит автоматизировать. Для этих целей подходят специальные плагины для внутренней перелинковки (например, Terms Description, Dagon Design Sitemap Generator и др.) и сервисы для автоматического формирования адресов страниц (в частности, Cyr-To-Lat).

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

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

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

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

Как улучшить страницу с ошибкой 404

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

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

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

Шаг 1. Донести до посетителей сайта, что все под контролем.

Безликое стандартное «Not Found» – пустой звук для большинства пользователей. Поэтому, чтобы объяснить, что произошло, лучше выбрать простые и понятные формулировки. Например:

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

Хорошая идея – можно более детально объяснить посетителям сайта, почему они столкнулись с ошибкой 404. К примеру:

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

Шаг 2. Перенаправить пользователя в другой раздел.

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

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

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

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

Шаг 3. Сгладить негатив с помощью юмора.

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

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

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

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

Зачем оформлять страницу 404 Not Found?

Существует 2 основные причины появления 404-ой ошибки:

• неправильно введён адрес ссылки;
• страница была удалена.

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

Вот так оставлять нельзя:

Рисунок 1. Стандартная страница 404 Not Found

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

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

Сайт 1:

• 1 143 477 просмотров сайта за год;
• 42 114 просмотров страницы 404 за год (или 3,85%).

Приведем для сравнения такие цифры: у самого популярного раздела каталога 218 011 просмотров за год (19%), что всего в 5 раз превышает количество просмотров 404-ой страницы. А у раздела, который находится на 6 месте по количеству просмотров за год, эта цифра составляет 14 935 просмотров (или 1,3%), что в 3 раза меньше, чем у страницы 404.

Сайт 2:

• 64 625 просмотров сайта за год;
• 547 просмотров страницы 404 за год (или 0,84%).

Из 11 разделов на сайте целых 4 раздела имеют меньше просмотров, чем страница 404.

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

При желании вы можете проверить свой сайт на количество посещений страницы с 404-ой ошибкой через Яндекс.Метрику. Как это сделать, подробно описано в инструкции от Яндекса.

Как оформить страницу ошибки

Существует 5 вариантов:

1. Оставить стандартную страницу ошибки браузера. Но ведь мир и так довольно жесток 🙁

Рисунок 2. Мем

2. Сделать страницу креативной и интересной:

Gif 1. Страница 404 с анимацией с сайта  https://rabota.gk-rte.ru/404

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

3. Сделать страницу полезной для посетителя, помочь ему найти нужную информацию:

Рисунок 3. Страница 404 с полезным контентом с сайта https://drarthurkhristenko.ru/404

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

4. Совместить предыдущие 2 варианта:

Рисунок 4. Страница 404 с полезным контентом и креативом с сайта https://www.coca-cola.ru/404

Отличный пример совмещения креатива и полезной для посетителя информации на сайте Coca-cola.

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

5. Использовать промокод на скидку:

Рисунок 5. Страница 404 с промокодом с сайта https://www.planeta-sport.ru/404/

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

Рисунок 6. Мем

Шапка и футер — оставляем?

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

Наша рекомендация: оставить шапку и футер при оформлении страницы с 404-ой ошибкой. Тем более так рекомендует Google:

“Страница 404 должна быть выполнена в том же стиле (включая элементы навигации), что и основной сайт.” — Google.

Создаем блок с ошибкой 404

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

Рисунок 7. Пример 404-ой страницы на сайте https://kolesa.kz/404/

Сайт по продаже автомобилей использует оригинальную фразу “Докатились” и тут же предлагает посмотреть объявления. Из минусов здесь можно отметить тёмный фон, так как на основном сайте он светлый.

Рисунок 8. Пример 404-ой страницы на сайте https://www.pixar.com/404

* Перевод: “Не плачь. Это всего лишь 404 ошибка. То, что ты ищешь, могло переместиться в долгосрочную память.”

Рисунок 9. Пример 404-ой страницы на сайте https://www.lego.com/ru-ru/404

Рисунок 10. Пример 404-ой страницы на сайте https://www.f1news.ru/404/

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

Рисунок 11. Пример 404-ой страницы на сайте https://www.tinkoff.ru/404/

Рисунок 12. Пример 404-ой страницы на сайте https://www.aviasales.ru/404

Рисунок 13. Пример 404-ой страницы на сайте https://www.kinopoisk.ru/404/

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

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

Текст для страницы с ошибкой 404

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

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

Элементы навигации

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

Если ваш сайт предоставляет услуги или продаёт товары, то добавьте ссылку на каталог и основные услуги/товары.

Рисунок 14. Пример 404-ой страницы на сайте https://www.mann-ivanov-ferber.ru/404/

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

Рисунок 15. Пример 404-ой страницы на сайте https://www.nytimes.com/404

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

Возможность сообщить о неработающей ссылке

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

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

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

Рисунок 16. Пример отработки кнопки “Сообщить о нерабочей ссылке” со страницы https://enjoyme.ru/404/

Основные рекомендации

Резюмируем основные рекомендации из данной статьи:

1. Оформите страницу 404 в том же стиле, что и весь сайт. Это касается элементов навигации, шрифта, цвета.
2. Подготовьте понятный и короткий текст, который не вызовет отторжения у пользователя. Ему должно быть ясно, что запрашиваемая страница недоступна.
3. Добавьте креатив в оформление, чтобы удержать посетителя на сайте.
4. Добавьте ссылки на главную страницу, основные категории и услуги, а также на самые популярные статьи или записи блога.
5. Вся информация должна помещаться на первом экране. Нет смысла добавлять больше: вряд ли посетитель страницы 404 будет скроллить вниз.
6. Дайте пользователю возможность сообщать о неработающих ссылках, даже если не собираетесь проверять эти сообщения.

Блок-схема

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

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

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

Рисунок 17. Пример составленной блок-схемы для 404 страницы Ant-team.ru

Итоги и бонусы

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

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

• Чек-лист на дизайн для страницы 404
• Шаблон ТЗ на дизайн для страницы 404

А чтобы было ещё понятнее, можете воспользоваться примером заполнения шаблона ТЗ и нарисованной блок-схемой:

• Пример ТЗ на дизайн для страницы 404 Ant-Team
• Блок-схема 404 Ant-Team

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

Автор статьи: Кирилл Агафонов (Ant-team.ru)

P.s. Подписывайтесь на наш телеграм-канал t.me/seoantteam, чтобы первыми узнавать о выходе новых материалов.

При написании статьи использованы источники:

1. https://developers.google.com/search/docs/advanced/crawling/soft-404-errors?hl=ru&visit_id=637885645086554669-667034082&rd=1#93641
2. https://yandex.ru/support/metrica/stand-out/informative-page-404.html#informative-page-404