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

not-found-mini

Страница ошибки 404 сообщает посетителю  о том, что он “пришёл” на сайт по “битой” ссылке или искомая страница была удалена.

not-found-titleПочему страница 404 должна быть правильно оформлена?

В большинстве шаблонов страница 404 выдаёт сообщение посетителю о несуществующей  странице.

По умолчанию это выглядит так:2014-05-12_2-39-48-300x81

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

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

Что расположить на странице 404, чтобы удержать посетителя

  1. Ваше обращение к посетителю с объяснением произошедшего и пояснением дальнейших действий.
  2. Красивую картинку, можно с юмором, чтобы строгим дизайном не оттолкнуть посетителя.
  3. Форму поиска по сайту.
  4. Ссылки на последние записи.
  5. Облако тегов.

Кроме этого, будут ещё сайдбар и главное меню сайта, на которых посетитель может  может выбрать интересную для себя статью или рубрику.

Как установить на страницу 404 необходимую посетителю информацию

Надо открыть для редактирования “шаблон ошибки 404″, файл 404.php находящийся в папке с активированной на вашем сайте темой. Как легко отредактировать фалы шаблона вы можете узнать из статьи “Редактирование файлов шаблона”.

В некоторых шаблонах может не быть такого файла, значит сообщение об ошибке 404 выводится из “Основного шаблона” – файла index.php.  Редактировать надо именно его. Главное найти в этом файле такую строчку, когда редактируется файл 404.php

<div class="wrap-404-box">

или такую в файле index.php

<div class="form-404">

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

Читать также:  Как исправить битые ссылки FeedBurner

Сразу под этим кодом будет находиться сообщение. Оно будет на русском или английском языке и вставлено в следующий код:

<?php _e('Страница не найдена'); ?>

Чтобы это сообщение выглядело как заголовок страницы, вставьте код между тегами h2. Получится так:

<h2><?php _e('Страница не найдена'); ?></h2>

Вместо стандартной фразы напишите что-нибудь своё, более человечное.

Украшаем страницу 404 картинкой.

Подберите подходящее на ваш взгляд изображение, оптимизируйте и загрузите на сайт через FTP или из панели администратора.

В редактируемый файл вставьте такую строку

<img src="http://имя-сайта.ru/wp-content/uploads/2014/05/kartinka404.jpg">

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

Выводим форму поиска.

<?php get_search_form(); ?>

Вместо стандартной, можно вставить поисковую форму от Yandex или Google.  Для этого, в редактируемый файл надо вставить весь код поиска. Чтобы показать обращение к посетителям типа: “Воспользуйтесь поиском” – перед кодом формы поисковой системы надо ещё раз вставить эту строку, но заголовок установить меньшего размера.

<h4><?php _e('Чтобы найти необходимую информацию воспользуйтесь поиском по сайту'); ?></h4>

Выводим последние записи.

<?php get_archives ('postbypost', 10); ?>

Количество записей можете изменить на своё усмотрение.

Выводим облако меток.

<?php wp_tag_cloud(); ?>

Рубрики

<div class="scategory">

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

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

<?php
header("HTTP/1.1 301 Moved Permanently");
header("Location: http://vash-domen.ru/");
?>

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

Чтобы проверить оформление страницы 404, наберите в строке браузера набор знаков после домена своего сайта. Если что-то не устраивает  измените или добавьте другие элементы.

Читать также:  Установка кнопок социальных сетей на сайт без плагина.

Похожие статьи

Закладка постоянная ссылка.

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

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