Как создать страницу 404 ошибки? + Акция!
Доброго времени суток, уважаемые читатели. Этот пост я решил полностью посвятить одной очень интересной теме, в связи с которой возникает достаточно большое количество вопросов, в основном у новичков, как только они начинают касаться настройки блога и его внутренней оптимизации. Поговорим мы сегодня о том, как сделать (создать) страницу ошибки 404 для блога на WordPress.
Часто, появление на странице 404 ошибки напрямую связано либо с неправильным вводом посетителем адреса блога в поисковую строку обозревателя (браузер) или переход осуществляется по неправильной или битой ссылке, то есть по той, которая ведет на ранее удаленную страницу блога.
Если пришедший к вам читатель перейдет на стандартную страницу 404 ошибки, то велика вероятность того, что он покинет ваш ресурс или скорее всего больше на него не вернется. Чтобы избежать этого, в этом посте, я расскажу вам, как создать и настроить страницу 404 ошибки таким образом, чтобы посетитель остался как можно дольше, а так же просмотрел и прочитал максимальное количество статей.
Но прежде чем перейти к изучению инструкции, хочу предложить вам поучаствовать в небольшой акции, по результатам которой вы сможете получить материальный приз. Вам не потребуется выполнять сложных действий или чем то жертвовать. Ознакомьтесь подробнее с правилами.
Акция: Для того, что принять участие в конкурсе и получить денежный приз в размере 100 рублей, вам необходимо оставить комментарий к этой статье (рекомендация, пожелание, критика, похвала и прочее) и в строке «Сайт» оставить ссылку на вашу страницу 404 ошибки. Прежде всего будет оцениваться ее оформление по нескольким критериям, а именно на сколько она красивая и подходит под тематику и оформление блога, юмор, какая информация полезная для читателей на ней содержится и так далее. Принимайте участие, так как от вас требуется минимум затрат. Победитель будет объявлен в одном из следующих постов.
Как создать страницу 404 ошибки?
Перед тем, как приступить к созданию страницы 404 ошибки, позвольте дать вам несколько рекомендаций. Подготовьте необходимый материал, а именно то изображение, которое будет соответствовать либо тематике вашего блога, либо подобрана в соответствии с оформлением. Если будет присутствовать «юмор», то это добавит дополнительный эффект.
Помимо этого постарайтесь продумать структуру, то есть помимо выше описанного разместите на ней, например, строку «Поиск», блок «Рубрики» или «Популярные или последние записи». А так же это может быть «Карта сайта» или «Содержание». В общем то, что по вашему мнению поможет удержать посетителя на вашем сайте как можно дольше. Если возникнут проблемы, то можете оценить по этому параметру конкурентов.
Ну, а теперь давайте перейдем, непосредственно, к созданию страницы ошибки 404. Для этого, перейдите в административную панель WordPress блога и в левом боковом меню откройте пункт «Внешний вид», далее «Редактор». Теперь обратите свое внимание на колонку расположенную справа, так как в ней вам следует найти строку под названием «404.php». Щелкаете на нее так, чтобы в центре экрана открылся код, с которым мы будем работать.
Так же к файлу шаблона ошибки «404.php» можно добраться через программу «FileZilla», то есть через FTP — клиента или использовать административную панель вашего хостинг провайдера. Вариантов огромное множество и на любой вкус.
А теперь, давайте посмотрим, как можно ее отредактировать. Все ниже описанные действия я буду проводить в административной панели на примере файла одного из клиентских блогов. Открывайте код и смотрите на картинку ниже:
На ней выделена область, которая будет отображаться на экране пользователя, который введет неправильный адрес страницы или пройдет по битой ссылке. Именно ее мы и будем редактировать. Да, кстати, код в зависимости от шаблона может незначительно отличаться, но структура остается общей.
Выделенную часть можно спокойно удалить. Это ничего не нарушит. Чтобы вставить картинку, нужно разместить этот html код:
После небольшого преобразование, все будет выглядеть примерно так:
Таким образом, у нас получается готовая страница 404 ошибки, которую мы можем оставить в таком виде. Однако, помимо этого мы можем вставить в нее и другие элементы управления, например, список «Рубрики» или «Последние записи». Думаю, читателя это будет не только полезно и интересно, но и поможет нам задержать его как можно дольше.
Показать «Рубрики» блога:
Показать «Последние записи» блога:
После того, как вы вставите соответствующие строчки, то страница ошибки 404 приобретет вид:
Помимо этого, создать страницу 404 ошибки можно с помощью специализированных плагинов. Ради написания этого поста несколькими из них я воспользовался, результат был положительный. Возрастание нагрузки не проверял, но уверен, что она будет минимальна, так как ниже представленные плагины работают только вовремя создания страницы 404 ошибки. И так, вот они:
Custom 404 Error Page — это очень функциональный плагин для создания страницы, которая будет выдавать ошибку 404. Имеет ряд встроенных шаблонов, позволяет вставлять ссылки, настраивать цвет, размер и стиль шрифта, а так же вставлять изображение. Вот, кстати, пример его исполнения:
404 Notifier — в отличие от предыдущего не предложит вам ничего редактировать. Этот плагин напрямую работает с посетителем и при возникновении на странице ошибки 404, просто перенаправляет на более подходящую.
И так, подведем итоги. В этой статье, уважаемые читатели, мне хотелось вам показать, что создать страницу 404 ошибки достаточно просто. Это можно делать не только с помощью специализированных плагинов, но и в ручную, надеюсь все технические моменты удалось показать наиболее наглядно.
На этом у меня все, не забудьте принять участие в акции и заработать небольшой денежный приз. Подписывайтесь на обновление блога, чтобы получать свежие инструкции прямо на электронный ящик. Всего доброго и хорошего дня.
С уважением, Дороднов Иван
(7 голос, средний: 5,00 из 5)
Loading ...
Навигация
Предыдущая статья: ← Плагины интернет-магазина для WordPress
Следующая статья: Ошибка Allowed memory size. Как исправить? →
В этой же рубрике:
Понравилась статья? Получайте свежие уроки прямо на email или подпишитесь на RSS ленту блога!
О, конкурс! Обязательно приму в нем участите.
У меня, как раз эта страница не оформлена. Руки никак не доходят, все на потом отлаживаю. А тут просто великолепный повод наконец-то заняться страницей 404
Только вот не нашла, в какие сроки нужно будет уложится?
Наталья, рад видеть вас среди участников. Теперь будет повод оформить страницу. Конкурс завершится после того, как наберется необходимое количество участников.
Тоже оставляю заявку на участие в конкурсе. Завтра с утречка будет оформленная 404-я
Спасибо за комментарий и рад видеть Вас среди участников конкурса.
Да. С Натальей Самолюк будет сложно бороться, она так красиво все умеет оформлять. Но все же стану участником конкурса. Главное ведь не подарок, а участие.
Страница 404 у меня не оформлена. Начало статьи вселяет надежду, что можно ее настроить, но дальше не понятно: где брать коды для вставки? Или как их создавать?
А вот с плагином наверное попробую.
Тоже бы хотелось, даже если не поучаствовать, то хотя бы оформить страничку, но только боюсь не смогу я ее сделать. Для меня работа с кодами — полнейшая жуть. Боюсь их до ужаса. ((( Сохранила этот пост себе на комп, буду копаться, учить, может и смогу что-то сделать.
Здравствуйте. Интересная идея конкурса. Вот какая у меня страница 404, включённая в состав MaxSite CMS (я только изменил текст заголовка на «воспользуйтесь картой сайта»).
Теперь что касается рекомендаций:
1. Если у вас используется Английский шаблон, переведите слова, встречающиеся на этой странице на Русский;
2. Чтобы сохранить самое нужное на первом экране (на экране без прокрутки), сделайте группировку карты сайта по рубрикам и датам;
3. Перед заголовком, сообщающим что страница не существует, вставляйте поисковую форму, так как посетители, попав на эту страницу, будут в первую очередь искать именно её (проверенно на личном опыте).
Рад видеть вас, Денис среди участников. Спасибо за ваши рекомендации.
Добрый день, Лара. Пиши ваши вопросы, которые буду возникать по ходу создания страницы с 404 ошибкой, постараюсь на них ответить.
Александр Викторович, рад приветствовать вас среди участников конкурса. Все необходимые скрипты есть в статье (вставка ссылки, последние записи и рубрики), все остальное можно посмотреть на изображениях.
Добрый день, Анна. Оценивать будет не только красота при оформлении, но и полезность данной страницы, поэтому у вас есть все шансы.
Интересный конкурс необычный, страницу 404 сама сделала на сайте. Как говорится о вкусах не спорят, но хотелось бы, чтобы посетителям нравилась и они переходили по ссылкам. Поделилась на блоге своим опытом создания такой страницы, может кому интересно
Здравствуйте, люди добрые!
Ну и я, наверное, рискну.
Ведь всё равно 404-ю делать придётся.
Так почему же заодно и в конкурсе не поучаствовать?
Виталий, нужно совмещать приятное с полезным. Рад видеть вас ради участников, будем оценивать созданную вами страницу
Давно думала сделать такую страницу, а тут такая мотивация — конкурс! Вот засела делать, а картинка не выводится. Обьясните, пожалуйста, что значит в коде вывода картинки wp-image-357? Где взять эту цифру? А то что-то никак не пойму.
Ну вот, с кодом разобралась, картинка уже отображается. Благодаря Вам сделала страничку 404 и тоже хочу поучавствовать в конкурсе. Принимаете?
Вы полноценный участник конкурса.
Добрый день, Елена. Данный кусок кода вам не нужен. Все, что нужно есть в статье и на изображениях.
Здравствуйте, хороший блог у вас, по вашим постам можно заработать, а также сделать свой сайт. Вот и моя страница 404 создана.
Интересная и полезная статья о 404 странице. Но может быть для тех, кто совсем не разбирается в коде надо подробнее уточнить, что картинка для страницы сначала закачивается на хостинг, а потом на странице указывается ее адрес.
Примите мою заявку на конкурс, если еще не поздно.
Спасибо за описание кодов вставки рубрик и последних записей! Страницу 404 можно еще, как вариант, оформить в редакторе как обыкновенную запись, а затем скопировать и перебросить код в соответствующий файл. Примите мою страницу 404 на конкурс.
Спасибо за ваши замечания! Заявка принята, желаю удачи! В скором времени планирую вставить видео инструкции на эту тему.
Заявка принята! Удачи! Есть еще программный редактор Web Page Maker, с помощью него можно создать практически любую страницу с 404 ошибкой, правда она будет в html.
А будут ли результаты конкурса?
Результаты акции опубликованы в статье «Как сделать красивое оформление в Одноклассниках»