Ошибка 404 размер страницы

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

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

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

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

2. Поставьте ссылку на карту сайта sitemap.xml, таким образом подсказав поисковому боту, какие страницы он может проиндексировать. Древние индейцы делали это для того, чтобы задобрить злого поискового бота, который мог разозлиться на владельца сайта.

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

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

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

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

7. Размер страницы должен быть минимальным, однако не меньше 512 байт, так как Internet Explorer 5 не отображает страницу с ошибкой 404, если она меньше 512 байт. Если вы выполните все пункты, которые написаны выше, то об этом можете не беспокоится, размер страницы получится в любой случае больше 512 байт.

Почему появляется ошибка 404?

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

1. Неправильно набран URL.
2. Страница была перемещена в другое место (сменила URL адрес).
3. Такой страницы не существует.
4. На адроном коллайдере столкнулись протоны с суммарной энергией 14 тераэлектронвольт.

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

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

Чтобы проверить сайт на битые ссылки в Яндекс.Вебмастер, выбираете нужный сайт, на странице информации о сайте находите ссылку «Исключено роботом», переходите по ней и ищете ссылку «HTTP-статус: Ресурс не найден (404)», после перехода по которой вы сможете увидеть все битые ссылки. Если такой ссылки нет, значит и ссылок, по-видимому, нет, по крайней мере Яндекс их не обнаружил.

Moipost.Ru

На сайте 55mb.net можно скачать microsoft office 2007 бесплатно и без регистрации.
Полезный сайт с информацией о лекарственных травах и растениях.
Блог о том, кaк зaрaботaть в интeрнeтe от Сибиряка.

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

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

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

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

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

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

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

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

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

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

Сайт 1:

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

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

Сайт 2:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Блок-схема

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1. Она должна выглядеть так же, как и весь остальной сайт

Если не указать веб серверу, как обрабатывать ошибку 404, то он будет генерировать очень простую общую страницу с сообщением об ошибке. Будет просто выдано сообщение похожее на фразу «Запрашиваемый ресурс не обнаружен — Запрашиваемый URL отсутствует на данном сервере» на простой белой странице. Такое сообщение будет выглядеть очень удручающе и практически блокирует дальнейшие действия пользователя на сайте, который выдает такую страницу. Страница для ошибки 404 должна выглядеть как сообщение об ошибке, но она должна быть оформлена в общем стиле сайта.  Если вы используете CMS, то может быть обработка уже сделана для вас. А если ваш сайт статический, то необходимо указать шаблон для ошибки 404 с помощью файла .htaccess.

2. Извинения

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

3. Поиск

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

4. Предоставьте пользователю полезные ссылки

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

5. Возможность контакта или сообщения об ошибке

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

6. Автоматический отчет

Предоставить пользователю возможность сообщить об ошибке — отличная идея. Но лишь небольшой процент пользователей будет ее использовать. Альтернативой является автоматическая генерация отчета страницей для ошибки 404. Существует множество способов сделать это. Быстрый и тупой метод — сделать страницу для ошибки 404 PHP файлом и использовать функцию mail для отправки электронной почтой адреса URL, который приводит к генерации ошибки.

<?php
  mail("chriscoyier@gmail.com", "404 report", $_SERVER['REQUEST_URI'], "From: chriscoyier@gmail.comn")
?>

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

7. Юмор

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

8. Перенаправление?

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

9. Помните о размере файла

Уровень активности вокруг ошибки 404 может неприятно удивить вас. Запросы иконок и картинок в странных директориях, ссылки на случайные изображения, которых не существует, и много других запросов к несуществующим страницам вашего сайта приходят из необъятного океана интернет. И на каждый такой запрос сервер генерирует страницу для ошибки 404. Генерация полноценной страницы на такие запросы может стать существенным потребителем полосы пропускания вашего сервера. Лучше всего, принять меры для предотвращения таких запросов, то также стоит обратить внимание на размер страницы для ошибки 404 и уменьшить его, если полоса пропускания сервера является одним из основных источников ограничений.

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

Ошибка 404: что это значит?

Иногда при переходе по ссылке вместо страницы сайта на экране появляется надпись: «Страница не найдена. 404 not found. Ошибка 404». Это значит, что такой веб-страницы нет или у неё поменялся адрес.

Почему возникает ошибка 404:

• в URL ссылки была допущена ошибка;
• был изменён URL-адрес страницы;
• сайт временно не работал или вообще не существовал;
• неправильно сработал сервер;
• веб-страницу удалили.

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

Почему нужна отдельная страница для 404 ошибки

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

Грамотно настроенная страница 404 поможет:

1. Сохранить трафик сайта и позиции в выдаче результатов поиска. Сайт теряет трафик, если пользователи часто закрывают его из-за ошибки 404. Из-за этого поисковые системы могут понизить уровень ранжирования сайта.
2. Предложить посетителю что-то взамен неоткрывшейся страницы. Пользователь попал на неработающую страницу, когда искал конкретный контент, возможно, даже форму регистрации. Сделайте страницу 404 полезной для посетителя, предложите ему почитать о ваших ключевых продуктах, дайте ссылки на полезные статьи.
3. Вызвать доверие. Грамотно оформленная страница 404 — это возможность сохранить потенциального клиента на сайте. Извинитесь и помогите пользователю найти то, зачем он зашёл на сайт. Так посетитель с большей вероятностью останется на сайте и завершит оформление заявки или покупку.

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

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

Чтобы добавить страницу на сайт:

1. Перенесите шаблон страницы ошибки 404 в корневую папку сайта.
2. Откройте файл .htaccess и пропишите код: ErrorDocument 404 http://АДРЕС_САЙТА/404.html
3. Впишите код в любую свободную строку, залейте на хостинг и проверьте: совершите ошибку в какой-нибудь ссылке, например, удалите букву. Вместо стандартного шаблона 404 должен отобразиться новый вариант. Если нет — проверьте правильность кода, возможно, была допущена ошибка.

Некоторые CMS автоматизируют процесс создания страницы об ошибке: например, в WordPress это можно сделать с помощью плагина 404page. Плагин может кастомизировать страницу на разных темах. Для его установки нужна версия WordPress от 4.0.

Как оптимизировать страницу 404 ошибки

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

Советы по созданию страницы 404:

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

Рассказали, как квиз-маркетинг помогает пользователям совершить покупку.

Примеры отличных 404 страниц для сайта

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

У McDonalds на странице 404 есть навигация по сайту и даже форма для подписки на рассылку:

На странице 404 блога Roistat пользователю предлагается вернуться на главную страницу блога, перейти в нужный раздел или воспользоваться кнопкой обратного звонка:

На странице 404 для основного сайта Roistat отсутствие страницы нивелируется подарком для пользователя. Дополнительно посетитель может прочитать кейсы работы с сервисом:

На сайте Спортмастера использована забавная тематическая картинка, есть ссылки на главную страницу, каталог товаров и поисковая строка:

Ещё одна страница известного интернет-магазина Lamoda. Кроме навигации и строки поиска, пользователям предлагают популярные товары:

Тинькофф предлагает простую страницу, на которой сообщается об ошибке и даются ссылки на основные услуги банка:

Страница об ошибке у ресторана KFC очень лаконичная страница. Пользователю предлагают всего 2 кнопки с простым CTA — «Заказать еду» и «Найти ресторан»:

Как избегать ошибок на сайте

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

Рассказали, как SEO-аудит помогает оптимизировать работу сайта.

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

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

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

ErrorDocument 404 /[название файла].html

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

1. Она должна выглядеть так же, как и весь остальной сайт

Если не указать веб серверу, как обрабатывать ошибку 404, то он будет генерировать очень простую общую страницу с сообщением об ошибке. Будет просто выдано сообщение похожее на фразу «Запрашиваемый ресурс не обнаружен — Запрашиваемый URL отсутствует на данном сервере» на простой белой странице. Такое сообщение будет выглядеть очень удручающе и практически блокирует дальнейшие действия пользователя на сайте, который выдает такую страницу. Страница для ошибки 404 должна выглядеть как сообщение об ошибке, но она должна быть оформлена в общем стиле сайта.  Если вы используете CMS, то может быть обработка уже сделана для вас. А если ваш сайт статический, то необходимо указать шаблон для ошибки 404 с помощью файла .htaccess.

2. Извинения

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

3. Поиск

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

4. Предоставьте пользователю полезные ссылки

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

5. Возможность контакта или сообщения об ошибке

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

6. Автоматический отчет

Предоставить пользователю возможность сообщить об ошибке — отличная идея. Но лишь небольшой процент пользователей будет ее использовать. Альтернативой является автоматическая генерация отчета страницей для ошибки 404. Существует множество способов сделать это. Быстрый и тупой метод — сделать страницу для ошибки 404 PHP файлом и использовать функцию mail для отправки электронной почтой адреса URL, который приводит к генерации ошибки.

<?php
  mail("chriscoyier@gmail.com", "404 report", $_SERVER['REQUEST_URI'], "From: chriscoyier@gmail.com\n")
?>

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

7. Юмор

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

8. Перенаправление?

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

9. Помните о размере файла

Уровень активности вокруг ошибки 404 может неприятно удивить вас. Запросы иконок и картинок в странных директориях, ссылки на случайные изображения, которых не существует, и много других запросов к несуществующим страницам вашего сайта приходят из необъятного океана интернет. И на каждый такой запрос сервер генерирует страницу для ошибки 404. Генерация полноценной страницы на такие запросы может стать существенным потребителем полосы пропускания вашего сервера. Лучше всего, принять меры для предотвращения таких запросов, то также стоит обратить внимание на размер страницы для ошибки 404 и уменьшить его, если полоса пропускания сервера является одним из основных источников ограничений.

From Wikipedia, the free encyclopedia

In computer network communications, the HTTP 404, 404 not found, 404, 404 error, page not found, or file not found error message is a hypertext transfer protocol (HTTP) standard response code, to indicate that the browser was able to communicate with a given server, but the server could not find what was requested. The error may also be used when a server does not wish to disclose whether it has the requested information.^[1]

The website hosting server will typically generate a «404 Not Found» web page when a user attempts to follow a broken or dead link; hence the 404 error is one of the most recognizable errors encountered on the World Wide Web.

Overview

When communicating via HTTP, a server is required to respond to a request, such as a web browser request for a web page, with a numeric response code and an optional, mandatory, or disallowed (based upon the status code) message. In code 404, the first digit indicates a client error, such as a mistyped Uniform Resource Locator (URL). The following two digits indicate the specific error encountered. HTTP’s use of three-digit codes is similar to the use of such codes in earlier protocols such as FTP and NNTP. At the HTTP level, a 404 response code is followed by a human-readable «reason phrase». The HTTP specification suggests the phrase «Not Found»^[1] and many web servers by default issue an HTML page that includes both the 404 code and the «Not Found» phrase.

A 404 error is often returned when pages have been moved or deleted. In the first case, it is better to employ URL mapping or URL redirection by returning a 301 Moved Permanently response, which can be configured in most server configuration files, or through URL rewriting; in the second case, a 410 Gone should be returned. Because these two options require special server configuration, most websites do not make use of them.

404 errors should not be confused with DNS errors, which appear when the given URL refers to a server name that does not exist. A 404 error indicates that the server itself was found, but that the server was not able to retrieve the requested page.

History

The origin of the 404 error code dates back to the early days of the World Wide Web. In 1992, Tim Berners-Lee, the inventor of the Web, and his team at CERN, the European Organization for Nuclear Research, created the first web server software, called CERN httpd.^[2] This software used a simple file system to store and retrieve web pages, and it assigned a three-digit number to each type of request and response. The number 404 was chosen to indicate that the requested file was not found on the server.^[3]

The term «404 Not Found» was coined by Berners-Lee himself, who explained in a 1998 interview that he wanted to make the error message «slightly apologetic».^[4][3] He also said that he considered using «400 Bad Request» instead, but decided that it was too vague and technical.^[4][3]

The first documented case of a 404 error appearing on a web page was in 1993, when a user tried to access a page about the Mosaic web browser on the NCSA website. The page had been moved to a different location, but the link had not been updated.^[2] The user reported the error to the NCSA team, who fixed the link and added a humorous message to their 404 page: «We’re sorry, but the document you requested is not here. Maybe you should try someplace else.»^[3]

Since then, 404 errors have become one of the most common and recognizable errors on the Web. Many websites have customized their 404 pages with creative designs, messages, or features to entertain or assist their visitors. For example, Google’s 404 page features a broken robot and a link to its homepage,^[5] while GitHub’s 404 page shows a random image of a parallax star field and a link to its status page.^[6] Some websites have also used their 404 pages to showcase their brand personality, humor, or social causes. For instance, Lego’s 404 page shows an image of a Lego character searching for a missing brick,^[7] while Amazon’s 404 page displays the image of a dog with a message about conservation.^[8]

Soft 404 errors

Some websites report a «not found» error by returning a standard web page with a «200 OK» response code, falsely reporting that the page loaded properly; this is known as a soft 404. The term «soft 404» was introduced in 2004 by Ziv Bar-Yossef et al.^[9]

Soft 404s are problematic for automated methods of discovering whether a link is broken. Some search engines, like Yahoo and Google, use automated processes to detect soft 404s.^[10] Soft 404s can occur as a result of configuration errors when using certain HTTP server software, for example with the Apache software, when an Error Document 404 (specified in a .htaccess file) is specified as an absolute path (e.g. http://example.com/error.html) rather than a relative path (/error.html).^[11] This can also be done on purpose to force some browsers (like Internet Explorer) to display a customized 404 error message rather than replacing what is served with a browser-specific «friendly» error message (in Internet Explorer, this behavior is triggered when a 404 is served and the received HTML is shorter than a certain length, and can be manually disabled by the user).

There are also «soft 3XX» errors where content is returned with a status 200 but comes from a redirected page, such as when missing pages are redirected to the domain root/home page.

Proxy servers

Some proxy servers generate a 404 error when a 500-range error code would be more correct. If the proxy server is unable to satisfy a request for a page because of a problem with the remote host (such as hostname resolution failures or refused TCP connections), this should be described as a 5xx Internal Server Error, but might deliver a 404 instead. This can confuse programs that expect and act on specific responses, as they can no longer easily distinguish between an absent web server and a missing web page on a web server that is present.

Intentional 404s

In July 2004, the UK telecom provider BT Group deployed the Cleanfeed content blocking system, which returns a 404 error to any request for content identified as potentially illegal by the Internet Watch Foundation.^[12] Other ISPs return a HTTP 403 «forbidden» error in the same circumstances.^[13] The practice of employing fake 404 errors as a means to conceal censorship has also been reported in Thailand^[14] and Tunisia.^[15] In Tunisia, where censorship was severe before the 2011 revolution, people became aware of the nature of the fake 404 errors and created an imaginary character named «Ammar 404» who represents «the invisible censor».^[16]

Microsoft Internet Server 404 substatus error codes

The webserver software developed by Microsoft, Microsoft’s Internet Information Services (IIS), returns a set of substatus codes with its 404 responses. The substatus codes take the form of decimal numbers appended to the 404 status code. The substatus codes are not officially recognized by IANA and are not returned by non-Microsoft servers.

Substatus codes

Microsoft’s IIS 7.0, IIS 7.5, and IIS 8.0 servers define the following HTTP substatus codes to indicate a more specific cause of a 404 error:

• 404.0 – Not found.
• 404.1 – Site Not Found.
• 404.2 – ISAPI or CGI restriction.
• 404.3 – MIME type restriction.
• 404.4 – No handler configured.
• 404.5 – Denied by request filtering configuration.
• 404.6 – Verb denied.
• 404.7 – File extension denied.
• 404.8 – Hidden namespace.
• 404.9 – File attribute hidden.
• 404.10 – Request header too long.
• 404.11 – Request contains double escape sequence.
• 404.12 – Request contains high-bit characters.
• 404.13 – Content length too large.
• 404.14 – Request URL too long.
• 404.15 – Query string too long.
• 404.16 – DAV request sent to the static file handler.
• 404.17 – Dynamic content mapped to the static file handler via a wildcard MIME mapping.
• 404.18 – Query string sequence denied.
• 404.19 – Denied by filtering rule.
• 404.20 – Too Many URL Segments.

Custom error pages

Web servers can typically be configured to display a customised 404 error page, including a more natural description, the parent site’s branding, and sometimes a site map, a search form or 404-page widget. The protocol level phrase, which is hidden from the user, is rarely customized. Internet Explorer, however, will not display custom pages unless they are larger than 512 bytes, opting instead to display a «friendly» error page.^[17] Google Chrome included similar functionality, where the 404 is replaced with alternative suggestions generated by Google algorithms, if the page is under 512 bytes in size.^[18] Another problem is that if the page does not provide a favicon, and a separate custom 404-page exists, extra traffic and longer loading times will be generated on every page view.^[19][20]

Many organizations use 404 error pages as an opportunity to inject humor into what may otherwise be a serious website. For example, Metro UK shows a polar bear on a skateboard, and the web development agency Left Logic has a simple drawing program.^[21] During the 2015 UK general election campaign the main political parties all used their 404 pages to either take aim at political opponents or show relevant policies to potential supporters.^[22] In Europe, the NotFound project, created by multiple European organizations including Missing Children Europe and Child Focus, encourages site operators to add a snippet of code to serve customized 404 error pages^[23] which provide data about missing children.^[24]

While many websites send additional information in a 404 error message—such as a link to the homepage of a website or a search box—some also endeavor to find the correct web page the user wanted. Extensions are available for some content management systems (CMSs) to do this.^[25]

Tracking 404 errors

A number of tools exist that crawl through a website to find pages that return 404 status codes. These tools can be helpful in finding links that exist within a particular website. The limitation of these tools is that they only find links within one particular website, and ignore 404s resulting from links on other websites. As a result, these tools miss out on 83% of the 404s on websites.^[26] One way around this is to find 404 errors by analyzing external links.^[27]

One of the most effective ways to discover 404 errors is by using Google Search Console, Google Analytics or crawling software.

Another common method is tracking traffic to 404 pages using log file analysis.^[28] This can be useful to understand more about what 404s users reached on the site. Another method of tracking traffic to 404 pages is using JavaScript-based traffic tracking tools.^[29]

Causes

There are many possible causes for a page not to exist. Some of the common ones are:^[30][31][32]

• The page was deleted by the owner or administrator of the website.
• The page was moved to a different location or renamed without updating the links that point to it.
• The page was never created in the first place or is still under construction.
• The page is temporarily unavailable due to maintenance or technical issues.
• The page is blocked by the user’s network or firewall settings.
• The page is restricted by the website’s privacy or security policies.
• The page contains illegal or harmful content that was removed by the authorities or the website itself.

Solutions

If a user encounters a page that doesn’t exist, there are some steps they can take to try to find the information they are looking for or to report the problem.^[30][31][32]

• Check the URL of the page. Sometimes, a simple typo or spelling mistake can cause a page not to load. Make sure the correct address is entered and try again.
• Refresh the page. Sometimes, a temporary glitch or network issue can prevent a page from loading. Try reloading the page by pressing F5 or clicking on the refresh button on the browser.
• Go back to the previous page. Sometimes, a link might be broken or outdated. Try going back to the page where the link was found and see if there is an updated or alternative link to the same information.
• Use a search engine. Sometimes, a page might be indexed by a search engine even if it doesn’t exist anymore. Try searching for keywords related to the topic of the page and see if other sources of information can be found.
• Contact the website owner or administrator. Sometimes, a page might be removed or moved without notice. Try contacting the person or organization responsible for the website and ask them about the status of the page. Their contact information can usually be found on their homepage or in their footer section.
• Report the error. Sometimes, a page might not exist due to an error on the website’s part. Try reporting the error to the website owner or administrator so they can fix it as soon as possible. Their feedback form or email address can usually be found on their homepage or in their footer section.

See also

• Blue screen of death
• Funky caching
• Link rot
• List of HTTP status codes

References

External links

• A More Useful 404
• 404 Not Found of the Hypertext Transfer Protocol (HTTP/1.1): Semantics and Content specification, at the Internet Engineering Task Force
• ErrorDocument Directive – instructions on custom error pages for the Apache 2.0 web server
• 404: Not Found – an award-winning song about the error code

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

Откуда берется ошибка 404

Каждое число в номере ошибки имеет свое значение и тем самым подсказывает, что могло случиться. 4 говорит о проблеме на стороне клиента, а не сервера (тогда было бы 5). 04 – об ошибке «not found» (не найдено). 

Причин для отсутствия страницы может быть несколько, например:

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

О других популярных кодах ответа сервера и их расшифровке читайте здесь.

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

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

Как сделать правильную страницу 404

Сохранить дизайн сайта

Страница 404 должна быть выполнена в общей стилистике сайта. Шаблон, логотип, рубрики, меню — все как у вас на ресурсе.

Второй момент в дизайне — изображения и видео. Обязательно используйте тематические картинки на этой странице (желательно с юмором) и если будет уместно, то и видео! Юмор расположит к себе пользователя и даст понять, что о нем все-таки подумали.

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

Вежливо объяснить, что произошло

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

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

Добавить пользы для посетителей

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

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

Эти действия помогут задержать пользователя на сайте, и, возможно, он продолжит переход по страницам.

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

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

Как избежать ситуации 404

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

Проблемы могут возникать в том случае, если страницу переместили в другой раздел сайта, изменили ее URL, и при этом не настроили 301 редирект. Ссылка получается битой. Этого следует избегать, правильно прописывая правила перенаправления в файле .htaccess (технические детали вы найдете в этой статье).

Отслеживайте битые ссылки. Сервис для вебмастеров Google Search Console укажет на них в отчете «Индексирование — Страницы». В блоке «Почему эти страницы не индексируются» обратите внимание на строки, которые указывают на ошибку 404:

В Яндекс.Вебмастере — в разделе «Индексирование — Страницы в поиске» перейдите на вкладку «Исключенные страницы»:

Страницы, исключенные из поиска, можно отсортировать по статусу «Ошибка HTTP: 404»:

Настройте в панелях для вебмастеров Яндекса и Google автоматические уведомления о проблемах на сайте, чтобы решать их своевременно.

Изучите гайды по работе с Яндекс.Вебмастером и Google Search Console в блоге PromoPult.

Резюме

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

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

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