ДОСТИГНУТО:

01.11.2016-300 страниц в индексе Google;
19.01.2017-300 страниц в индексе Яндекса;
03.02.2017-40 ТИЦ;
05.02.2017- сайт принят в DMOZ каталог;

Как создать страницу ошибки 404

.

oshibkaКак самостоятельно создать страницу 404 ошибки в WordPress?

Доброго времени суток дорогие друзья! Искренне рад приветствовать Вас на страницах своего скромного блога-SAYTOSTROI.RU.
В сегодняшней статье мы с Вами продолжим осваивать все необходимые настройки, которые необходимо произвести с каждым достойным блогом .Если у Вас до сих пор нет своего сайта, то хочу порекомендовать вам свой бесплатный курс- Создание сайта с ноля(пошагово). Ознакомиться с первым уроком данного курса можно- тут!
Сегодня мы узнаем ,что такое страница 404 ошибки, какую роль она играет, как ее создать и как она должна правильно выглядеть. Забегу вперед и скажу, что страница 404 ошибки необходимо абсолютно каждому Сайту Для Людей. Если же у Вас сателлит,с озданный исключительно для заработка в интернете, то данную статью можно не читать .Для владельцев сателитов более интересной будет статья- Способы монетизаций сайтов.

Что такое страница 404 ошибки!

Страница ошибки 404 предусмотрена в WordPress по умолчанию и присутствует абсолютно во всех темах, как платных,так и бесплатных.
Страница 404 ошибки выводиться на экран монитора, в тех случаях когда используемый вами браузер, не может найти запрашиваемый URL, на сервере вашего хостинга, по различным причинам, в большинстве случаев из-за отсутствия данной веб-страницы. Например я удалил одну из страниц, на своем блоге, а вы через закладки или ссылку на стороннем ресурсе, пытаетесь на нее попасть. Браузер не сможет найти данную страницу и выдаст пользователю- «ошибка 400»— что означает- «страница не найдена». Также, стоит отметить что ошибка 404  может вывестись, при вводе адреса запрашиваемой страницы с орфографическими ошибками. В этом случае пользователь просит найти браузер, ту страницу, которой никогда и не было.
Проверить, как сейчас выглядит ваша страница 404 ошибки, можно введя запрос с ошибками. Давайте рассмотрим пример моей страницы, для этого в браузере введем, вот такой вот URL:

http://saytostroi.ru/sentybriaggg

Вот как выглядит моя стандартная страница ошибки NOT FOUND:
404-skr
Здесь все придельно понятно и просто! Информация об отсутствии страницы и окно поиска.Да страница хоть и простая, но все же функциональная. Сверху расположены все доступные страницы сайта, слева в сайдбаре рубрики и собственно само окно поиска, так что любой пользователь с легкостью может найти все что ему нужно. Но сегодня мы попробуем создать более яркую, удобную и красочную страницу ошибки 404, что позволит нам удержать пользователя на нашем сайте и улучшить поведенческие факторы.

Роль страницы ошибки 404!

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

Как создать страницу ошибки 404 в WordPress?

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

Как уже было сказано ранее, в WordPress страница с ошибкой предусмотрена по умолчанию.  Нам необходимо лишь слегка отредактировать ее, сделать более информативной и приятной для глаз пользователей и посетителей вашего интернет-ресурса.
Для редактирования страницы,в панели администратора WordPress заходим во вкладку  «Внешний вид»«Редактор» и среди большого количества файлов вашей темы находим необходимый нам файл ошибки. В большинстве случаев, он находиться в самом верху.
404-skrinСмотрим пример на картинке .Так же имеется возможность редактировать данный файл в редакторе Notepad++ прямо на хостинге, воспользовавшись FTP соединением. Именно с этим файлом нам и предстоит работать. Для надежности рекомендую Dам сделать бэкап, то есть сохранить в специально созданном текстовом документе, содержание данной папки, для того чтобы иметь возможность вернуть все настройки по умолчанию. Ну что-же приступаем к редактированию нашей страницы ошибки 404 not found.
Окно пойска мы оставим, так как оно позволит читателю быстрее найти необходимый материал!
Прежде всего мне бы хотелось добавить в код страницы симпатичное веселое изображение со смыслом. Думаю найти изображение не составит труда,если хорошенько по Гуглить, я остановился на таком:
a-net
Нам нужен путь к картинке. Это проще всего сделать добавив изображение в статью и скопировав полученный код. Код необходимо добавить в редактируемый нами файл 404 ошибки. В каждой теме, код необходимо добавлять в различные места, но думаю методом проб и ошибок , Вы найдете нужное место в файле. Вставлять код, как правило стоит после строк div=id=content,php theme_404_content или тому подобное. Разберетесь! В моем файле получилось так:
404-s
Красным прямоугольником выделен непосредственно сам код изображения. Отлично!
Теперь ниже картинки выведем запись, которая расскажет пользователю о причинах попадания на эту страницу. Я остановился на таком варианте:

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

Данный текст окружил тегами <p> и <h3>. И вставил ниже кода картинки. Размер шрифта регулируйте тегом H (1,2,3...6).
Вот что у меня получилось:
str
Теперь соответственно нам необходимо добавить карту сайта ниже данного текста. Здесь все просто. Добавляем ссылку на нашу карту сайта с анкором. У меня получился следующий код:

Код, как я думаю догадались, вставляем ниже предыдущего! На этом пожалуй и все. По желанию можете добавить на свою страницу 404 ошибки, кнопки социальных сетей, бесплатные подарки, подписку на рассылку и многое другое. Принцип создания данной страницы я Вам объяснил, думаю проблем не возникнет.
На этом на сегодня все. Увидимся в ближайших статьях.
БЕРЕГИТЕ СЕБЯ!




лайк

Эти красотки хотят чтобы ты их жестко лайкнул и даже несколько раз твитнул!

2 комментариев к записи Как создать страницу ошибки 404

  • Андрей сказал:

    Виктор классная страница. Только попробуйте сделать ее как у меня. Поверьте так будет смотреться лучше. А вот ссылка на мануал по редактированию данной страницы telets.com.zp.ua/blog/gde-ya, а можно просто поменять весь файл 404 на написанный код. Да, стереть старый код и вставить свой. Делать это можно как в редакторе вордпресса, так и через FTP Клиент. С уважением Андрей.

    • Виктор сказал:

      Посмотрел вашу страницу.Не считаю ее более привлекательной и информативной.Но спасибо за участие.Взял на заметку!

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

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