Блог
Анны Фёдоровой Как зарабатывать в интернете и на своём блоге?

Как изменить страницу 404. Красивая страница 404 на wordpress блоге

2014.04.15
Автор:

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

Всем привет! Сегодня речь пойдёт о том, что такое страница 404 и как её изменить на wordpress блоге.

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

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

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

Вот посмотрите, как раньше выглядела моя страница с ошибкой:

страница404

Не очень, правда? Никаких ссылок, картинок, просто слова о том, что документ перенесён или удалён.

Изменить страницу 404 на более красивую можно двумя способами:

1). Изменить стандартную страницу 404

— отредактировать код через административную панель  wordpress блога

— или сначала скачать файл 404.php с кодом к себе на компьютер (wp-content/themes/ваша тема/ 404.php) и потом отредактировать в блокноте.

2). Сделать перенаправление со страницы 404 на какую-нибудь другую

Прежде чем начнём её создавать — посмотрим, как она выглядит у вас на блоге. Как увидеть и проверить свою страницу 404? Откройте главную страницу вашего сайта и в строке браузера просто добавьте к адресу вашего блога /404 (ваш сайт/404). Или воспользуйтесь сервисом Яндекс Вебмастер, нажав на исключённые страницы. У меня лично несколько страниц с ошибкой находятся именно там.

Для чего нужно поменять страницу 404, и для чего она вообще нужна? Вы наверняка натыкались на ошибку 404 «Страница не существует (Not Found)». И что же вы делали? Закрывали её и собственно всё.  Так вот нужно сделать красивую страницу 404, чтобы посетитель с неё обязательно перешёл на ваш сайт.

Кстати ещё один хороший способ привлечения посетителей на сайт, о нём я писала тут: „У вас стоит плагин Subscribe to comments-настройка плагина подписки на комментарии“. Обязательно используйте этот способ.

Теперь давайте начнём делать красивую страницу 404

Заходим в админку в раздел «внешний вид» — «редактор». В правом верхнем углу нажимаем «Шаблон ошибки 404».

страница 404 на wordpress

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

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

1). Для начала найдите нужную картинку, которая будет располагаться на странице 404 и закиньте её на ваш хостинг. И чтобы её вставить нужно в файл 404.php добавить код:

<img src=»ссылка на картинку">

2). Потом придумайте и измените текст на ваш вкус.

3). Вставьте поиск по блогу:

Код поиска можно скопировать из файла sidebar.php или header.php

У меня он выглядит так:

<right><form method="get" action="http://sozdamblog.ru/">
<input class="search-text" type="text" name="s" id="s" value="Поиск..." onfocus="if (value == 'Поиск...') {value = ''}" onblur="if (value == '') {value = 'Поиск...'}" />
<input class="search-btn" type="submit" value="Найти" />
</form></right>

4). Вставка ссылки:

<a href="ссылка">заголовок ссылки</a>

5). Вставка категорий блога:

<?php wp_list_cats ('sort_column=name'); ?>

6). Вывод последних пяти записей:

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

7). Вывод архива блога:

<?php wp_get_archives ('type=monthly'); ?>

Посмотрите, как выглядит код моей страницы:

красивая страница 404 на wordpress

Советую оформить страницу 404 следующим образом:

-вставить картинку.

-вставить форму поиска на, чтобы посетитель не ушёл с сайта, а нашёл интересующую его информацию.

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

Теперь что касается оформления:

Если хотите сделать что-нибудь по центру, заключаем код в этот тег:

<center>код</center>

Если хотим сделать отступ,то в этот:

<div style="margin-top: 30px;">код</div>

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

И если вы знаете основы html, думаю тогда проблем с её созданием не будет.

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

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

1). Redirection – этот плагин перенаправит посетителя со страницы 404 на выбранную вами страницу. А так же отслеживает все ошибки 404.  Я изменила страницу 404 сама, поэтому этот плагин не использую. К тому же стараюсь свой блог ими не нагружать. Скачать можно здесь.

2). Smart 404 – плагин вместо 404 страницы выдаёт записи с наиболее подходящими url адресами, используя записи, страницы, метки и рубрики. Скачать можно здесь.

3). 404 Notifier – плагин, который уведомляет вас о появившихся страницах с ошибкой  404. Уведомление может приходить к вам на почту, благодаря чему можно быстро устранить такие страницы. Скачать можно здесь.

4). Custom 404 Error Page — благодаря этому плагину можно создать оригинальную страницу ошибки 404 из админки. Скачать можно здесь.

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

 P.S. А каким способом Вы поменяли страницу 404? Жду ваших комментариев!

С уважением, Анна Федорова


Комментариев: 9

  1. Роман

    Нужная вещь. А то на стандартных шаблонах просто надпись. А еще желательно сделать ссылки на другие статьи.

    Ответить
    1. Мишаня

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

      Ответить
  2. Андрей

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

    Ответить
    1. Анна Фёдорова

      Полностью согласна. Написала оба варианта на всякий случай.

      Ответить
      1. Мишаня

        Чем больше вариантов оформления страницы 404 предлагается, тем лучше.

        У каждого блогера будет своя возможность выбора.

        Ответить
    2. Роман

      Не знаю )) Беру пример с других блогов.

      Ответить
  3. Владимир

    Я даже и не знал, что страницу 404 нужно и можно менять. Спасибо за информацию!

    Ответить
    1. Мишаня

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

      Ответить
  4. Денис

    Попробуйте воспользоваться этим плагином jQuery Lightbox For Native Galleries ,очень удобно показывает картинки :)

    Ответить

Оставить комментарий: