«Страница не найдена», или «Ошибка 404». Именно это уведомление каждый из нас регулярно видит на экранах ноутбуков, смартфонов и других гаджетов.

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

1. Что такое ошибка 404 и что она означает

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

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

1.1. Что такое ложная 404 ошибка (SOFT 404)

Ложная ошибка 404 — это ситуация, когда пользователь получает сообщение о том, что страница не существует, при этом код HTTP, который получает браузер, равен 200 (все ок), вместо 404. Иногда это может быть страница с маленьким количеством контента или пустая страница. 

Что рекомендуется:

• если страница реально удалена – должен отдаваться код 404 или 410
• если страница перенесена – используйте 301 код (редирект/перенаправление), но только в том случае, если редирект установлен на страницу с реально соответствующем удаленной странице контентом

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

Инструкция Google: https://support.google.com/webmasters/answer/181708?hl=ru

1.2. Почему важно знать, что такое ошибка 410?

Ошибка 410 — это код ответа HTTP, который сигнализирует о том, что страница существовала ранее, но была удалена

Что рекомендуется:
410 код удобно использовать при удаление большого количества адресов (раздел сайта или блога, большое количество товаров) – робот сразу удалит эти страницы из индекса.

Полезная информация: список кодов состояния HTTP

1.3. Почему возникает 404 ошибка (или error 404 not found)?

Причины появления:

• Страница или документ были удалены;
• Не работает 404 ответ сервера;
• В URL-адреса допущена ошибка;
• Общие проблемы с сервером;
• Редирект 301 указан неверный адрес.

2. Важность корректной страницы 404 ошибки для SEO

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

Типовые проблемы с 404 ошибкой:

• сервер не отдает 404 ответ для несуществующей страницы, вместо этого отдает код 200 (все ок), поисковый робот попадает на эту страницу и индексирует ее, такие страницы не желательны в поисковом индексе – это 404 soft (кстати, по данным Яндекса, это одна из наиболее распространенных ошибок);
• страницы удаляются без проверки внутренних ссылок на удаленную страницу (которые нужно также удалить или изменить) – появляются битые ссылки;
• потеря внешних ссылок, если страница удаляется без 301 редиректа, сайт может терять внешние ссылки;

Как 404 ошибки влияют на SEO:

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

2.1. Рекомендации Яндекс

Ключевые тезисы из рекомендаций Гугла:

• Используйте отсутствие графики или другие цвета на странице 404
• Разместите ссылку на главную, карту сайта, а также форму поиска.
• Текст на странице – минимальный:
  «Вы ищете страницу, которой не существует», «Вы ищете страницу, которая была удалена», «Вы набрали неправильный адрес страницы. Пожалуйста, перейдите на главную страницу сайта или воспользуйтесь формой поиска» и т. д.
  

Источник: https://yandex.ru/support/metrica/stand-out/informative-page-404.html?lang=ru

2.2. Рекомендации Google

Ключевые тезисы из рекомендаций Гугла:

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

Источник: https://support.google.com/webmasters/answer/93641

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

Вопрос “как сделать страницу 404” достаточно распространен как у владельцев сайтов, так и программистов, которым необходима информация о том:

• как должна работать;
• как должна выглядеть;
• какие ссылки должны быть. 

3.1. С помощью HTML страницы и файла htaccess

Паговая инструкция – как создать сделать 404 страницу с помощью  HTML:

1. Создайте файл 404.html,
2. Пропишите в созданном файле код:

<html>
<head>
<title>Ошибка 404 – страница не найдена</title>
</head>
<body>
<img src=” 404.gif” alt=”Ошибка 404″>
<p>К сожалению, запрашиваемая Вами страница не найдена.</p>
<p>Почему?</p>
<ul>
<li>— страница, на которую вы хотели зайти, была удалена;. </li>
<li>— адрес (URL) страницы был изменен; </li>
<li>— адрес (URL) страницы был изменен; </li>
</ul>
<p>Для продолжения работы с сайтом Вы можете перейти на:</p>
<ul>
<li><a href=”http://ТУТ-ССЫЛКА-НА-ГЛАВНУЮ-СТРАНИЦУ/”>Главную страницу сайта.</a></li>
<li><a href=”http://ТУТ-ССЫЛКА-НА-КАРТУ-САЙТА/”>Карту сайта</a></li>
</ul>
</body>
</html>

3. Разместите созданный файл в корневой директории сайта
4. Откройте файл .htaccess (он находиться в корневой директории сайта)
5. Пропишите в файле следующую строку кода
   ErrorDocument 404 http://ТУТ-АДРЕС-ВАШЕГО-САЙТА/404.html
6. Обязательно сохраните изменения в файле на сервере

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

3.2 С помощью функционала CMS:

В большинстве случаев в CMS уже есть предустановленная страницы ошибки 404, которую можно настраивать. Настройка страниц с ошибкой 404 отличается в зависимости от платформы, на которой разработан сайт. Рассмотрим самые популярные варианты: страницы 404 в WordPress, Bitrix и OpenCart.

  – Страница 404 в WordPress

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

Перейдите в раздел добавления плагинов, найдите плагин 404page — your smart custom 404 error page, установите данный плагин.

После установки нужно активировать плагин и перейти в раздел Внешний вид

В котором появился новый пункт 404 Error Page, переходим в него:

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

  – Страница 404 в Bitrix

В битриксе есть страница 404 ошибки по умолчанию, она состоит из:

• Список ссылок, сформированный из файлов меню;
• Компонент карты сайта Sitemap;
• Header и Footer.

Если все же станицу нужно создать вручную:

Открываем .htaccess в корне сайта и прописываем редирект на 404 ошибку:

ErrorDocument 404 /404.php

Если в качестве веб-сервера используется Nginx достаточно прописать в конфиге в секции location вот такой код:

error_page 404 = /404.php;

Создаем страницу 404.php и прописываем перед основным содержанием вот такой код:

include_once($_SERVER[‘DOCUMENT_ROOT’].’/bitrix/modules/main/include/urlrewrite.php’);

$sapi_type = php_sapi_name();

if ($sapi_type==”cgi”) 

   header(“Status: 404”);

else 

   header(“HTTP/1.1 404 Not Found”);

@define(“ERROR_404″,”Y”);

//Тут уже подключение верней части шаблона и присваивание заголовка

require($_SERVER[“DOCUMENT_ROOT”].”/bitrix/header.php”);

$APPLICATION->SetTitle(“404 – HTTP not found”);

//Код страницы

 – Страница 404 в Opencart

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

Как она выглядит:

Поэтому первым делом на этой странице нужно поменять текст.

 Сделать это можно в языковом файле, который вы найдете по адресу: 

\catalog\language\ru-ru\error\not_found.php

Первая переменная — $_['heading_title'] – хранит текст заголовка, а вторая — $_['text_error'] – текст под заголовком.

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

Для этого идем в файл шаблона страницы 404 активной темы, по умолчанию это будет файл:

 \catalog\view\theme\default\template\error\not_found.tpl

Контент страницы находится в блоке с id=»content». Давайте изменим текст кнопки и вместо Продолжить напишем Перейти на главную. 

Для этого данный код:

<div class="pull-right"><a href="<?php echo $continue; ?>" class="btn btn-primary"><?php echo $button_continue; ?></a></div>

Заменим на этот:

<div class="pull-right"><a href="<?php echo $continue; ?>" class="btn btn-primary">Перейти на главную</a></div> 

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

3.3.  С помощью HTML страницы и HTML-тега Refresh

Какую функцию выполняет мета-тег Refresh?

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

HTML cинтаксис:

<meta http-equiv=”Refresh” content=”time; URL=http://ТУТ-АДРЕС-ВАШЕГО-САЙТА/404.html” />

time   –   число секунд после которого будет произведена перегрузка
URL   –   адрес страницы 404, на которую перенаправит пользователя

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

4. Настраиваем 404 страницу

– Создаем 404 страницы для людей

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

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

1. Переход на главную страницу сайта;
2. Переход в раздел товаров (если речь идет об интернет-магазине) или самых популярных разделов сайта;
3. Просьба проверить правильность введенного адреса в строке поиска.

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

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

Какая страница ошибки 404 на популярных сайтах?

1. Розетка:
   
   
2. Алло:
   
   
3. Ламода:
   
   

– Делать ли интересный дизайн для страницы 404 ошибки?

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

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

Несколько примеров креативных страниц 404 с анимацией. (перед переходом по ссылкам, поставьте громкость на минимум).

Пример 1:

В живую: http://kvartirakrasivo.ru/404/index.php

Пример 2:

В живую: http://www.tinsanity.net/404.shtml

Пример 3:

В живую: http://hotdot.pro/404/

Как не нужно делать:

Но не выводите такую страницу:

Также интересная статья, которая будет полезна для поиска идеи для страницы 404 ошибки с 80+ примерами.

Так нужно ли создавать кастомные 404 страницы?

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

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

– Как улучшить страницу 404?

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

• Установить логотип компании;
• Сделать ссылку на главную страницу сайта;
• Интегрировать форму поиска;
• Прописать причины, по которым пользователь попал на страницу;

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

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

Есть разные способы поиска 404 ошибок на сайте, разберем основные из них:

– С помощью Google Search Console

Необходимо перейти в Покрытие, далее перейти в Исключенные страницы и посмотреть есть ли ненайденные URL (ошибка 404)

– С помощью Яндекс.Вебмастер

Необходимо перейти в Страницы в поиске, далее перейти в Исключенные страницы и выбрать статус Ошибка HTTP:404)

– С помощью плагинов в CMS

Три наиболее популярные плагина для WordPress:

• Плагин Broken link checker 
• Плагин WP Link Status
• Плагин Link checker

– С помощью сервисов и программ

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

Поэтому “отловить” свои 404 можно с помощью программ:

– С помощью программы Xenu Link Sleuth

– С помощью программы Screaming Frog SEO Spider

– С помощью программы Netpeak Spider

– С помощью онлайн сервисов

Также найти 404 ошибки можно с помощью онлайн сервисов.

– С помощью онлайн-сервиса SeoTo.Me

– С помощью онлайн-сервиса Badlinks

– С помощью онлайн-сервиса Serpstat

Полезная информация:
В статье Битые ссылки: 8 способов поиска мы детально рассмотрели различные способы их поиска.

– С помощью плагинов в CMS

К примеру, в WordPress можно использовать популярный плагин 404 to 301 — Redirect, Log and Notify 404 Errors

В котором есть лог появления 404 ошибок на сайте:

– Отслеживание через сервис Яндекс Метрику

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

Порядок действий следующий:

1. Необходимо создать цель – JavaScript-событие, с ID error404, названием error404. 
2. После этого необходимо установить в код страницы ошибки 404 код отслеживания цели:

<script>

window.onload = function (){

yaCounter1111111.reachGoal('404error');

}

</script>

Где 1111111 – код вашего счетчика яндекс.метрики

3. Теперь одна из целей – Цель 404
   
   С помощью цели вы сможете отслеживать всю нужную статистику по 404 ошибке.
   

– Отслеживание через сервисы Google Analytics

Простой вариант:

У вас стандартная страница 404 ошибки. Допустим, ее название (title) «Ошибка 404. Страница не найдена»

1. Переходим в Google Analytics, нам нужно создать настраиваемый фильтр:
   «Поведение» > «Контент сайта» > «Все страницы»
   
2. Выбираем:
   
   
3. Далее вводим название страницы 404 ошибки и нажимаем применить:
   
   
4. Все, вы можете увидеть статистику:
   
   

Также можно запустить событие 404 ошибки в Гугл.Аналитике с использованием GTM.

Это оно! Теперь у вас есть отчет о том, сколько людей оказалось на 404 странице, сколько их ушли с сайта и т.д.

https://pm-ka.com/kak-otslezhivat-oshibki-404-s-pomoschyu-google-analytics-i-google-tag-manager-2/

6. Как устранить 404 ошибки

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

• Если нужно удалить большое количество страниц – не допускайте 404, используйте 410 ответ сервера.
• Если URL-адрес был изменен – установите 301 редирект на страницу с аналогичным содержанием.

Как установить 301 редирект:

1. Через функционал CMS:
   К примеру в WordPress можно использовать данный плагин.
   
2. Или 301 редирект установите вручную:
   – Зайдите в корневую директорию сайта через файл-менеджер или FTP
   – Найдите файл .htaccees,
   – Добавьте строку: Redirect 301 /page1.html https://www.site.ua/page2.html

Как не стоит устранять 404 ошибки:

• Установка 301 редиректа с нерабочей страницы на главную страницу сайта (пользователь не попадает туда, куда хотел попасть, помимо этого, не будет знать, что контент удаленной странице больше не доступен)

7. Как проверить, что 404 ошибка устранена

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

Необходимо перейти в раздел Инструменты и выбрать Проверка ответа сервера, после чего ввести адрес страницы:

Результаты проверки:

Если в коде статуса HTTP установлен 404 – все корректно.

– С помощью сервисов

Можно воспользоваться сервисами проверки, например https://checkmy.ru/:

Результат проверки ответа сервера – 404:

8. Подведем итоги

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

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

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