Ребята привет! НА связи с вами Александр Борисов! 404 страница (not found) — это та страница, которую увидит читатель вашего блога при запросе не существующей на вашем блоге страницы или поста. Бывает так что когда-то вы добавили какую-то заметку, она проиндексировалась поисковым роботом, но потом вы ее удалили или изменили ссылку.

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

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

На ней ни чего не было кроме 2-х надписей. «404 — не найдено» и «Извините, но того, что Вы искали, тут нет». Ну зачем мне такая хреновая страница, надо бы ее срочно переделать подумал я и сменил ей немного дизайн. Теперь она выглядит вот так - Смотреть 404 страницу. Согласитесь так лучше? Я думаю да.

Итак. Как вам сменить вашу 404 страницу со стандартной на ту которую вы хотите. Делается все очень просто. Предлагаю вам рассмотреть 2 варианта:

1. Изменить страницу 404 со стандартной на свою.
2. Сделать перенаправление с 404 страницы на другую.

Начнем с первого. Как изменить страницу 404 самостоятельно? У каждого блога wordpress есть в папке с темой файл 404.php. Вот его то и нужно редактировать, чтобы изменить дизайн 404 страницы. Сделать это можно 2-мя способами.

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

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

Вот этот код в окне и нужно менять, чтобы изменить дизайн. Кстати если внизу этого окна нет кнопки «Обновить» или «Сохранить изменения», то это значит, что вам нужно поставить права доступа 666 на этот файл 404.php.

Как менять код? Ни чего сложного. У каждой темы свой код в файле 404.php, главное не удалять основные id, классы и т.д. Меняйте только текст. Заменяйте его на другой, вставляйте ссылки, картинки, форму поиска и т.д.

Кстати для редактирования кода и предварительного просмотра его в браузере советую пользоваться удобной программой htmlpad, о ней я писал в своей предыдущей статье « ».

Вот вам мини шпаргалки если вы решите отредактировать 404 страницу (их нужно вставлять в файл 404.php):
Вставка ссылки: заголовок ссылки
Вставка картинки: (картинку закиньте на ваш хоcтинг)
Вставка категорий блога:
Вывод последних пяти записей блога:
Вывод архивов:
Вывод ссылок: ", "", "", FALSE, "id", FALSE, FALSE, -1, FALSE); ?>
Вставка поиска по блогу: смотрите в файле sidebar.php или header.php и копируйте форму поиска от туда.

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

Найти:

Думаю если вы знаете основы html, то сделать страницу 404 вам не составит особого труда, если html вы не знаете, то советую изучить хотя бы базовые теги.

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

Хорошо! Разобрались с оформлением страницы 404 для вашего wordpress блога. Теперь давайте расскажу вам о нескольких полезных плагинах.

1. Smart 404 — плагин замены 404 страницы. Данный плагин автоматически через поиск по вашему блогу выдаст пользователю список страниц, подходящих под набранный им url, вместо 404-ой страницы. Плагин ищет в тегах, метках, рубриках, страницах и постах. Плагин, я считаю, достоин внимания. Скачать .

2. 404 Notifier — плагин уведомлений об ошибках. Данный плагин будет уведомлять вас каждый раз, когда на вашем блоге появляются страницы с 404 ошибкой. Уведомление можно получать как через RSS так и на e-mail. Хороший плагин, советую поставить. Из-за 404 ошибок вы можете потерять трафик на ваш блог. Плагин 404 Notifier как раз огородит вас от этого и при первых же ошибках будет уведомлять вас об этом. Скачать .

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

Ну и на последок дам вам несколько советов по оформлению вашей 404 страницы:

а) первое что должен увидеть человек, попавший на вашу 404 страницу, так это информацию о том, что страница, которую он ищет — отсутствует. Лучше это сделать в виде какой-нибудь интересной картинки.

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

г) как дополнение можно вывести список 5-и самых последних записей на вашем блоге.

Ну на этом у меня все на сегодня. Обязательно оформите свою страницу 404. Не теряйте трафик!

Желаю вам успехов!

Как дополнение почитайте еще 3 моих статьи по ведению блога на wordpress:

С уважением, Александр Борисов

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

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

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

Но просто создание файла, это еще не готовый результат. Теперь надо его наполнить, чтобы что-то увидеть. Внутри этого файла должно быть то-же что и в файле page.php , но без вывода цикла. Примерно так:

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

Как пример, предлагаю Вам 404 со своего сайта. Выглядит она примерно следующим образом

Чтобы Вывести такое добавьте следующую html-разметку:

После в style.css добавьте стилей:

Err_bl{width:500px;margin:0 auto;position:relative;font-family:Tahoma;} .big_err{font-size:25px;color:#333;} .green_b{font-size:80px;color:#9c0;} .green_s{font-size:50px;color:#9c0;position:absolute;right:75px;top:80px;text-align:center;font-weight:bold;} .big_err_t{font-size:120px;color:#333;line-height:60px;} .big_err_tw{font-size:100px;color:#333;line-height:60px;position:absolute;right:0;top:100px;} .big_err2{font-size:35px;color:#777;letter-spacing:-1px;line-height:37px;width:200px;border-right:1px solid #eee;position:absolute;left:0;top:230px;} .big_err3{font-size:16px;text-align:justify;color:#777;width:280px;margin:25px 0 0 220px;}

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

Можете добавлять все что угодно и настроить эту страницу под себя и для удобства посетителей. Чтобы проверить результат перейдите по несуществующей ссылке на Ваш сайт. Например ваш_сайт.com/jkhkkjkjhkkjkhk2121 .

Иногда так бывает, что WordPress не находит 404.php. Тогда Вам поможет небольшой код, который нужно добавить в файл .htaccess , который лежит в корне Вашего сайта.

ErrorDocument 404 /index.php?error=404

Если Ваш WordPress лежит не в корневой папке, а в какой нибудь подпапке, то просто добавьте новый путь:

ErrorDocument 404 /имя_папки_с_вордпресс/index.php?error=404

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

А что Вы вывели на 404 странице для своих посетителей?

На этом все, спасибо за внимание. 🙂

2014-04-15

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

код

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

код

После всех этих действий у нас получится красивая страница 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? Жду ваших комментариев!

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

Делая как-то «один сайт» я скопировал его на локалку, скопировал все кроме медиафайлов, а на сайте было много картинок: минимум две к записи плюс галереи. Получалось, что ни страница, то минимум 2-3 картинки. Для того, чтобы работать над сайтом картинки мне не нужны, поэтому их я с сервера не заливал, так как трафик у меня ограниченный и получалось, что когда работаю на локалке на каждой странице минимум 2 битые ссылки на картинки, а то и 20.

Я заметил, что чем больше картинок на странице, тем дольше грузится страница, вплоть до 10 секунд. Меня это стало раздражать, и я начал искать причину такого ненормального поведения. Причина оказалась в том, что каждая битая ссылка на картинку "скрыто" генерировала еще одну страницу - 404 . В качестве примера можете попробовать вписать ссылку типа: http://домен/kartinka.jpg и вы получите страницу с ошибкой, страницу со всем содержимым сайта, с сайдбаром(и) и прочим...

Суть дела

Получается, чтобы сгенерировать страницу с одной битой ссылкой на файл, WordPress генерирует две страницы: саму страницу и страницу с ошибкой 404. Если на странице 2 битые ссылки, то будут созданы 3 страницы и т.д.

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

Я решил эту проблему написав код. Его нужно вставить в самое начало в файл index.php в корневой директории сайта.

// Проверка на тип ошибки 404, если это файл не генерировать страницу, // а просто писать об ошибке $URIreq = $_SERVER["REQUEST_URI"]; if (preg_match("/.(jpg|jpeg|gif|png|zip)/", $URIreq)){ $PathToFileFromRoot = $_SERVER["DOCUMENT_ROOT"].$URIreq; $PathToFileFromRoot = str_replace("//", "/", $PathToFileFromRoot); if (!file_exists($PathToFileFromRoot)){ echo "

"; exit(); } }

Что делает код?

Как только запрашивается страница содержащая в ссылке.jpg , .jpeg , .gif , .png , .zip , т.е. как только запрашивается файл, он проверяется на существование, если файл не существует, то выводится заглушка и до WordPress"a дело вообще не доходит. Такая заглушка генерируется за доли секунды, что и требовалось.

Чтобы убедится, что все работает пишем в браузер http://домен/kartinka.jpg

Знатоки скажут, что 404 можно задать через.htaccess и будут абсолютно правы, но стандартный способ ErrorDocument 404 /404.html для Вордпресс не подходит, т.к. при использовании ЧПУ, используется mod_rewrite и 404-я страница определяется уже самим Вордпрессом.

Тоже самое через.htaccess

Через.htaccess сделать можно, но я не знаю как, если есть просвещенные в этом вопросе поделитесь знаниями в комментариях пожалуйста.

RewriteEngine On RewriteBase / RewriteRule ^index\.php$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_URI} \.(php|s?html?|css|js|jpe?g|png|gif|ico|txt|pdf)(/?\?.*)?$ RewriteRule . - RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /index.php [L]

Внимание, для уже рабочих сайтов!

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

Для примера возьмем вот этот сайт: wordpressinside.ru , который возможно вам известен, здесь, на вскидку, я нашел как минимум 2 битые ссылки, вот они (были до написания этой статьи ):

1. http://wordpressinside.ru/wp-content/plugins/simple-counters/js/sc.js.php
2. http://wordpressinside.ru/wp-content/plugins/simple-counters/js/jquery.qtip.js
   Эти ссылки вшиты в шаблон и при генерации любой страницы, параллельно генерируется 2 страницы 404. Думаю не сложно представить насколько дольше генерируется страница, о лишних, абсолютно ненужных нагрузках на сервер я уже и не говорю...

Для решения проблемы, можно просто удалить битые ссылки - они просто не нужны...

Привет посетители сайт! Пытаясь решить одну проблему по технической части данного проекта, а суть ее в том, что при переходе на один из разделов блога по неизвестным причинам срабатывает редирект и посетителя перекидывает на 404 страницу (404 not found).

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

Проще говоря, если кто-то из вас при посещении страниц случайно допустит ошибку в URL адресе или перейдет по нерабочей внутренней ссылке (например, статья была удалена, а ссылка на нее осталась), то он не увидит стандартного сообщения в браузере об ошибке "404 not found".

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

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

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

Страница 404 для WordPress сайтов

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

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

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

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

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

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

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

2хх — success. Такие коды классифицируют случаи успешной обработки запросов сервером.

3хх — перенаправление. Один из популярных классов кодов, означающих, что запрос пользователя будет перенаправлен на другую страницу или ресурс.

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

5хх — ошибка сервера. В данной группе собраны коды, относящиеся к ошибкам на стороне сервера при обработке запроса.

Более подробно обо всех кодах ответа сервера и ошибках вы прочитаете из стати « ». Статья получилась полезной и объемной.

Все это хорошо, однако продолжим... Если у вас еще в шаблоне нет файла 404.php тогда его пора создать.

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

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

Поэтому вначале файла прописываем код вывода шапки:

И не забываем про код вывода футера:

В общем, у вас должна получиться примерно такая картина.

На последнем этапе останется только закачать созданный файл к себе на хостинг в папку с файлами шаблона: wp-content/themes/ваша-тема/404.php

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

Как вы уже поняли создать файл 404.php на WordPress не такая уж и большая проблема, тем более что в 90% шаблонов он присутствует изначально.

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

Поэтому в моем примере вся работа будет состоять в том, чтобы вписать нужный контент, изображения, рубрики и ссылки в блок