Как сделать редирект 404 ошибки

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

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

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

Сервер не сможет найти страницу, и отобразится ошибка:

Ошибка 404 на сайте reg.ru

Также с ошибкой 404 можно столкнуться в следующих случаях:

  • Администратор сайта удалил или переместил страницу, но не сделал редирект на актуальный материал.
  • Изменилась структура сайта, а у страниц остались старые URL.
  • Посетитель опечатался в адресе, когда вводил его вручную.
  • Посетитель перешел по «битой» ссылке, которая ведет на несуществующую (удаленную или перемещенную) страницу.

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

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

Иногда при загрузке несуществующей страницы браузер получает ответ 200 вместо 404. Такой случай называют Ложной ошибкой (Soft 404). Он означает, что со страницей всё в порядке, хотя пользователь видит ошибку. Также проблема заключается в том, что Яндекс и Google показывают эту страницу в результатах поиска. Чтобы проверить код ошибки, воспользуйтесь проверкой URL от Google.

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

Возможные последствия для сайта

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

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

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

Рекомендации по созданию страницы 404

Если сайт создавался в CMS WordPress, Joomla, Drupal и т. п., в нем, скорее всего, предусмотрена страница ошибки 404. Но она может быть неинформативной или отличаться от дизайна остальных страниц вашего веб-ресурса.

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

Важно, чтобы страница была информативной и полезной:

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

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

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

СберМаркет предлагает познать мудрость котов и цены на сайте

404 ошибка в разделе «Помощь» на сайте REG.RU

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

Создайте страницу одним из следующих способов:

Если вы знаете HTML и CSS, напишите код страницы самостоятельно и загрузите файл с названием 404.html в корневую папку сайта.

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

Если вы используете WordPress, воспользуйтесь плагином 404page — your smart custom 404 error page по инструкции ниже. Обратите внимание! Если вы воспользовались плагином, вам не нужно прописывать путь к файлу в .htaccess.

1) Откройте админку вашего сайта в WordPress.

2) Перейдите в раздел «Плагины» и нажмите Добавить новый.

3) В строке поиска введите название 404page — your smart custom 404 error page.

4) Нажмите УстановитьАктивировать:

5) Перейдите в раздел Внешний вид404 Error Page.

6) Выберите в списке Sample Page, чтобы сменить стандартную страницу ошибки, и нажмите Edit Page:

7) Создайте страницу в открывшемся визуальном редакторе и нажмите Обновить:

Готово! После обновления страница будет использоваться автоматически.

Откройте конфигурационный файл .htaccess в корневой папке вашего сайта и добавьте в него строку:

Где вместо site.ru — домен вашего сайта.

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

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

Редирект с 404 на главную (не рекомендуется)

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

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

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

Проверка редиректа 404

Проверить, корректно ли все настроено можно в Яндекс.Вебмастер и Google Search Console.

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

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

В коде статуса HTTP должно отображаться 404 Not Found:

Google Search Console

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

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

Источник



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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Кроме этого:  Почему при установки Windows 7 после quot Распаковки файлов Windows quot перезагружает компьютер и все занвво начинает

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

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

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

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

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

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

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

Google.Analytics

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

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

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

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

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

Источник

Делаем собственную страницу ошибки 404

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

  • Рекомендации по созданию страницы с ошибкой 404 Not found
  • Создаем каркас страницы и оформляем основное ее содержание
  • Перенаправляем запросы с ошибкой на страницу 404
  • Исходные файлы сайта

Рекомендации по созданию страницы с ошибкой 404 Not found

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

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

  • Необходимость поддержания единого стиля сайта. Дизайн страницы 404 не должен вызвать у пользователя ощущение, что он попал на какой-нибудь другой ресурс.
  • Страница 404 не должна выглядеть как обычная страница. Посетитель должен отчетливо понять, что ресурс, который он хотел увидеть, не найден. И что в основном содержании нет искомого контента.
  • В описании возникшей проблемы не следует отпугивать посетителей излишней технической терминологией или какой-либо другой специфической информацией о причинах этой ошибки. Необходимо постараться кратко, простыми словами объяснить суть проблемы.
  • Для придания большей индивидуальности при оформлении страницы желательно текст сопроводить каким-либо подходящим к этому случаю графическим изображением.
  • Для того, чтобы попытаться удержать пользователя на сайте, желательно предоставить ему возможность в один клик перейти на другие доступные разделы или популярные страницы, которые могут его заинтересовать. Хорошим решением также будет, если позволить ему через поиск по сайту найти нужный контент. Ведь попав сюда, он, вероятно, что-то искал. И нужно помочь ему это сделать. При этом обязательным условием является наличие ссылки на главную страницу сайта.
  • Не лишним будет предложить пользователю проверить написание ссылки в случае, если он вводил URL искомой страницы в адресной строке браузера самостоятельно. Вполне возможно, что он допустил ошибку. И лучше будет, если он попытается исправить ее не покидая сайт в поисках нужной информации.
  • И конечно, содержание страницы должно показывать любезность к посетителю. Чтобы он смог почувствовать желание и готовность владельца ресурса (администратора сайта) помочь ему в дальнейшем поиске и использовании контента сайта.

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

Создаем каркас страницы и оформляем основное ее содержание

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

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

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

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

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

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

Рис.1 Файл «page_404.php» с кодом страницы 404

А далее следует создать файл block_404.php , подключаемый инструкцией <?php require_once «blocks/block_404.php» ; ?> в строке 39 (рис.1), в котором будет размещаться основное содержание страницы.

<div class = «error-empty» ></div>

<div class = «error-img» >

<img src = «/images/page_404/page_404.png» alt = «Страница 404» >

<div class = «error-text» >

<h1> Ошибка 404 </h1>

<p> К сожалению, запрашиваемая страница не найдена. Но это не причина покинуть сайт. </p>

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

<p> В любом случае для поиска нужной информации вы можете использовать любые доступные разделы через меню сайта или <a href =»/»> Главную страницу </a> . Либо воспользоваться поиском по сайту. </p>

<div class = «seach» >

<h3> Поиск по сайту </h3>

<label> Ключевое слово / фраза / URL страницы: </label>

<form action = «https://yandex.ru/search/site/» method = «get» target = «_self» accept-charset = «utf-8» >

<input type = «hidden» name = «searchid» value = «2301097» />

<input type = «hidden» name = «l10n» value = «ru» />

<input type = «hidden» name = «reqenc» value = «» />

<input type = «search» name = «text» value = «» placeholder = «Введите запрос» />

<input type = «submit» value = «Найти» />

Рис.2 Блок основного содержания в файле «block_404.php»

Где в качестве элемента поиска применен тот же блок (поз.11÷26), который ранее рассматривался при организации поиска на сайте. Более подробно об этом можно посмотреть в соответствующем разделе.

Кроме того здесь предусмотрено использование графического изображения <img src = «/images/page_404/page_404.png» alt = «Страница 404» > (поз.3). Поэтому необходимо также будет подобрать подходящую по теме готовую картинку или составить из каких-либо заготовок свою композицию. О том как это сделать можно посмотреть здесь.

В нашем случае возьмем в качестве заготовки скаченную с фотостока картинку, отражающую озабоченного человека у компьютера.

Полученная картинка с фотостока

Рис.3 Полученная картинка с фотостока

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

Изображение по теме ошибки 404

Рис.4 Изображение по теме ошибки 404

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

. error-block <

margin :0 auto 0 auto;

position :relative;

. error-empty <

min-height :1.875em;

. error-text <

display :block;

padding-right :0;

. error-img <

float :left;

display :block;

padding :0 1em .5em 0;

. error-img img <

. error-text h1 <

font-size :1.5625em;

font-style :normal;

font-weight :normal;

font-family :’Comfortaa’, cursive;

text-shadow :1px 1px 0px #eee, 2px 2px 2px #222;

text-align :center;

margin-bottom :.5em;

. error-text p <

text-indent :1em;

padding-bottom :.25em;

font-size :0.9375em;

. error-text hr <

height :.0625em;

background :#bd072e;

margin :1em 0 1em 0;

box-shadow :0 0 .0625em 0 #bd072e;

@media only screen and (min-width: 600px) <

. error-text <

display :table-cell;

vertical-align :middle;

. error-img <

display :table-cell;

float :none;

vertical-align :middle;

padding :0 2em .5em 0;

. error-text p <

font-size :1em;

@media only screen and (min-width: 800px) <

. error-text <

. error-img <

padding :0 3em .5em 0;

@media only screen and (min-width: 1000px) <

. error-block <

width :83.33%;

@media only screen and (min-width: 1280px) <

. error-text p <

font-size :1.0625em;

@media only screen and (min-width: 1500px) <

. error-text p <

font-size :1.125em;

@media only screen and (min-width: 1700px) <

. error-text <

. error-img <

. error-text p <

font-size :1.1875em;

Рис.5 CSS-код блока основного содержания

Наверное, нет необходимости подробного рассмотрения данного кода, так как ранее мы не раз уже использовали приведенные здесь свойства. Стоит лишь отметить, что для фрагмента поиска по сайту (поз.11÷26 на рис.2) используются те же самые свойства, которые ранее были назначены для аналогичного блока, расположенного в сайдбаре (в этой таблице они не показаны).

Кроме этого:  Как установить драйвер программы OP COM VAUX COM на ПК с ОС Windows 10

А для адаптации страницы для разного разрешения, чтобы она выглядела надлежащим образом на всю ширину экрана во всем заданном диапазоне от 320px до 1920px, применено несколько медиа-запросов: для разрешения более 600px, 800px, 1000px, 1280px, 1500px и 1700px (поз.45÷96).

В приведенной таблице показана сквозная нумерация строк кода. Что касается позиций в каскадной таблице стилей CSS, находящейся в файле «main.css» исходных файлов сайта, то при необходимости, его фрагменты можно найти по следующим номерам строк: для разрешения менее 600px (поз.980÷1024), более 600px (поз.1597÷1611), более 800px (поз.1661÷1667), более 1000px (поз.1728÷1730), более 1280px (поз.1784÷1786), более 1500px (поз.1827÷1829) и более 1700px (поз.1853÷1861).

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

Вид созданной страницы 404

Рис.6 Вид созданной страницы 404

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

Вид страницы при малом разрешении экрана

Рис.6 Вид страницы при малом разрешении экрана

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

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

Перенаправляем запросы с ошибкой на страницу 404

Так как на сайте применяется ЧПУ с перенаправлением запросов с помощью директив модуля MOD_REWRITE в файле .htaccess , то редирект на страницу 404 необходимо предусмотреть для двух вариантов:

  • Сервер выдает ошибку 404 (Not Found) в случае, если запрос не обрабатывается шаблоном правил RewriteRule модуля MOD_REWRITE и не найден соответствующий его адресу файл. В таких ситуациях редирект обеспечивается применением надлежащей директивы в файле .htaccess .
  • Запрос обработан правилом RewriteRule модуля MOD_REWRITE и перенаправлен в шаблон главной страницы в файл index.php . Но при дальнейшей его обработке не была обнаружена какая-либо существующая страница сайта. В этом случае редирект на страницу 404 выполняется средствами PHP.

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

Ниже показан пример отображения в браузере технической страницы 404 при обнаружении сервером ошибки Not Found в запросе на одну из страниц сайта newsite.local, установленном на локальном веб-сервере Open Server. В котором в расширении html ошибочно указано htm .

Ошибка 404 при неправильном расширении в URL

Рис.7 Ошибка 404 при неправильном расширении в URL

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

ErrorDocument 404 /page_404.php

Рис.8 Редирект 404 в файле .htaccess

В которой во второй части директивы ErrorDocument 404 выполняется перенаправление на нашу, созданную в предыдущей части статьи страницу 404 с адресом /page_404.php .

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

Редирект на страницу 404 через файл .htaccess

Рис.9 Редирект на страницу 404 через файл .htaccess

Как видно, в данном случае через редирект в файле .htaccess мы попали на ранее созданную нами страницу 404.

А теперь рассмотрим другой вариант, при котором при запросе на несуществующий ресурс сайта сервер не выдает ошибку Not Found, в случае, если он обрабатывается правилом RewriteRule модуля MOD_REWRITE и перенаправляется в файл index.php .

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

Ниже показан пример запроса на страницу «Контакты», в адресе которого допущена ошибка /kont b akty.html (лишний символ b ).

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

Рис.10 Ошибка при неправильном адресе страницы

Здесь видно, что в этом случае сервер не выдает ошибку 404, так как запрос обрабатывается файлом index.php . Однако, динамическая страница с несуществующим адресом не смогла быть сформирована. И в области основного содержания станицы вместо контента отображается ошибка PHP (не найден соответствующий запросу файл, указанный в инструкции include_once , в строке 126 файла index.php ).

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

Ниже показан PHP-код обработчика запросов, расположенный в файле index.php , в котором в случае отсутствия в базе данных заданной страницы, происходит нужный редирект.

Рис.11 PHP-код обработчика запросов с редиректом на страницу 404

В данном коде проверка на наличие в базе данных записи, соответствующей заданной странице (поз.11÷23), выполняется с помощью вызова пользовательской функции getLineThreeColumnThreeСondition() (поз.18). Которая извлекает запись исходя из всех трех значений GET-параметров, сохраненных в массиве $get_array (поз.3÷9) и определяющих URL страницы: section ($get_array[2]), rubric ($get_array[1]) и page ($get_array[0]).

И в случае, если такой станицы не существует, то с помощью отправки HTTP заголовка header() (поз.21) производится редирект на страницу 404 с прекращением выполнения текущего скрипта exit (поз.22).

Если же заданный URL указан правильно, и такая страница существует, то выполняются дальнейшие действия по получению данных для формирования динамической страницы (поз.25÷53).

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

Редирект при неправильном адресе страницы

Рис.12 Редирект при неправильном адресе страницы

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

В следующей статье мы сделаем то же самое, но уже для другого вида ошибок, а именно: ошибок PHP.

Исходные файлы сайта

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

  • Файлы каталога www
  • Таблицы базы данных MySQL

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

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

Для тех кто не зарегистрирован, можно это сделать на вкладке Регистрация.

Источник

Как сделать Страницу 404 на своем сайте

В данной руководстве мы разберем следующие вопросы и темы:

  • Что такое “404” и почему она так называется?
  • Нужно ли на своем сайте настраивать страницу “404 – not found”?
  • Нестандартный подход к созданию страницы “не найдено” .
  • Примеры крутых “404” страниц.

Что такое код состояния HTTP?

Первая строка в ответе сервера при запросе по протоколу HTTP – код состояния HTTP. Этот код состоит из трех десятичных чисел (цифры от 0 до 9). Клиент определяет по этому коду результат обращения и определяет, что делать дальше.

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

Примеры кодов ответа и их значение: 200 – “хорошо”, 301 – “перемещено навсегда”, 403 – “запрещено” и так далее.

Коды состояния HTTP разделены на 5 групп:

  • 1** – информация;
  • 2**- успешно;
  • 3**- перенаправление;
  • 4**- ошибка клиента;
  • 5**- ошибка сервера.

Код ответа 404

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

Почему важно настроить страницу “404 – not found” на своем сайте?

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

При этом как бы технический правильно не был сделан ваш сайт в любом случае люди будут попадать на несуществующие страницу и получать код ответа “404”.

Причина ошибки:

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

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

Как подключить свою страницу вместо стандартной?

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

ErrorDocument 404 //website.ru/404.html

Как нестандартно подойти к созданию страницы “четыре ноль четыре”?

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

Кроме этого:  Гэсн облицовка стен гипсокартоном по металлическому каркасу

Что необходимо обязательно указать на странице 404?

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

Что будет полезно пользователю?

  • Информация о том, почему он сюда попал;
  • Инструкции по дальнейшим действиям;
  • Поиск по сайту;
  • Меню;
  • Бесплатный бонус;
  • Юмор.

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

Два интересных примера:

  • На сайта amazon.com. Там на 404 странице появляются собаки (фото + кличка), при чем там несколько десятков разных страниц. Возле каждой собаки – ссылка “Познакомиться с собаками Амазона” . При переходе по ссылке вы попадаете на страницу с фотографиями собак и их мини-досье. А в конце этой страницы предлагается купить календарь с собаками. Получился очень интересный способ монетизации 404 страницы.
  • На сайте wpnew.ru. На блоге Петра также была реализована интересная задумка. Попадая на 404 вам сообщают о том, что вы попали на страницу с секретными материалами и 6 ссылочек на статьи. Такой прием можно использовать для направления трафика сайте на определенные страницы.

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

Источник

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

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

Влияние ошибки 404 на SEO

Наверняка, все хотя бы раз встречали фразу «404 Not Found (ресурс не найден)» — знакомо? А увидеть ее можно из-за
того, что неправильно указали адрес нужной страницы или же она отсутствует на данном сайте. Сервер таким образом сигнализирует нам о том, что
не может найти нужную страницу по указанному адресу. Проверить код ответа сервера можно с помощью бесплатных сервисов, например, rel=»nofollow» target=»_blank»>bertal.ru или в панели Яндекс.Вебмастера.

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

«Обычно ошибки 404 не влияют на рейтинг сайта в Google, поэтому их можно игнорировать. Чаще всего они бывают связаны с
опечатками, неправильными настройками или попытками Google распознать и просканировать ссылки во встроенном контенте (например, в коде JavaScript)».

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

страница отсутствует (была удалена);

ссылка оказалась «битой»;

вносились изменения в структуру сайта;

произошло изменение URL’а страницы.

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

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

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

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

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

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

Дефолтные страницы 404: полезны ли они?

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

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

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

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

Создание внешнего вида 404-й страницы

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

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

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

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

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

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

Креатив всегда поможет

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

Чтобы быстро найти страницы ошибок на сайте и исправить их, можно воспользоваться различными бесплатными программами, например, Screaming Frog.

Для некоторых CMS (в частности WordPress) существуют специальные плагины, способные отслеживать возникновение подобных страниц.

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

Кстати, страница ошибки 404 нашего блога выглядит следующим образом:

Вывод

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

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

Источник