Как создать страницу 404 + КОНКУРС!!!
Всем привет!
В сегодняшнем посте речь пойдет о странице ошибок, а именно о том, как создать страницу 404 на вашем блоге.
Для тех, кто не знает, что такое страница ошибок 404, поясняю. Страница 404 — это страница, на которой окажется пользователь, если:
— допущена ошибки в ссылке;
— ссылка битая (не активная);
— страницы не существует.
Для чего нужна страница 404? Ответ очевиден. При возникновении одной из выше перечисленных ошибок, браузер автоматически перенаправит человека на заранее заготовленную страницу, если она предусмотрена темой вашего блога. Стандартный ответ при ошибке выглядит примерно следующим образом:
Согласитесь, многим это ни о чем не говорит. Большинство начинающих интернет пользователей и знать не знают, что в обще существует что-то подобное. Если я человек ни разу не сталкивавшийся с такой проблемой, то Not found для меня ничего не значит. Я просто нажму крестик во вкладке браузера и больше никогда не перейду по этой ссылке. А если ваша страница 404 имеет такой же вид, вы просто потеряете меня, как читателя, а возможно и потенциального покупателя.
И если на блогах с огромнейшей посещаемостью это не так критично — одним больше, одним меньше. То молодому блогу просто глупо разбрасываться читателями, которых и без того раз два и обчелся. Если вы хотите проверить каким образом выглядит ваша 404 ошибка, то просто наберите после доменного имени любые закорючки, например: https://blogiseo.ru/404. У меня на блоге она выглядела так:
Хоть она и смотрится немного привлекательней стандартной, но всетаки я решил довести ее до ума. Сделать из нее страницу по максимуму удобную для человека, столкнувшегося с 404 неприятностью.
Как создать страницу 404
Давайте вкратце пробежимся, что будет содержать наша созданная страница 404:
- Для более привлекательного вида, я хочу, чтобы на ней обязательно присутствовала картинка. Картинки привлекают людей, они порой разбавляют однообразный текст и становятся неотъемлемым дополнением к нему. Более подробно я уже писал про картинки. Можете ознакомиться со статьей здесь.
- Предоставьте возможность и так испытавшему неудобства человеку, воспользоваться поиском по блогу. Может быть, он найдет, то что искал или даже больше. Я считаю, поиск в 404 ошибке должен присутствовать обязательно.
- Также дайте возможность перейти посетителю на главную страницу вашего сайта. Так он сможет посмотреть последние написанные вами посты. И может быть ваш ресурс его так втянет, что он в обще забудет, что искал до этого и останется на вашем сайте надолго. Вот вам и дополнительный трафик опять же, который можно было бы с легкостью потерять, не будь у вас привлекательно 404 ошибки.
- Ну а дальше все будет зависеть только от вашей фантазии. Можно поставить ссылки на список рубрик, карту сайта или просто на самые полезные и мощные статьи на вашем блоге. В общем, здесь каждый изощряется по своему.
Путем несложной вставки нескольких картинок, строк и ссылок, вот что у меня получилось:
Согласитесь, что было и что стало — две разные вещи. Отредактированная 404 ошибка выглядит намного привлекательнее. Давайте я вам покажу, как я это сделал.
Создание 404 страницы
Все делается очень просто. И сейчас вы сами в этом убедитесь. Для создания 404 ошибки, вам потребуется внести изменения в файл 404.php темы вашего блога. В большинстве стандартных тем он есть, но если вдруг у вас его нет, советую завести. Итак, начнем. Перед редактированием, на всякий случай создайте копию файла на компьютере для возврата в исходный вариант в случае неверных действий. Переходим в административную панель (админку) блога и открываем файл 404.php. Админка/Внешний вид/Редактор/Шаблон ошибок 404 (кликните для увеличения):
Итак, вот какие дополнения я внес в свой файл 404.php:
- Добавил надпись, в которой приношу свои извинений за неудобства
- Добавил рисунок предлагающий читателю воспользоваться поиском
- Предложил посетителю поискать информацию на главной странице
- Добавил картинку для притягивания посетителя
- Предложил ознакомиться с другой полезной информацией
Как вы видите, ничего сложного в этом нет. Делается все элементарно. Я думаю, что теперь теперь вопрос как создать страницу 404 вас не будет беспокоить? Если, что не получается пишите в комментариях, отвечу на все ваши вопросы!
Конкурс
А теперь предлагаю вашему вниманию небольшой конкурс. Не я его придумал, но идея мне показалась довольно привлекательной. К тому же, у каждого из вас будет шанс выиграть денежные призы, а также стимул — сделать красивую страницу ошибок 404.
Правила конкурса
Правила очень простые.
1. Все, что от вас требуется, это ретвитнуть этот пост и оставить ссылку на него с оповещением о проведении конкурса.
2. Написать в комментариях к этому посту о вашем участии в конкурсе.
3. Сделать страницу 404
Конкурс будет проходить до 30.11.2012 г. После 00:00 часов по московскому времени, страницы 404 для участия в конкурсе, не принимаются.
Оцениваться страницы будут мной и моей второй половинкой. Трое из вас, кто сделает самые красивые и удобных для «потерпевшего» страницы 404, получат от меня презенты в виде денежного вознаграждения. Победители конкурса будут объявлены 02.12.2012 г.
Ах да, совсем забыл о самом главном, о призах:
Победители конкурса получат призы:
1 место — 300 рублей
2 место — 200 рублей
3 место — 100 рублей
Конкурс завершен. Итоги конкурса здесь!
Ну вот и все, что мне сегодня хотелось вам рассказать. Жду ваши 404 страницы и согласие на участие в конкурсе. Хотите получать свежие статьи прямо на e-mail?
С уважением, Николай Коротков
Очень полезная статья. Обязательно воспользуюсь и сделаю у себя на блоге также. Спасибо за советы.
[Ответить]
Николай Коротков
16 ноября 2012 23:04
Yuriks
Пожалуйста. А в конкурсе принять участие не желаете?
[Ответить]
Ретвит постаtwitter.com/alfclick/stat...9562960819654656
Страничка 404 на конкурсcat-mishuta.ru/m
[Ответить]
Я делал вывод с 404 на карту сайта, это слегка позволяет улучшить сессию, а значит и ПФ...
[Ответить]
Николай Коротков
19 ноября 2012 16:01
Алексей Мартюшов
Полностью согласен, сесия продлевается — поведенческие факторы улучшаются!
[Ответить]
Ретвит постаtwitter.com/feniks818/sta...1010040561950720
Страничка на конкурсfeniks818.ru/oshibka-404/
[Ответить]
«Конкурс будет проходить до 31.11.2012г» — это как?!!!!
[Ответить]
Николай Коротков
26 ноября 2012 16:01
mishuta 2012
Извиняюсь. Конечно же до 30.11.2012 г. Сейчас исправлю. Спасибо, что заметили!
[Ответить]
Ретвитtwitter.com/Blog_BoardFre...4089411833106433
Страницаseokos.ru/error
[Ответить]
А этим надо заняться вплотную!
И даже не ради конкурса (закончившегося), а именно для людей! Когда сделаю страничку, обязательно пришлю Вам.
[Ответить]
Николай Коротков
5 апреля 2013 08:07
Николай Гижицкий
Обязательно присоединяйтесь, будет весело!
[Ответить]
Николай, а у меня 2 файла в теме:
404.php
и
search.php
сижу эксперементирую и не пойму
если у меня есть файл формы страницы 404 (search.php) зачем тогда в теме нужен файл 404.php?
[Ответить]
Николай Коротков
31 июля 2013 16:42
Наталья Гегер
Файл 404.php отвечает за стандартную страницу ошибок. Можете проверить, как она выглядит, набрав несуществующий адрес вашего ресурса. Поэтому не обращайте на этот файл внимание.
[Ответить]
Только по Вашей статье и смогла правильно оформить страницу 404. Я раньше не понимала, какое значение имеет ее вид. Спасибо.
[Ответить]
Николай Коротков
21 ноября 2013 14:22
Любовь
Всегда пожалуйста.
[Ответить]
22 января 2014 09:44
А кто бы ещё нам ,Любовь, рассказал так хорошо, как Николай, что и у странички 404 очень важная роль?
[Ответить]
Это же надо: такую статью полезную пропустила!
У меня такая страница стандартная и я ее ни разу не настраивала. На досуге этим займусь, уж очень мне понравился пример оформления вашей странички
[Ответить]
Ура! Николай, спасибо! Теперь у меня чудесная ошибочная страница! Вот хочу просто похвастаться вам: lit-dety.ru/ug
[Ответить]
Николай Коротков
18 января 2014 18:18
Пожалуйста, Татьяна! Отличная страничка у вас получилась.
[Ответить]
Впервые встретила такое понятное и доступное разъяснение — для чего нужна страничка 404 и как её сделать.
Обязательно займусь этим.
Со странички, подобной Вашей не должен уйти ни один случайный гость.
[Ответить]
уважаемый Николай . Слежу за блогом но пишу 1 раз. Делаю все по вашей инструкции в статье . Но картинка не отображается .Как узнать путь до нее правильно?
[Ответить]
Николай Коротков
9 февраля 2014 16:23
Михаил, путь до изображения будет зависеть от того, куда вы его загрузили. Путь — это последовательность папок, каталогов, файлов и т.д. Если взять в пример мой ресурс, то в корневой папке своего блога я создал еще одну папку, которую назвал «images». В эту папку я поместил изображение, которое имеет имя «oshibka-404.jpg». В этом случае путь до изображения будет выглядеть следующим образом:
blogiseo.ru/images/oshibka-404.jpg
[Ответить]
Николай! Бьюсь 4 дня не получается Пробовал по всякому . Это правильно?
newinvector.ru public_html/wp-content/uploads/2014/01/poisk.jpg
С уважением Михаил
[Ответить]
Николай Коротков
9 февраля 2014 20:00
Михаил, ваша ссылка неправильная! Корневой каталог здесь лишний. Правильно будет так:
newinvector.ru/wp-content/uploads/2014/01/poisk.jpg
[Ответить]
Спасибо Николай Разобрался...
[Ответить]
Доброе время суток Уважаемый Николай! У меня к вам 2 вопроса не по теме статьи. Может поможете...1 В конце каждой статьи у вас есть ссылка "подпишитесь на обновление блога ".Как она делается ,вернее как ее поставить и где брать код? 2 После того как я подписался мне открылся доступ к скачиванию Вашего бесплатного курса . Как это делается?
[Ответить]
Николай Коротков
12 февраля 2014 15:18
Михаил
1. Для получения ссылки на форму подписки, вам сначала нужно зарегистрироваться на сервисе feedburner. Данный сервис поможет вам создать форму подписки и получить ссылку. На моем блоге есть подробная статья на эту тему, «Настройка feedburner». Ознакомьтесь с ней обязательно. После получения ссылки вы сможете вставлять ее в свои посты, где «подпишитесь на обновление блога» будет выступать в качестве анкора (текста ссылки). Про анкоры я также писал подробную статью, почитайте. Там же узнаете, как вообще составляются ссылки.
2. Что касается ссылки на бесплатный видео курс, здесь дела обстоят немного сложнее, и в двух словах не объяснишь... Для этого вам понадобится сам продукт и сервис smartresponder, который будет автоматически заниматься серией рассылок, но о нем я пока не писал. В будущем планирую записать о нем целый видео курс.
[Ответить]
Я зажег фид . Кстати благодаря вашей статье! Может Я коряво задаю вопрос .
Но после каждой статьи у Вас ссылка «подпишитесь на обновления» .Где вы берете ссылку (из браузера ) https://feedburner.google.com/fb/a/mailverify?uri=Blogiseoru&loc=ru_RU ? или добавляете в статью какой-то html код?
И сразу спрошу -у Вас есть партнерская программа . Я бы подключился
[Ответить]
Николай Коротков
12 февраля 2014 19:03
Михаил
Я не понимаю ваш вопрос «Где вы берете ссылку (из браузера )»? Что значит, где беру? Прописываю ее в каждой статье вручную! В движке wordpress есть такая возможность добавлять ссылки. А партнерской программы у меня пока нет. Она появится, как только я начну выпускать платные продукты (планирую в этом году).
[Ответить]
Добрый день, Николай.
Спасибо, очень интересно, загорелась сделать интересную страничку, но тут же и споткнулась:
как в корневую папку сайта создать новую папку images? Это- все хостинги позволяют? я что-то не нашла такой возможности.
Если у меня картинка в моих документах на компе — я могу дать туда ссылку? как то не получается.
Благодарю Вас.
[Ответить]
Николай Коротков
22 апреля 2014 14:14
Lidia
Вы можете создать папку в корневом каталоге и через панель управления хостингом и с помощью ftp — клиента filezilla. Делается все элементарно... Я не знаю услугами, какой хостинг компании вы пользуетесь, но в любой из них должна быть функция «Создать папку». А обозвать вы ее можете на свое усмотрение. Если не знаете, как пользоваться filezilla или где находится корневой каталог, у меня на блоге есть подробные статьи на эту тему.
[Ответить]