Как настроить страницы ошибок

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

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

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

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

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

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

Внутренняя – появляется в следствии нарушения внутренней перелинковки или при допущении ошибок в навигации. Где-то на сайте вы поставили ссылку на несуществующую страничку. Часто бывает так, что страница была удалена по какой-то причине, а ссылки на нее где-то остались.

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

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

• Проверим настройку 404 ошибки для поисковиков. Для этого переходим по адресу webmaster.yandex.ru/addurl.xml . В строке “Сайт” вводим “Url” — адрес несуществующей страницы, например, http://DmitriyZhilin.ru/krakazyabra/, вводим “капчу” и жмем на кнопку “Отправить”. Правильно настроенная 404 страница выдаст вот такое сообщение.

• Берем адрес несуществующей страницы http://DmitriyZhilin.ru/krakazyabra/ и вставляем ее в адресную строку браузера, если в ответ откроется окно следующего вида, то ваш сайт правильно обрабатывает эту ошибку.

Настройка 404 ошибки

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

1) Обработка ошибки сервером

Стандартные средства WordPress

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

При отсутствии файла его можно создать самому на основе файла page.php, выводящего обычные страницы. Удалите из него все лишнее, надо оставить только шапку, сайдбар и footer, а вместо основного контента сделайте текст и картинку для ошибки 404.

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

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

Данный метод подходит для ресурсов, которые работают под Apache. Если же ресурс работает под ngnix (Unix), то откройте файл ngnix.conf и добавьте код:

2) Оформление страницы 404

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

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

Изменить страницу 404 вручную

Что бы придать странице привлекательный вид на своем блоге (вставить картинки, разместить внутренние ссылки, поиск по сайту, рекламу), для этого следует отредактировать файл 404.php расположенный в корневой папке темы – я уже писал об этом выше. Доступ к нему можно получить прямо из админки (раздел “внешний вид”-“редактор”), либо через FTP.

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

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

Выделенную часть можно спокойно удалить. Это ничего не нарушит. Чтобы вставить картинку, нужно разместить этот html код:

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

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

Показать «Рубрики» блога:

Показать «Последние записи» блога:

После того, как вы вставите соответствующие строчки, то страница ошибки 404 приобретет вид:

Плагин для создания страницы 404

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

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

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

Для вдохновения, посмотрите как оформляют данную страницу другие вебмастера.

Примеры страниц ошибки 404

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

Источник

404 ошибка – как настраивать и отслеживать страницу “Не найдено”?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

var url = document.location.pathname + document.location.search var url_referrer = document.referrer; var yaParams = >;

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

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

Google.Analytics

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

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

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

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

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

Источник

Идеальная страница 404 ошибки, или как удержать пользователя на сайте?

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

В качестве вступления отметим, что страница 404 «Не найдено» (404 Page Not Found) – это один из кодов состояния HTTP, принятых Консорциумом Всемирной паутины (W3C) в 1992 году. Для тех, кому интересно значение цифр 404, вкратце расскажем.

1. Первая «4» означает, что произошла ошибка со стороны клиента. Такой ошибкой может быть неверно написанный URL или запрос несуществующей страницы. В свою очередь, первая «5» значила бы ошибку со стороны сервера.
2. Цифры «04» — определяют конкретную ошибку Not Found из группы 4хх. Среди других ошибок из этой группы — 400 Bad Request, 401 Unauthorized, 402 Payment Required, 403 Forbidden и так далее.

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

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

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

В целом, кастомная страница ошибки 404 должна справляться с такими задачами:

Принимая это во внимание, приведем список рекомендаций по созданию кастомной 404-й страницы.

1. Будьте любезны с посетителями.Они попали на эту страницу не по своей вине. Постарайтесь выразить свое сожаление и готовность помочь.
2. Не углубляйтесь в технические детали. Термин «ошибка 404» сам по себе уже в достаточной мере техничен и в то же время понятен большинству пользователей. Нет никакой необходимости отпугивать посетителей любой другой специфической информацией о причинах этой ошибки. По сути, необязательно даже использовать цифры «404», достаточно просто объяснить суть проблемы.
3. Предложите пользователям проверить написание ссылки. Если они вводили адрес ссылки самостоятельно, то вполне вероятно могли допустить ошибку.
4. Придерживайтесь единого стиля сайта. Дизайн страницы 404 по оформлению и по ощущениям должен быть выдержан в стиле Вашего бренда, чтобы у пользователей не возникло заблуждения, что они попали на какой-то другой сайт.
5. Страница ошибки 404 не должна выглядеть как обычная страница. Ваши посетители должны ясно видеть, что страница не была найдена и не содержит какого-либо контента. Поэтому не стоит наполнять ее слишком большим количеством текста и ссылок.
6. Небольшая порция юмора никогда не помешает. Довольно часто 404 страница становится для дизайнеров и разработчиков платформой для выражения своих креативных и юмористических идей. Вместо того чтобы пользователи быстро закрывали ненайденную страницу, лучше удержать их от закрытия сайта, заинтересовав забавно и изобретательно выполненной страницей.
7. Будьте полезными и предоставьте ссылки на возможные совпадения. Если пользователи оказались на ненайденной странице, они, вероятно, что-то искали. Так помогите же им это найти. Разместите на странице меню или ссылки на недавно перемещенные страницы. Или почему бы не дать ссылки на самые популярные страницы Вашего сайта? Либо на самый новый и актуальный контент. Так или иначе, пользователи должны быть не более чем в одном клике от перехода на какую-либо другую страницу сайта. И, конечно же, всегда давайте ссылку на главную страницу.
8. Добавьте строку поиска. Чтобы не потерять своих посетителей, позвольте им найти то, что они искали, оказавшись на странице ошибки.
9. Обеспечьте способ отправить отчет об ошибке. У пользователя всегда должна быть возможность отправить вам сообщение об ошибке, если он пожелает. Это поможет Вам узнать о каких-либо внутренних недочетах сайта. Еще лучшим решением для отслеживания проблем на сайте станет автоматическое уведомление. А если произойдет внезапный всплеск 404-х ошибок, полезным будет мгновенное уведомление. Это позволит исправить проблему в режиме реального времени, пока она еще релевантна.
10. Позаботьтесь о вопросах SEO. Для оптимизации сайта важно максимально сократить количество внутренних ссылок на 404-е страницы, а еще лучше вовсе исключить возможность формирования некорректных URL адресов, ведущих на страницы 404. Инструменты для вебмастеров помогут Вам отслеживать ошибки на сайте, в том числе и ошибки с кодом 404 Not found. Более того, эти инструменты помогут Вам понять, откуда берутся ошибки и как они формируются – ошибка в URL ссылки на сайте, либо это атака конкурентов.

Немного отклоняясь от оригинала статьи, добавлю ссылки и скриншоты инструментов, о которых говорится в этом пункте.
Google:

Также рекомендую ознакомиться с официальной информацией о страницах 404 от поисковых систем: Google —здесьи Яндекс —здесь.

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

Источник