Рекомендации по правильному оформлению страницы 404 для CMS Bitrix

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

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

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

Типовая страница 404.php в CMS Bitrix

По умолчанию платформа 1С Битрикс формирует страницу 404 со следующими компонентами:

  • Список ссылок, сформированный из файлов меню;
  • Компонент карты сайта Sitemap;
  • Header и Footer, соответственно, они будут выглядеть так, как настроены одноименные файлы – header.php и footer.php базового шаблона движка.

Как сделать правильную 404 страницу в CMS 1С Bitrix?

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

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

  • Удаляем со страницы хедер и футер.
  • Подключаем ядро системы, удалив лишний код.

В результате всех преобразований получается следующий код:

<?
require_once($_SERVER["DOCUMENT_ROOT"]."/bitrix/modules/main/include/prolog_before.php");
CHTTP::SetStatus("404 Not Found");
@define("ERROR_404","Y");
?>

 

Ранее говорилось, о грамотном графическом и текстовом наполнении.

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

Предложите варианты для решения возникшей проблемы:

  • перейти на основную, главную страницу,
  • воспользоваться поиском;
  • написать/позвонить консультанту.

В качестве примера, получилась страница:

<?
require_once($_SERVER["DOCUMENT_ROOT"]."/bitrix/modules/main/include/prolog_before.php");
CHTTP::SetStatus("404 Not Found");
@define("ERROR_404","Y");
<div class="container">
<img src="<?=SITE_TEMPLATE_PATH;?>/images/logo.jpg" alt="MycoderBlog">
<div class="title">404</div>
<div class="subtitle">Страница не найдена</div>
<div class="description">Возможно запрашиваемая вами страница была удалена или перемещена. Вернуться <a rel="nofollow" href="/">на главную</a></div>
</div>
?>

 

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

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

  1. В браузере нужно вызвать консоль разработчика (в меню браузера ищете «инструменты разработчика» упрощенно — пользуйтесь горячей клавишей – F12);
  2. Сеть/Network;
  3. Введите любой несуществующий url сайта; На вкладке Status будет отображен ответ сервера.

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

Tags: , ,

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

*