404 Not found — правильная страница 404 ошибки (error) средствами WordPress и через htaccess
Здравствуйте уважаемые читатели блога KtoNaNovenkogo.ru. Сегодня мы продолжим рассматривать настройки блога на WordPress, которые нужно сделать сразу после его установки. Ознакомиться с другими статьями аналогичной тематики вы можете в рубрике WordPress для чайников и рубрике Плагины для WordPress. Сегодня речь пойдет о том, как должна выглядеть правильная страница 404 ошибки (404 not found). Хорошо продуманная и грамотно сверстанная страница ошибки (error) 404 нужна всем сайтам без исключения.
Какую роль играет страница ошибки 404 not found в удержании посетителей на сайте
Про то, как создать и настроить страницу ошибки 404 not found для Joomla я уже писал. Теперь пришла очередь блогового бесплатного движка (cms) WordPress. В принципе, можно воспользоваться услугами вашего хостинга по созданию и настройки внешнего вида страницы ошибки 404 not found, но, к сожалению, не все хостинги предоставляют удобную возможность по созданию и редактированию внешнего вида страницы ошибки 404.
Поэтому в этой статье мы рассмотрим вариант создания страницы ошибки 404 not found силами WordPress. Ну, и еще узнаем, как можно создать свою собственную страницу и прописать до 404 not found error путь в файле htaccess.
Вы можете сказать, что вам своя собственная страница 404 ошибки (error) не нужна, т.к. вы очень серьезно относитесь к своему проекту и не допускаете ошибок в навигации и внутренней перелинковки сайта. Ну во-первых все мы не идеальны и от ошибок никто не застрахован. Ну, а во-вторых, если даже вы не совершите ошибок, то это вовсе не значит, что остальные пользователи, которые захотят проставить ссылки на ваш сайт, тоже будут безошибочны.
Вариантов, когда ссылка, по которой пришел на ваш проект посетитель, окажется битой, может быть множество. Что же увидит посетитель на вашей странице 404 not found, которая будет формироваться по умолчанию? Да, собственно, ничего такого, что может побудить его там задержаться и попробовать попасть на другие вебстраницы вашего проект.
Ведь обычная страница ошибки (error) 404 будет выводиться вне дизайна (шаблона) вашего сайта, а следовательно ни о какой навигации по сайту на умолчательной странице 404 not found error и речи быть не может:
Сто процентов, что посетителя, попавшего на такую не презентабельную страницу 404 ошибки вы потеряете и возможно, что навсегда. А жаль, ведь даже ресурсы с высокой посещаемостью сайта не могут себе позволить так пренебрежительно относиться к посетителям, не говоря уже о молодых проектах, для которых каждый человек, зашедший на их web проект является на вес золота (советую установить счетчик посещений для сайта).
Так давайте же рачительно относиться к нашим посетителям, заботиться об их удобстве и возбуждать в них желание (я не про то самое желание, а про желание остаться на вашем сайте) продолжить работать с вашим ресурсом, даже в случае его попадания на страницу 404 ошибки (error).
На самом деле, создание правильной страницы «404 not found» позволяет вам существенно улучшить пользовательские факторы, которые учитывают поисковые системы при определении релевантности и ранжировании страниц вашего ресурса. Подробнее об учете поисковиками Яндекс и Google пользовательских факторов вы можете прочитать в трехчастевой публикации Как продвигать сайт самостоятельно.
Давайте посмотрим корректную работу страницы ошибки 404 not found на примере моего блога. Если главная страница блога выглядит как:
http://ktonanovenkogo.ru/
то любой текст, написанный после этого URL должен будет привести вас на страницу ошибки 404 моего блога, в случае если результирующий URL адрес не совпадет с реально существующей вебстраницей. Например, набрав в адресной строке браузера:
http://ktonanovenkogo.ru/страница ошибки 404
вы попадете на ту же самую страницу 404 ошибки (error), как если бы вы набрали в адресной стоке браузера URL адрес вебстраницы моего блога с ошибкой, например:
http://ktonanovenkogo.ru/wordpress/wordpress_osnovi/stranitsa-oshibok-404-v-wordpress.htm
В последнем примере я забыл указать в URL всего лишь одну последнюю букву (htm[l]). В принципе, уже того, что страница ошибки «404 not found» для моего блога на WordPress открывается внутри дизайна (шаблона) сайта, будет достаточно, чтобы посетитель мог бы воспользоваться навигацией по блогу и попробовать самому найти нужную ему информацию.
Но все же, по моему, будет лучше, если на странице ошибки «404 not found» будет возможность осуществить поиск по блогу или воспользоваться навигацией в виде дерева рубрик и списка архивных материалов.
Для чего нужна и как должна выглядеть правильная страница ошибки 404 not found
Как я уже писал в посте про настройку ЧПУ в WordPress, сразу после покупки доменного имени для вашего блога, стоит озаботиться вопросом: а как будут выглядеть адреса страниц (URL) сайта?! У вас есть выбор — оставить все как есть или использовать ЧПУ в WordPress.
Если этот вопрос отложить на потом, то возможно, что в момент когда вы все же решитесь на настройку ЧПУ в WordPress, ваш блог будет уже проиндексирован поисковиками и попавшие в индекс ссылки, в результате, станут нерабочими и будут выдавать «Error 404 not found». Хотя, в принципе, даже по нерабочим ссылкам (URL) пользователь попадет на ваш блог на WordPress, но увидит он не то что анонсировалось в выдаче поисковика, а страницу ошибки «404 not found», говорящую об произошедшем сбое в работе сервера (ответы сервера в http заголовках ).
Поэтому для подстраховки следует сразу подкорректировать оформление страницы ошибки «404 not found» для блога на WordPress. Если надписи на странице ошибок по умолчанию выводятся на английском, то наверное, будет правильным их перевести. Моя страница «Error 404 not found» в WordPress выглядит так: Моя страница ошибок «404 not found». Не шедевр, конечно же, но уже что-то.
Не озаглавливайте её страницей 404 и уберите из нее слова «error» и «404 not found», чтобы не озадачивать посетителя. Ведь ваши посетители могут не иметь понятия, что это означает. Только немногие знают, что значит ошибка 404 и почему она возникает. Ошибка «404 not found» означает, что сервер не может найти требуемого файла. Эта ошибка отображается в браузерах так: «page not found». Сервер определяет эту ошибку (error), записывает данные о ней в error log, затем возвращает установленную страницу для этой ошибки 404.
Кстати, 404 ошибка сервера хоть и является самой известной, но тем не менее, это не единственный вариант сообщения сервера, которые он может формировать в случае невозможности отправить браузеру запрашиваемый в URL документ (вебстраницу). Причем, сообщения сервера могут нести как информацию о возникших ошибках (включая и «404 not found»), так и о успешности выполнения какого-либо действия.
Сообщения и ошибки сервера пронумерованы трехзначными цифрами, которые можно разделить на пять групп:
- Ответы сервера начинающиеся с единицы (1--) являются информационными и означают, что запрос браузера был принят и обрабатывается.
- Ответы сервера начинающиеся с двойки (2--) означают положительный ответ сервера, говорящий о том, что запрос к нему был выполнен успешно и сервер успешно отправил браузеру запрашиваемую вебстраницу (самый популярный ответ это код «200 ок»)
- Ответы сервера начинающиеся с тройки (3--) означают, что запрос к серверу был успешно перенаправлен. В принципе, это не сообщение о возникшей ошибке. Это в том числе и пресловутый 301 редирект, который очень многие используют для склейки зеркал или склейки вебстраниц со старыми и новыми URL, которые могли, например, поменяться при настройке на сайте ЧПУ (прямых ссылок). Я уже писал про использование 301 редиректа для склейки зеркал сайта с WWW и без WWW.
- Ответы сервера начинающиеся с четверки (4--) сообщают о возникшей ошибке, по которой запрашиваемый документ (вебстраница) не был отправлен браузеру. ошибка сервера «404 not found» означает, что документа, по указанному в запросе адресу (URL) не было найдено на сервере. Обычно это возникает из-за битых ссылок (проверить сайт на битые ссылки) или же из-за настройки того же ЧПУ на сайте. Есть еще масса четырехсотых ошибок, но нас они в рамках данной статьи мало интересуют
- Ответы сервера начинающиеся с пятерки (5--) означают критическую ошибку, возникшую на WEB сервере, например из-за невозможности выполнить на сервере какой-либо скрипт
Да, вы из тех немногих, кто знаком со значение той или иной ошибки сервера не по наслышке. Но будьте выше этого и персонализируйте свою страницу ошибки 404 not found. Умничайте, выделяйтесь среди массы похожих страниц «Error 404 not found» и оригинальничайте, если хотите, но убедитесь, что ваши посетители смогут найти дорогу на рабочие вебстраницы вашего сайта.
Сделайте возможным, чтобы посетители могли найти то, что они искали. Это очень просто. Они знают чего ищут, вы нет. Дайте им шанс попробовать снова. Добавьте на 404 страницу ошибки форму поиска или подскажите как ее увидеть на своем сайте. (советую заменить стандартный поиск по сайту в WordPress на скрипт от Яндекса или скрипт поиск по сайту от Google)
Как создать и настроить оптимальную страницу ошибки 404 not found для блога на WordPress
Одной из очень удобных возможностей, предоставляемых движком WordPress является то, что вы можете очень просто настроить страницу 404 ошибки «Error — not found». Нужно просто изменить файл 404.php шаблона WordPress, который находится в папке с используемой вами темой Вордпресс. Темы WordPress устроены очень интересно.
В зависимости от того, есть ли тот или иной файл в папке с используемой вами в WordPress темой оформления, будет зависеть дизайн выводимых вебстраниц. На первый взгляд звучит сложновато и не понятно, но просмотрите по приведенной чуть выше ссылке на список с порядком обращения к файлам (шаблонам) темы оформления WordPress и вам все станет понятно. Правда, правда — честное слово.
Итак, наша текущая задача состоит в изменении файла 404.php из шаблона WordPress для задания внешнего вида страницы ошибки «Error 404 not found» в WordPress. Сделать это можно двумя способами:
- Зайти в админку WordPress и выбрать настройки редактора тем оформления (Дизайн -> Редактор тем). Выбрать 404 страницу для редактирования и изменить ее по своему усмотрению.
- Или же зайти на свой сайт по протоколу FTP с помощью Ftp клиентаFileZilla и открыть для редактирования файл 404.php, который можно найти, пройдя по этому пути: wp-content/themes/название_папки_с_используемой_темой_оформления/404.php
В результате, в обоих случаях, мы получим возможность редактировать код файла страницы ошибки «Error 404 not found» — 404.php, который и определяет вид страницы ошибки 404. Несмотря на видимую простоту первого варианта получения доступа к нужному файлу из админки WordPress, он, на мой взгляд, имеет ряд существенных недостатков:
- Нет подсветки синтаксиса (это когда, например, разные элементы кода окрашены в разные цвета, а при щелчке на открывающем HTML тэге, вам тут же подсветят парный ему закрывающий HTML тэг)
- Нет возможности откатиться назад (по аналогии с Word), т.е. если вы не сохранили кусок кода, удаленный вами же, допустим, в начале манипуляций с файлом, то в случае необходимости восстановления этого куска кода, вам придется восстанавливать его по памяти или искать где-то еще его копию. В общем, полная опа.
Поэтому я советую для редактирования файлов вашего сайта использовать связку FileZilla и Html и PHP редактора Notepad++. Посмотрите как выглядит файл 404.php открытый в редакторе тем из админки WordPress, и он же, открытый в программе Notepad++:
Обратите внимание на зеленые загнутые стрелочки в панели инструментов Notepad++, которые позволят вам перемещаться между этапами редактирования файла. Даже в случае полного краха WordPress, из-за неудачных манипуляций с кодом, всегда можно отмотать нужное количество шагов назад до восстановления его работоспособности.
По-моему, Notepad++ лучшее, что можно было придумать для простого редактирования файлов. Более подробно об использовании связки FileZilla, Notepad++ и Total Commander (Поиск по содержимому файлов сайта при помощи Total commander) для удобного редактирования и поиска по файлам вебсайта, я обязательно расскажу в следующих постах, так что оставайтесь на связи, а еще лучше подписывайтесь на RSS рассылку моего блога, чтобы не пропустить ничего интересного (Что такое RSS).
Для того, чтобы получить такую же страницу ошибки «Error 404 not found» как у меня, вам нужно привести свой файл 404.php примерно к такому виду.
Кстати, чуть не забыл, в некоторых шаблонах WordPress может не быть файла 404.php. Тем не менее эта страница необходима, т.к. при включенном ЧПУ и ошибке «Error 404 not found», вордпресс выводит содержимое файла 404.php, а если его нет, то просто главную страницу (о логике работы тем оформления для WordPress вы можете почитать в этой статье — Темы для WordPress). Вот это на мой взгляд и может запутать посетителей, если в ответ на любой кривой URL, всегда будет показываться главная страница блога.
В таком случает следует создать файл 404.php. Страницу «Error 404 not found», вписывающуюся в ваш дизайн, можно сделать на основе файла page.php (wp-content/themes/название_вашего_шаблона/page.php) , создав файл 404.php в папке с шаблоном (темой оформления WordPress), т.е. скопировать код из page.php и заменить лишнее на свое сообщение. Здесь приведен код моего файла page.php. Сравните его с кодом файла 404.php, показанным здесь, и сделайте выводы: что и куда вам нужно будет вставить?!
Задание страницы 404 not found для любого сайта с помощью файла htaccess
Если сервер вашего хостинга (Что такое домен и хостинг) работает под управлением Apache, то вы можете воспользоваться возможность децентрализованного управления этим сервером через файл htaccess. В Apache предусмотрена специальная директива « ErrorDocument» для ошибки «404 not found» в файле htaccess, которая позволит:
- либо написать текст, который будет отображаться на вашей странице «Error 404 not found»
ErrorDocument 404 "Oops... Sorry, a small technical problem."
- либо указать путь до файла с Html кодом страницы ошибки 404 (этот файл может лежать как на вашем ресурсе, так и на любом другом)
ErrorDocument 404 http://ktonanovenkogo.ru/404.html
Собственно, все. Естественно, что файл 404.html с кодом страницы ошибки «Error 404 not found» вам придется создать заранее.
Можете также посмотреть видео «Страница ошибки 404»:
У Евгения Попова имеется видекурс по WordPress, который стоит того, чтобы с ним ознакомиться.
Вы так же можете ознакомиться с другими материалами по WordPress:
- Уроки WordPress
- Плагины WordPress на моем блоге
- Установка плагинов
- Карта сайта для WordPress
- Hyper Cache - кэширование в Вордпресс
- All in One SEO Pack - поисковая оптимизация блога
- Искореняем спам в комментариях
- Подписка на новые комментарии
- WP-PageNavi - постраничная навигация
- Хлебные крошки для блога
- Внутренняя перелинковка и создание списка похожих материалов
Удачи вам! До скорых встреч на страницах блога KtoNaNovenkogo.ru
-
- Просмотр Http заголовка и проверка кода ответа сервера (200, 301, 302, 404, 500)
- Настройки блога на WordPress, которые вы должны сделать сразу после установки WP, работа с админкой Вордпресс
- Темы WordPress (шаблоны) — установка тем на Вордпресс, из каких файлов (шаблонов) состоят и как работают WP темы
- Перелинковка страниц в WordPress — хлебные крошки средствами плагина Breadcrumb NavXT
- ARTIO JoomSEF — настройка страницы ошибок 404 в компоненте ARTIO JoomSEF, настройка TITLE страниц сайта в плагине ARTIO JoomSEF и установка расширений для ARTIO JoomSEF — Часть 2
- Как проверить сайт на битые ссылки — проверка через Яндекс и Гугл вебмастер, программой Xenu Link Sleuth и WordPress плагином Broken Link Checker
- Как обновить WordPress вручную и автоматически, плагин WordPress Database Backup
Интересная статья про 404 ошибку и ее использование в свою пользу... вообще люблю когда так все подробно пишут, даже читать приятно
Спасибо за пост, очень интересно. Я согласен с предыдущим комментарием.
Отдельное спасибо за Notepad. Давно искал такую программу.
Всем привет! Довольно таки неплохой материальчик про страницу 404 ошибки и ее значение, проглядел на одном дыхании.
А в Вордпрессе разве не надо прописывать в файл .htacess такую строку Error 404/404.php?
Очень полезная вещь — 404 страница ошибки рулит, спасибо!!
Хорошая статья, узнал много нового и полезного о 404 ошибке!)
Дмитрий, скажите, пожалуйста, как изменить title страницы 404. Я всё перевёл, а вот title всё равно выводится «Nothing found for...» Облазил все файлы шаблона, но так и не нашел, где изменить.
Ян, если у вас установлен плагин All in One SEO Pack, то в его настройках в поле «404 Title Format» вы сможете задать нужный вам title. У меня, например, там прописано: Ничего не найдено по адресу %request_words%
Подробнее познакомиться с возможностями это плагина вы можете в этой статье: Внутренняя оптимизация блога на WordPress, установка и настройка плагина All in One SEO Pack
Точно, спасибо, совсем забыл про All in one SEO.
Хороший пост про 404 ошибку и ее правильное использование. Автору респектище:)
Отлично! Давно где-то видел подобное, сохранил и потерял. Всё думал — надо сделать, а где искать... вот и нашел
Я вижу вы оставили только
01
33
34
35
36
а остальное изменили.
я так и сделал, но увы гугль просто кричит HTTP 404 — File not found
С уважением
Nikita: в принципе, вы правы. Поменял я немного, но не очень понял про Гугл. Насколько я понимаю, вам нужно для проверки работоспособности страницы ошибок 404 просто добавить 404 к адресу главной страницы сайта.
Дмитрий:
Пардон, про гугл это я зря сказал сбил столку. %)
Фишка вот в чём, у меня есть файл 404.php
выглядит он так:
<?php get_header(); ?> <div id="content"> <div class="post"> <span class="breadcrumbs"><a href="<?php echo get_option('home'); ?>/">Главная</a> » 404 Не найдено</span> <h2 class="title">Error 404 - Not Found</h2> <div class="entry clearfloat"> <p>Извините, но того, что Вы искали, тут нет.</p> </div> </div> </div> <?php get_sidebar(); ?> <?php get_footer(); ?>То есть по идее меня в случае битой ссылки должно кидать на эту страницу 404 ошибки, но если я введу адрес (несуществующий!)скажем www.victoryinvestors.com/4141
Получу:
И судя по всему это значит, что у меня нет такой страницы.
Поэтому вопрос: подскажите что стоит проверить(доступ, местонахождение файла...)
Nikita: а вы ЧПУ настраивали? Просто в WordPress так получается, что если вы ЧПУ активировали и в папке с вашей темой лежит файл 404.php, то в случае ошибки, будет показана именно эта страница. При настройке ЧПУ в файл .htaccess прописывается данное правило:
<IfModule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /index.php [L] </IfModule>Дмитрий:
пытался но в итоге у меня не перевелись названия страниц хотя я ставил плагин rustolat
Nikita: без использования ЧПУ, если я не ошибаюсь, вам нужно будет дописать в .htaccess что-то вроде:
Погуглите, чтобы узнать поточнее.
Проставил у себя в .htaccess:
Файл 404.php лежит в папке с темой, ЧПУ не включено.
не проще ли страницу 404 ошибки заменить на вывод главной
otpad: мне кажется, что лучше использовать при возникновении ошибки 404 именно специализированную страницу ошибки, а не перебрасывать посетителей на главную, ибо в этом случае у посетителей могут возникнуть непонятки.
Очень интересная статья! Добавил в закладки.
Но это не совсем то, что мне сейчас нужно.
У меня такая проблема:
Недавно начал блог на wordpress, на блоге всего 3 записи и одна страница.
И вот, при открытии второй записи выходит ошибка 404.
Пробовал менять URL в настройках записи, URL меняется, но проблема остается. Полностью просмотреть запись не удается.
Как с этим бороться и где искать ошибку?
Реальная вещь, собственная страница с ошибкой 404
На самом деле и посетителя не отпугивает, и одновременно можно акцентировать внимание на конкретную вещь.
Вот у меня такая страница выглядит так damiti.ru/forumadsdag
А когда появятся страницы с измененными постоянными ссылками? после того как начала выводиться ошибка 404. Кстати, не получилось изменить страницу ошибки, хотя код я изменила
Так и выводится одна фраза — ошибка 404.
Дмитрий подскажите, а как мне вставить картинку в этот файл 404.php ... например логотип сайта, так же надо его поставить на сайт в шапке...
Прописываю путь [/php][\php], а ничего не отображается, наверное как-то с php надо связать. Просто не знаю, не мастер в этом.
Заранее спасибо!!!
Дмитрий подскажите, а как мне вставить картинку в этот файл 404.php ... например логотип сайта, так же надо его поставить на сайт в шапке...
Прописываю путь
, а ничего не отображается, наверное как-то с php надо связать. просто не знаю не мастер в этом.Извиняюсь за повтор
Заранее спасибо!!!
Спасибо за полезную информацию. буду работать над страницей 404
Большое Вам спасибо! Сделал себе такую же страницу 404 как у Вас, благодаря Вашей ссылке на то, что должно получиться в Notepad++. Я в html толком не разбираюсь. Просто скопировал данные с Вашей страницы, убрал ссылку на страницу FAQ (у меня такой просто нет) и все получилось! Да, это не шедевр веб дизайна, но получилась абсолютно интуитивно понятная страница ошибки, с которой абсолютно спокойно можно найти интересующую статью, или просто перейти в нужную рубрику или архив. Еще раз большое Вам спасибо!!!
Спасибо большое! Изменение на транслит адресов страничек сайта уже с довольно большим количеством материала повлекло за собой проблемы с большим количеством переходов на ошибочные страницы. Ваш материал оказался полезным.
Здравствуйте. Подскажите почему робот Googlebot от google.com/webmasters/tools/googlebot пишет при сканировании файла ошибка404 блога/sample-page не найден?Спасибо. У вас все полезное на блоге, ваш подписчик.
Спасибо за готовую страницу, пойду пробовать.
Прочитал, сделал, всё отлично работает. Спасибо автору!
Спасибо) воспользовался вашим примером, отлично получилось)
Здравствуй! у меня проблема при выводе страницы 404, объясняю суть проблемы: на локальном сервере 404 отображалась как надо, то-есть как задумали разработчики темы: imagepost.ru/images/1/ur/1ur_2.png а уже на реальном домене вот так показывает: imagepost.ru/images/2/ez/2ez.gif что не очень красиво( код файла 404.php что на локальном что на хосте абсолютно идентичны:
--------------------------------------
// get warp
$warp = Warp::getInstance ();
// render error layout
echo $warp['template']->render ('error', array ('title' => __ ('Страница не найдена', 'warp'), 'error' => '404', 'message' => sprintf (__ ('Перейти на главную страницу', 'warp'), $warp['system']->url, $warp['config']->get ('site_name'))));
-------------------------------------------------
не знаю даже что и подумать, помогите пожалуйста кто знает в чем проблема
Какая классная у вас страница 404!
Спасибо за отличную статью! Может подскажете как можно прописать в htaccess чтобы при запросе определенного урл моего сайта(index.php?act=s_add&cat_id=82) выдавало ошибку 404 вместо 200 ок ?
Спасибо вам большое за блог.
И в частности за статью.
Но вот какой возник вопрос (немного похожий на предыдущий):
«По сути, если сервер возвращает ответ 404, мы перенаправляем пользователя на заранее готовую страницу 404.html
И получается: что, допустим Google bot, перейдя по несуществующей странице, попадёт на страницу 404.html которая в header передаст ему ответ сервер 200. И так он посещая различные старые наши уже не существующие страницы, или битые ссылки на наш сайт, будет думать что они существуют и что содержат один и тот же контент.
Как на самой странице указать ответ сервера 404? Чтобы бот понимал что старницы на самом деле не существует.»
Вродебы подходящее решение: вначале страницы вставить код
<? header("HTTP/1.0 404 Not Found"); ?>а почему когда я ставлю php код в файл 404, то выдает ошибку и не отображается содержимое файла, а если просто пишу html или слова то файл работает, но так не красиво, нет не оформления не хедера. файл пробовал и переименовывать .html .php и менял дирректории и ложил в папку с темой и в корень и в htaccess, расширения менял и пути, но почему то оформляться php кодом и тд не хочет почему-то, в чем может быть проблема?
Вроде бы подробно пишите, но для новенького непонятно.
Вы в реальной жизни как общаетесь? А с детьми нормально?
Я не смогла прописать страницу 404 error.