Wordpress на главной 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 страница (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 WordPress имеет некоторые нюансы, о которых пойдет речь в данной статье. Так для чего необходимо тратить драгоценное время и отдельно создавать страницу ошибки для своего сайта?

Какие функции выполняет страница 404 WordPress

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

Пример:

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

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

Как сделать страницу 404 WordPress

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

На странице ошибки, которую пользователи покидают реже, чем дефолтную:

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

— Как уже говорилось выше, страницу ошибки рекомендуется оформлять в соответствии с общей тематикой сайта.

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

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

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

Итак, положим, вы уже работаете в админке WordPress. Чтобы создать страницу ошибки, перейдите в панель управления Внешний вид — Редактор .

Найдите в правом сайдбаре файл 404. php и нажмите на него для редактирования.

Шаг 1.

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

Шаг 2.

Внедряем форму поиска.

Для этого в код страницы просто нужно вставить следующий элемент кода:

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

Шаг 3.

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

Новые статьи сайта