Корректная обработка ошибки 404

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

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

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

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

1. Дизайн страницы ошибки не должен отличаться от остального дизайна веб-сайта, включая логотип,  цветовую схему, навигацию и т.п.
2. Сделайте страницу информативной для пользователя. Для этого на нее можно пометить  следующие элементы:
   • ссылку на главную страницу сайта
   • форму поиска по сайту
   • самые популярные страницы сайта(топ-10)
   • ссылку на карту сайта
3. Простая, а порой даже забавная обработка страницы 404 ошибки, поможет задержать на сайте пользователя. Есть много сайтов тому подтверждением
4. Сообщите об ошибке в дружелюбной манере. «Упс! Извините, мы не можем найти данную страницу!» звучит приятнее, чем «Ошибка 404 – страница не найдена»

Как реализуется обработка 404 ошибки?

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

Disallow: /404.html

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

ErrorDocument  404 / 404-error.html

где 404-error.html и есть специально созданная страница-обработчик ошибки.

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

Как бороться с возникновением ошибки 404 на сайте?

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

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

Вот несколько нестандартных решений оформления страницы обработки ошибки 404 различными ресурсами:

Сайт eu.blizzard.com

 Сайт chrisjennings.com

• 10.07.2012
• веб-дизайн

Статья написана в рамках статейного конкурса Serpstat и SEOnews. Условия конкурса.

Для начала давайте разберем – что такое 404? Почему это ошибка? И причем тут бизнес?

404 – это код состояния HTTP.

Опустим подробности о том, что такое код состояния HTTP, вы это можете прочитать в Википедии.

С точки зрения SEO нас интересуют следующие коды состояния http:

На страницу ошибки 404 пользователи попадают в нескольких случаях:

• если они неверно набрали адрес страницы,
• кто-то указал неправильную ссылку на сайт,
• вы удалили какую-то страницу с сайта (сняли товар с производства, перестали оказывать услугу).

Неверно настроенная 404 – проблемы для бизнеса

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

• обработка ошибки 404,
• оформление страницы ошибки 404.

Далее разберем основные моменты, с которыми можно столкнуться при проблеме из первого блока.

Основные ошибки при настройке обработки 404 ошибки для SEO

• Ошибка 1. 404 не обрабатывается.

Что это значит?

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

То есть, мы зашли на главную страницу site.ru. Увидели одно содержимое. Дописали к site.ru/pr7777 – содержимое осталось прежним, хотя страницы по такому адресу нет.

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

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

Решение

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

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

• Ошибка 2. На сайте настроена Soft 404

Soft 404 — это замена страницы ошибки 404 страницей с контентом о несуществующей странице с кодом ответа сервера 200 (существующей страницы). Яндекс. Вебмастер относит soft 404 к распространенным ошибкам при разработке сайтов.

Наиболее часто встречается soft 404 в CMS Битрикс.

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

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

• Ошибка 3. Редирект на главную.

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

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

Основные ошибки при оформлении страниц 404 ошибки

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

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

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

Рассмотрим наиболее распространенные «недружелюбные» шаблоны страниц 404 ошибки.

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

• Ошибка 1. Шаблон 404 страницы от хостера.

Многие хостинги подставляют в случае отсутствия на сайте собственного шаблона 404 ошибки, свой шаблон.

• Ошибка 2. Белый лист вместо шаблона 404.

Если хостер не предоставляет шаблона 404, то вместо шаблона 404 страницы будет отображаться белый лист с надписью «404 not found».

• Ошибка 3. Шаблон 404 от браузера.

Если при коде ответа сервера 404 не предусмотрено совсем никакого шаблона, то за вас его сделает браузер.

• Ошибка 4. Шаблон 404 от CMS.

В некоторых CMS предустановлен шаблон 404 ошибки. У Joomla, к примеру, он такой.

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

• Ошибка 5. «Непонятная» страница.

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

Это может быть страница с картой сайта, пустая страница сайта, просто странная страница сайта, как на примере ниже.

С точки зрения SEO также крайне важно, чтобы и мета-описания не дублировались с другой страницы сайта, а соответствовали содержимому страницы 404 ошибки. Частый случай, когда <title> и мета-описания дублируют главную страницу сайта.</p>
<h2>Что же делать, чтобы не потерять пользователей?</h2>
<p>Наша задача сделать максимально «дружелюбную» страницу 404 ошибки.</p>

<ul>
<li>Она должна быть в дизайне сайта. Пользователь должен понимать, что он попал на нужный сайт, просто по неверной ссылке.</li>
<li>Она должна содержать пояснения, почему пользователь здесь оказался.</li>
<li>С нее должна быть доступна навигация сайта, чтобы пользователь мог вернуться и продолжить поиск по сайту по-другому.</li>
<li>Заголовок страницы, <title> и мета-описания должны быть соответствующими.</li>
</ul>
<p>Но можно пойти и дальше)</p>

<p>Очень желательно, при разработке сайта запланировать креативную страницу 404 ошибки. Чтобы она запомнилась пользователю и вызвала положительные эмоции. Примеры креативных 404 мы припасли на конец статьи.</p>
<h2>«Битые» ссылки</h2>
<p>В статье о 404 ошибке нельзя не затронуть тему битых ссылок.</p>

Проверь себя!

• Код ответа сервера

Все несуществующие страницы должны отдавать код ответа сервера 404

Проверить можно, к примеру, в Яндекс.Вебмастере

• Оформление

Страница 404 ошибки

• должна быть в дизайне сайта,
• информировать пользователя, почему он здесь оказался,
• иметь соответствующие и мета-описания,</li>
  <li>иметь навигацию.</li>
  </ul>

• Битые ссылки.

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

Все в порядке? Работаем дальше.

Предложить идею урока:

Опубликовано:
10 апреля 2015

Обновлено:
11 апреля 2019

73 449

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

404 NOT FOUND – что означает?

Определение: “404 ошибка сервера (not found) — самая распространенная ошибка при пользовании Интернетом, основная причина — ошибка в написании адреса Web-страницы. Сервер понял запрос, но не нашёл соответствующего ресурса по указанному URI.”

Для чего нужна 404 страница?

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

Проверить ответ это очень просто, наберите несуществующий адрес страницы тут – http://bertal.ru/.

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

Как настроить ответ сервера?

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

Если Ваш сервер или CMS не настроены атоматически, то придётся это сделать Вам самим – добавьте в htaccess строчку:

1

ErrorDocument 404 http://www.site.ru/404.php

Теперь, когда пользователь введёт неверный адрес, то он будет направлен на этот адрес. Страница может располагаться где угодно, но мы для примера поместили ее в корне сайта: /404.php.

404 ошибка сервера в PHP

Велосипеда изобретать не надо – существует специальная функция header, которая успешно поможет Вам это сделать.

1

header(«HTTP/1.0 404 Not Found»);

Как должна выглядеть страница 404?

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

Креативные 404 страницы – вред или польза?

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

Как отследить, сколько таких пользователей попадают на страницу 404?

Яндекс.Метрика

Для этого удобно использовать “Параметры визитов”.
В код счётчика необходимо добавить строчку: params:window.yaParams||{ }});

Таким образом, должно получиться как-то так:

1
2
3
4
5
6
7
8

w.yaCounterХХХХХХХХ = new Ya.Metrika({id:ХХХХХХХХ,
                    webvisor:true,
                    clickmap:true,
                    trackLinks:true,
                    accurateTrackBounce:true,
                    trackHash:true,
                    ut:"noindex",
                    params:window.yaParams||{ }});

На самой же странице 404 в любом месте необходимо разместить следующий JS-код:

1
2
3

var url = document.location.pathname + document.location.search	
var url_referrer = document.referrer;
var yaParams = {error404: {page: url, from: url_referrer}};

Где url – текущий адрес страницы 404, а url_referrer – адрес, с которого на него попали. Таким образом, мы в Яндекс.Метрике сможем отлеживать не только все 404 страницы, но и адреса, по которым на неё перешли.

Отчёт в Метрике необходимо смотреть тут: все отчеты -> содержание -> параметры визитов.

Подробнее о параметрах визита в Яндекс.Метрике: http://help.yandex.ru/metrika/content/visit-params.xml

Google.Analytics

Для отслеживания ошибок используем “события”. Добавляем JS-код в тело страницы:

1
2
3
4
5
6
7
8
9

jQuery(document).ready(function() { 
var url = document.location.pathname + document.location.search	
var url_referrer = document.referrer;
ga('send', {'hitType': 'event', 
	'eventCategory': 'page-404', 
	'eventAction': url, 
	'eventLabel': url_referrer
	});
});

Где hitType – тип события, eventCategory – категория, eventAction – адрес ошибки, url_referrer – откуда на 404 страницу попали.

Отчёт в Гугл.Аналитикс: Поведение -> События -> Обзор.

Подробнее о настройке событий в Аналитикс: https://support.google.com/analytics/answer/1033068?hl=ru

Как использовать полученные данные?

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

Опубликовано: 9 ноября 2021

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

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

Причины возникновения ошибки 404

Ошибка 404 – это не результат неправильной работы сайта. Ее причинами могут быть:

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

Ошибка 404 довольно неприятное явление для владельца сайта, она имеет ряд негативных последствий:

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

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

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

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

Позаботьтесь об оформлении страницы. Она должна соответствовать сайту в целом и свидетельствовать о серьезности и солидности ресурса. Разместите на странице свои логотипы, оформите в единой с сайтом цветовой схеме.

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

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

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

Обработка ошибки 404

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

Для начала отключите индексацию данной страницы поисковыми роботами, а лучше запретите ее. Тогда поисковики будут игнорировать эту страницу вашего сайта и не направлять посетителей на нее по недоразумению. Чтобы запретить страницу, найдите файл robots.txt и добавьте в него всего одну строчку: Disallow: /404.html.

Далее следует заменить стандартную страницу на собственную уникальную разработку. Для этого найдите файл с расширением .htaccess и внесите в него следующую строку: ErrorDocument 404 / 404-error.html. Где 404-error.html – это и будет URL созданной вами оригинальной страницы для обработки ошибки.

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

Как минимизировать вероятность возникновения ошибки 404

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

Для обнаружения битых ссылок может пригодиться и специальное программное обеспечение.

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

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

Самые важные новости сферы интернет-маркетинга

Подписаться на обновления