Page 404: что значит, как исправить, как оформить страницу

Значение ошибки 404 Page Not Found и методы ее исправления – База знаний Timeweb Community

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

Причины появления ошибки с кодом 404

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

1. Неверный адрес. Чаще всего появляется, когда юзер вручную вводит адрес страницы или пытается перейти в несуществующий раздел сайта.
2. Удаленная страница. Иногда страницы удаляются с сайта его владельцем, однако из поисковика они не пропадают еще некоторое время. Кроме того, прямые ссылки могут храниться в закладках у некоторых пользователей. Соответственно, при переходе и появится соответствующее уведомление об ошибке сервера.
3. Битая ссылка. Такая страница когда-то действительно существовала, однако сбой произошел при перелинковке, и теперь ссылка ведет в никуда, что и влияет на возникновение проблемы.
4. Проблемы функционирования сервера. Последняя причина появляется крайне редко и связана со сбоями на сервере, где размещен сайт.

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

Комьюнити теперь в Телеграм

Подпишитесь и будьте в курсе последних IT-новостей

Подписаться

Поиск битых ссылок на сайте

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

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

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

1. Через левое меню откройте раздел «Индексирование».
2. Там вас интересует категория «Страницы в поиске».
3. Снизу перейдите на вкладку «Исключительные страницы».
4. Задайте фильтрацию, чтобы сначала отображались результаты, где присутствует «ошибка 404: страница не найдена».

Google Search Console

Онлайн-сервис от известной компании Google Search Console функционирует примерно по такому же принципу, а для поиска проблемных страниц пользователю потребуется выполнить следующие действия:

1. Выполните вход и добавьте свой сайт.  
2. Откройте раздел «Сканирование».
3. Перейдите к категории «Ошибки сканирования».
4. Используйте фильтр или самостоятельно ознакомьтесь с присутствующими ошибками.

Screaming Frog

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

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

Исправление ошибки 404

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

При использовании CMS

Сейчас многие сайты создаются при помощи CMS. Это может быть WordPress, Joomla, 1С-Битрикс или какие-либо другие системы управления содержимым. Если проблема возникает на таком сайте, а на экране при переходе к сайту вы видите следующее изображение, значит, потребуется выполнить ряд действий для исправления неполадки.
В первую очередь перейдите в корневую папку сайта и создайте там документ с расширением .htaccess. Он должен быть текстовым. Его содержимое зависит от конкретной используемой CMS. То есть необходимо прописать стандартные директивы, которые вы можете найти на официальном сайте reg.ru. Другие полезные материалы по настройке htaccess вы найдете тут и тут. 

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

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

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

Без использования CMS

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

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

что такое, как исправить, зачем нужна

Июнь 15, 2020

Привет, друзья. Иногда лазая по интернету можно наткнуться на интересную ошибку: “Ошибка 404 – Страница не найдена” или “404 Page not found”, давайте же разбираться что это такое и что Вы в конце концов сломали.

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

Ошибка 404 (или на англ. 404 Page not found) – это ответ сервера (место где хранится сайт) Вашему браузеру, который содержит в себе такую информацию: “Друг, такой страницы больше не существует, а может и никогда и не существовало, я не могу ее найти в своей базе данных”.

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

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

Давайте на примере, чтобы вас успокоить.

Вы зашли в Google или Яндекс (поисковые системы), набрали какой-нибудь поисковый запрос (купить машину), и далее попали по какой-нибудь ссылке из результатов выдачи на ошибку 404. В вашем случае произошло вот что. Когда-то существовал адрес страницы сайт.рф/mashina и администратор сайта изменил ее URL-адрес (сайт.рф/mashina – это и есть URL адрес, т.е адрес по которому можно найти эту страницу в интернете) на сайт.рф/kupit-mashinu, а поисковую систему не оповестил. А в ее базе данных до сих пор хранится старый адрес – сайт.рф/mashina, а как вы догадались там уже ничего нет. Пусто.

Вот во время таких казусов, когда вы попадете на сайт по “битой” (сломанной или нерабочей) ссылке и возникает такая ситуация. Поисковая система (Яндекс, Google) отправляет вас на сайт по нерабочей ссылке, а сервер отвечает вам – “Ошибка 404. Упс, похоже вы заблудились”.

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

Зачем нужна ошибка 404

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

В интернете миллиард страниц и у каждой есть свой URL-адрес. По этому адресу можно найти страницу, но иногда он (URL) меняется в определенных целях. В таких случаях поисковый робот (Mail.ru, Yandex, Google, Bing) переходя по старой ссылке, рано или поздно, обратят внимание что страницы больше не существует и удалят ее из базы данных. Больше она никогда не будет появляться перед пользователем. Обычно процесс удаления занимает от 3 до 7 дней.

Некоторый компании очень креативно оформляют на своих сайтах 404 страницы, помогая пользователю не теряться (не уходить с сайта). Все не без греха, иногда даже крутые сайты оставляют 1-2 “битых” ссылки в год, просто из-за невнимательности.

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

Рассказать друзьям:

Как создать эффективную страницу ошибки 404 | от SteelKiwi Inc. | Muzli

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

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

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

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

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

Прежде чем начать, узнайте, какие великие дела делают другие, и вдохновитесь

1. Логотип компании
2. Текст, который соответствует общему виду сайта, например «Страница ошибки», «404» или « Упс»
3. Описание причины возникновения ошибки
4. Ссылка на главную страницу веб-сайта или окно поиска

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

Источник: www.hula-hoop.fr/error

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

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

Источник: www.coffee-mate.com/404

Крупнейший веб-сервис для размещения ИТ-проектов Github также перенаправляет пользователей в поле поиска.

Источник: github.com/404

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

Источник: marvelapp.com/eroor

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

Источник: outlane.co/error

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

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

Источник: barkbox.com/error Источник: https://bit.ly/2GLBO1X Источник: https://bit.ly/2JeIwM1

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

Источник: disney.co.uk/error-404

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

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

Источник: www.figma.com/404

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

Источник: bitly.com/a/404

Один дизайнер нестандартных шрифтов предлагает пользователям попробовать шрифт 1403 Vintage Mono Pro на сайте 1403.slantedhall:

Источник: 1403.slantedhall.com/404

Веб-сайт Marvel предлагает пользователям страницу 404 с набором разных героев при обновлении страницы:

Источник: marvel.com/movies/error

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

Источник: starbucks.com/static/error

Крис, дизайнер, берет свои иллюстрации и собирается найти нужную страницу на своем веб-сайте Chrisglass. com.

Источник: chrisglass.com/afjn

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

Источник: kochatelier-berlin.de/404-fehler

Вы можете использовать свой талисман или логотип, чтобы разнообразить страницу с ошибкой. Pixar выбрала персонажа из фильма «Головоломка». Этот персонаж грустный, что идеально подходит для страницы с ошибкой.

Источник: pixar.com/error

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

Совет Steelkiwi: Сделайте страницу 404 креативной и простой для понимания.

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

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

Как исправить ошибку 404 для веб-сайтов WordPress

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

Подпишитесь на наш канал Youtube

• 1 Что такое код ошибки 404?
• 2 Когда 404 не совсем 404?
• 3 Как найти ошибки WordPress 404
• 4 Консоль поиска Google
  • 4. 1 Проверьте внешние ссылки
• 5 Как создать свою собственную страницу с ошибкой 404 «Не найдено»
  • 5.1 Создание пользовательской страницы 404 в Divi
  • 5.2 Плагины для создания страницы ошибки 404
• 6 Подведение итогов

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

Страшный 404 — это код состояния ответа HTTP. Это похоже на 503, 500, 301 и так далее, которые вы можете иногда видеть. Они не все плохие. Например, код ответа 301 просто означает, что одна страница была постоянно перенаправлена ​​на другую. Тем не менее, 404 — один из плохих блоков — блоков 400 и 500 следует остерегаться больше всего, поскольку они являются ошибками клиента и сервера соответственно.

MDN сети разработчиков Mozilla определяет 404 следующим образом:

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

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

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

Когда 404 на самом деле не 404?

Ну, технически 404 всегда остается 404. Но иногда 404 всплывает, когда вы ничего не можете с этим поделать. Это то, о чем MDN говорит выше.

Например, вы ничего не можете сделать с тем, что кто-то неправильно вводит URL-адрес вашего веб-сайта . Если они попытаются достичь Elegantthemes.com/blog и введут Elegantthemes.com/blag , они получат ошибку 404. Не потому, что наш сайт настроен неправильно или что-то не так — просто у них опечатка. Вот что означает MDN под URL не распознан .

А когда конечная точка действительна, но сам ресурс не существует , что происходит, так это то, что сам URL-адрес в порядке. Оно было напечатано правильно, ссылка верная/была правильной, но то, на что она указывает, переместилось. Возможно, это была ссылка на файл Elegantthemes.com/divi-changelog.pdf , но мы переименовали файл просто в changelog.pdf . Пользователь получит 404, но он не сделает ничего плохого. Это было бы на нашей стороне, поэтому мы могли бы исправить это с помощью простого перенаправления 301.

Или если человек переходит на Elegantthemes.com/blackfriday за день до начала распродажи. Что их встречает? Ошибка 404. Не потому, что они делают что-то не так, а потому, что страница еще не запущена. URL-адрес правильный, и контент существует. А потому, что браузер не может его вернуть, потому что технически его еще нет в интернете. Опять же, это 404, но не совсем.

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

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

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

Консоль поиска Google

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

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

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

Проверить внешние ссылки

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

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

Чтобы просмотреть все обратные ссылки на ваш сайт, нажмите Подробнее . Однако остальная часть этого процесса выполняется вручную. В зависимости от того, как со временем изменилась структура вашего URL-адреса, вы захотите использовать любые отдельные ссылки, которые были изменены. Такие, как те, которые идут от example.com/post-name от до example.com/author/post-name . Затем вы захотите взять старый URL-адрес и 301 перенаправить его с помощью плагина, такого как Redirection или чего-то подобного, вставив старый URL-адрес, по которому щелкнули, а затем вставив новый для таргетинга.

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

Как создать собственную ошибку 404 Не найдено Страница

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

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

Как вы можете видеть на изображении выше, файл 404.php — это базовый файл, который просто отображает любой HTML-код, который вы хотите видеть посетителям (вместе с перехватчиками PHP и т. п.). Если вы занимаетесь ручным кодированием, все, что вам нужно сделать, это написать код, который вы хотите отобразить, и сохранить файл через FTP или файловый менеджер. Теперь все посетители, получившие ошибку, будут перенаправлены сюда.

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

Создание пользовательской страницы 404 в Divi

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

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

Плагины

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

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

• Все 404 Перенаправление на домашнюю страницу
• Пользовательский 404 Pro
• 404page — ваша умная настраиваемая страница ошибки 404
• 404 Решение
• 404–301 — перенаправление, регистрация и уведомление
• WP 404 Автоматическое перенаправление на похожий пост

Завершение

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

No related posts.