Настройка и оформление страницы 404. Урок 6

Страница 404 на вашем сайте и ее настройка

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

ошибка 404 в коде сайта
отображение 404 ошибки

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

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

 

Прежде чем, я начну говорить о странице 404, обязательно прочтите следующие статьи:

 

Что может случиться, если на блоге отсутствует страница 404?

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

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

Настройка страницы 404

Начнем пожалуй с самого начала.

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

ErrorDocument 404/404.html – если страница расположена в корне.
ErrorDocument 404 http://www.site.ru/404/ — если страница не в корне, то укажите путь к 404 странице.

2) Оформление

Первым шагом нужно оформить страницу для поискового робота. Для этого на странице 404 выводим следующую информацию:

Далее оформляем страницу для посетителей.

Для этого сделайте следующее:

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

Как изменить шаблон страницы 404?

Можно воспользоваться одним из 2-х способов.

1) Найти файл 404.php через административную панель WordPress и немного подредактировать.

2) Сохранить файл 404.php себе на компьютер, отредактировать  и закинуть обратно в папку с темой.

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

Почему данные именно этой страницы?

Так как в ней уже выведены основные блоки сайта: шапка, сайдбары, подвал и т.д. Далее остается только немного ее оформить. Рекомендую вставить какую-нибудь картинку.

Что касается настройки и оформления страницы 404  все!

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

Теперь хочу перечислить несколько полезных плагинов.

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

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


Пример, созданной страницы:

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

Smart 404. Установить данный плагин стоит. Так как он подбирает вместо стандартной страницы 404 более подходящую релевантную по url. Т.е. ту, которая интересна посетителю.

Страница 404 для сайта bloogit и ее отражение
Страница 404 на сайте BloogIT

На этом у меня все! Надеюсь статья была полезной и информативной.

Также, о правильной настройке 404 страницы Вы можете прочитать тут

Предыдущий урок: «Настройка постоянных ссылок»

 

Комментарии 14

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

  • И еще Тимур,может поможете,подскажите как быть.У меня сайт молодой и я сам только учусь всему,знаний и опыта катастрофически не хватает.Я на днях установил плагин WP No External Links, но он конфликтует с моей темой ,то работает-то не работает.Так вот у меня установлен на сайте «Модуль рекомендаций InviteMaster» он пока очень необходим(вирусная рассылка)вы наверное все равно в курсе что это такое.Пока не заработает WP No External Links,все внешние ссылки у меня закрыты вручную. Я даже не представляю как найти и закрыть.Помогите,подскажите как быть? :cry: :scratch:

    • В вашем случае есть 3 способа исправить проблему.
      1. Заменить плагин WP NO External Links на аналогичный. Например, WP-NoRef.
      2. Заменить плагин от Invitemaster на спец. коды. К примеру, граф. кнопка без Javascript и самостоятельно закрыть ссылку от индексации.
      3. Если пользуетесь плагином Invitemaster, то сделайте следующее:

      1) Перейдите на вкладку Плагины
      2) Редактор
      3) Далее выберите плагин и попробуйте найти вашу ссылку.

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

  • Спасибо, сохраню страницу в закладки — буду разбираться. :bye:

  • Cколько я уже рисунков для странички 404 сделала в своей жизни… Штук 20 точно. Статья понравилась. спасибо.

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

  • Для сервера типа Apache должен быть файл у папки со страницами сайта и названием
    «.htaccess» и содержанием файла хотя бы:

    ErrorDocument 404 /?error=404

  • а не слишком много плагинов? у меня их уже 20( :wacko:

  • Отличный плагин, спасибо. А он не сильно грузит сайт, я так понимаю он работает все время и сканирует мой сайт на 404 страницы?

  • Статья нужная и полезная. В выходной займусь 404 страницей.

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

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

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

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