Ошибка страница 404: как найти и исправить битые ссылки

Что значит ошибка 404 на веб-странице и как её исправить

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

Сообщение об ошибке 404

Что означает ответ 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 ограничен, а ответ «Сервер не найден» свидетельствует, что браузер не смог обнаружить место размещения сайта.

Google на 404 странице сообщает о возможных причинах ошибки

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

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

• Неверный адрес. К примеру, при ручном наборе пользователь допустил опечатку в URL либо ссылка ведёт на несуществующую страницу.
• Битая ссылка. Это нерабочий 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.

Для использования Search Console Google нужно подтвердить свои права на сайт

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

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

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

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

Для входа в Вебмастер авторизуйтесь в Яндексе

Screaming Frog

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

Инструмент SEO-паук в Screaming Frog помогает найти технические неисправности сайта

SiteAnalyzer

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

SiteAnalyzer бесплатно найдёт неработающие URL

Как исправить ошибку 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

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

Меню на сайте Designzillas есть и на 404 странице

Domenart Studio

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

Контакты, поиск, меню — и всё это на 404 странице Domenart Studio

E-co

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

Ошибка 404 «Эко Пауэр» выглядит как страница входа

Дом со всем

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

Компания «Дом со всем» предлагает заказать обратный звонок

Kualo

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

На странице Kualo можно просто поиграть и заработать скидки

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

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

что это и как исправить

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

Подписаться

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

404 ошибки появляются если:

• страница удалена;
• ссылка на страницу указана неверно;
• страница была перемещена из-за чего изменился её адрес, по которому она была доступна ранее.

Например, ссылка на страницу указана https://d-element.ru/services/individuals/, а страница доступна по ссылке https://d-element.ru/services/individual/

Как найти 404 ошибки на сайте

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

• Screaming frog
• Netpeak Spider
• Xenu

Как найти 404 ошибки (битые ссылки) на сайте с помощью Xenu

Xenu – бесплатная программа для анализа сайта. С её помощью можно обнаружить 404 ошибки на сайте.

Скачайте программу и установите её на компьютер.

1. Откройте программу и выберите Check Url, как это показано на скриншоте, ниже.
Главное окно программы Xenu
2. Введите в появившееся окно ссылку на сайт и нажмите OK.
Окно старта сканирования программы Xenu
3. Отсортируйте ошибки по статусу.
Результат сканирования программы Xenu

В данном случае, мы обнаружили ошибку ссылки на внешний ресурс. Сайт nkkdc.ru доступен по адресу http://www.nkkdc.ru/, а ссылка установлена на адрес https://www.nkkdc.ru//

Как найти 404 ошибки (битые ссылки) на сайте с помощью Screaming Frog

Screaming Frog – платная программа комплексного SEO анализа сайта. С её помощью можно найти 404 ошибки и узнать какие страницы ссылаются на 404 ошибки. Скачайте программу Screaming Frog и установите её на компьютер.

1. Откройте программу, введите адрес сайта и нажмите «Start».
2. После окончания сканирования, перейдите во вкладку «Response Codes» и выберите в фильтре «Client Error (4xx)».

Окно вывода 404 ошибок в программе Screaming Frog

В результате вы получите полный список 404 ошибок. Чтобы узнать, откуда идёт 404 ошибка, нажмите на строку ошибки и перейдите во вкладку «Inlinks» (внизу).

Анимация вывода 404 ошибок на сайте

Как узнать код ответа страницы в Яндекс.Вебмастер

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

Проверка ответа сервера

404 ошибка (not found) как исправить

Универсального способа избавления от 404 ошибок нет — всё зависит от сайта. Например, если ваш сайт на CMS Bitrix, исправить ссылку можно внутри административной части или добавить 302 перенаправление (редирект). Обратитесь к нам, и мы поможем избавиться от технических проблем вашего сайта.

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

Как поступить при наличии внешних ссылок на 404 ошибку

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

Установить перенаправление можно разными способами.

Если планируете создать страницу по адресу, который сейчас отдаёт 404 код, то используйте правило 302 редиректа. После создания этой страницы, удалите 302 редирект.

301 редирект – правило перенаправления «навсегда».

302 редирект – правило временного перенаправления.

Влияние 404 ошибок на позиции в поисковых системах

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

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

Отсутствие 404 ошибок говорит о правильной перелинковке и структуры сайта.

Лучшие практики для страниц ошибок [Изучение SEO] 404 Страница SEO

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

404s

Итак, например, когда кто-то запрашивает URL-адрес yoursite.com/gobbledygook, которого на самом деле здесь не существует, вы на самом деле хотите вернуть 404. Если страница является допустимым URL-адресом, она должна быть зарегистрирована. Но если это недействительный URL-адрес, вы не хотите выдавать 200-ю страницу, которая просто говорит: «Эй, вы, вероятно, потеряли то, что искали». Это может создать много дублированного контента в поисковых системах. Google будет сканировать все подряд, типа: «Чувак, каждый URL-адрес, который мы можем себе представить на этом веб-сайте, — это 200-страничная страница». Так что вы можете использовать 404 для этого.

410s

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

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

301s

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

Ошибки сайта

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

Мониторинг

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

Вы также можете сделать что-то подобное. Это не будет смотреть на запросы, но это будет смотреть на ссылки. Вы можете перейти к своему отчету в Link Explorer, в ваши Top Pages или в Moz Analytics, ваши Top Pages в разделе Link, и вы можете увидеть страницы, которые могут быть 404-ing, которые имеют много ссылок, указывающих на них, или имеют много ссылок. запросы к ним, если вы посмотрите на свои файлы журналов.

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

Перебои в работе сайта и техническое обслуживание

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

Не хочу размещать страницу для технического обслуживания, которая на самом деле составляет около 200. Это случилось с Walt Disney Company и Disney.com много лет назад. У них была эта ошибка в течение трех или четырех дней. Они занимались обслуживанием сайта, и это заняло много времени. Google проиндексировал все эти страницы со словами: «Сайт временно недоступен». Пока они не пересматривали эти URL-адреса, в течение недели на множестве страниц веб-сайта Disney отображался фрагмент с надписью «Наш веб-сайт временно закрыт. Пожалуйста, вернитесь позже», что снизило их рейтинг кликов, убило их поисковый трафик. , просто заебало. Не используйте 200, когда вы временно упали. Используйте 503.

Спасибо за обучение!

---

Продолжай учиться

• Коды состояния HTTP
• UX-мифы, которые вредят SEO

Задействуйте свои навыки

Скачать MozBar

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

Скачать MozBar

Как найти и исправить страницы 404

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

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

Короче говоря, эти 404 страницы имеют значение.

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

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

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

Используйте бесплатную программу проверки неработающих ссылок

Ряд веб-сайтов предоставляет бесплатные инструменты для поиска неработающих ссылок. С такими инструментами, как Broken Link Check, Ahrefs Broken Link Checker (на фото ниже) и Dead Link Checker, все, что вам нужно сделать, это подключить URL-адрес вашего веб-сайта и подождать, пока веб-сайт просканирует сайт для вас.

Используйте плагин WordPress для проверки неработающих ссылок

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

Одним из недостатков использования плагина, такого как Broken Link Checker, является то, что он может временно замедлить работу вашего сайта, поэтому имейте это в виду, когда решаете, что использовать.

Поиск неработающих ссылок с помощью SEO Spider 

Инструмент SEO Spider от Screaming Frog просканирует ваш веб-сайт, чтобы автоматически помочь вам выявить несколько различных проблем, включая неработающие ссылки. А для сайтов с количеством страниц менее 500 использование бесплатное. Чтобы найти неработающие ссылки с помощью SEO Spider, вам необходимо скачать этот инструмент. После того, как вы загрузили его, вам просто нужно ввести свой URL-адрес и нажать «Пуск». Сканирование всего веб-сайта может занять несколько минут.

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

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

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

Шаг 3. Обновите страницу 404

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

Рекомендации по работе со страницей 404

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

1. Сохраняйте маркировку.

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

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

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

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

2. Сделайте это полезным.  

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

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

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

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

3. Добавьте индивидуальности.  

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

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

Как обновить страницу 404

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

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

Если вы используете HostGator, выполните следующие действия (если вы не используете HostGator ( вы можете зарегистрироваться здесь! ):

1. Войдите в свою учетную запись cPanel. Пользовательские страницы ошибок.
2. Выберите 404 Wrong Page из списка.
3. Вы увидите страницу с текстовым полем. Введите в него HTML-код страницы, которую хотите отобразить.
4. Нажмите «Сохранить».
5. Навигация на поддельный URL-адрес на вашем веб-сайте, чтобы убедиться, что ваше обновление работает и вам нравится, как оно выглядит (обычно вы можете создать поддельный URL-адрес, добавив случайную букву в конец настоящего, например http://your-site .com/а).

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

Хотите вдохновения? 10 отличных примеров страницы 404

1. Disney

На странице Disney 404 есть очень фирменная анимация, которая отсылает к одному из его популярных фильмов, Ральф ломает Интернет . Он показывает, как Ральф преодолевает число 404 (понятно? Слушайте, 404-страничный юмор не обязательно должен быть готов к SNL), и показывает персонажа KnowsMore из того же фильма рядом с панелью поиска, которая позволяет любому, кто попадает туда, найти найти то, что они изначально искали.

Это функционально, умно и весело.

2. Atlas Obscura

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

3. Birds Barbershop

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

На странице Birds Barbershop 404 главное меню веб-сайта находится вверху, поэтому посетители могут легко перейти на любую интересующую их страницу (или заказать услугу, главный призыв к действию на веб-сайте). Четкое «О нет!» по центру страницы, чтобы люди могли с первого взгляда понять, что находятся не на той странице, на которую хотели попасть.

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

4.

IMDB

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

Поклонники поп-культуры знают, как волнительно увидеть знакомую отсылку, и IMDB умело использует это преимущество. На сайте также есть ссылка на домашнюю страницу imdb, а также на страницу цитируемого фильма на IMDB.

5. Wired

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

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

6.

NPR

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

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

7. Chewy

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

8. Spotify

Страница Spotify 404 явно разработана для любителей музыки, с изображением проигрывателя и строкой, которая звучит прямо из текста песни «404s and heartbreaks». Страница также включает главное меню веб-сайта для целей навигации и ссылку на часто задаваемые вопросы и страницы сообщества.

9. Slack

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

10. Canva

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

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

Готовы преобразовать свои страницы 404?

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