Оформление страницы 404 + мини конкурс

Привет дорогие читатели моего блога jonyit.ru. На днях прочитал небольшой пост о важности страницы 404 и решил поделиться с вами этой информацией + рассказать, как оформлять страницу 404 в wordpress и показать несколько прикольных страниц 404.
Особенно такая страница очень важна на ещё совсем молодых блогах как и социальные кнопки wordpress, потому что посещаемость у них ещё совсем мала, а это значит что каждый посетитель на счету. И если поиск ему ничего подходящего не выдал, то уже на странице 404 он должен увидеть что то стоящее для себя. Страница ошибки 404 должна так сказать протянуть руку заблудшему посетителю я бы даже назвал её страницей спасения. Она не должна молебным плачем кричать, ПОЖАЛУЙСТА, НЕ УХОДИ, а наоборот показать лучшую сторону твоего блога. Но существует ряд причин почему пользователь не нашёл того чего искал. Может быть был неправильно набран url или внутренняя ссылка страницы устарела и была изменена, тогда вам стоит проверить свой сайт на битые ссылки. И перед тем как я начну не забудь подписаться на обновления моего блога.

Что должна иметь страница ошибки 404?

В оформлении вы просто обязаны соригинальничать. Напишите не как у всех типа “Ой, по вашему запросу ничего не найдено”, а “Ой, чёт тут нет ни черта;)” Первоначальной задачей у вас стоит выбиться из серой массы однотипных страниц 404.
Я хочу отметить, что чего бы не было на вашей странице, на ней просто необходимы находиться следующие элементы:

1.Ссылка на карту сайта и ссылка на главную страницу.
Это самый просто выход для пользователя, если он ничего не найдёт на то в лучшем случае пойдёт на главную или пошариться в карте.
2.Рубрики блога
Некоторые блогеры к примеру я не выводят виджеты с рубриками, так что на странице ошибки 404 вывод рубрик будет эффективен.
3.Список лучших статей
Это я считаю лучший способ заинтересовать пользователя. Выведите список лучших статьей по вашему мнение, да и по количеству комментариев это можно понять.
4.Форма подписки на ваш блог.
Обязательно дайте ссылку или выведите форму подписки на ваш блог так как пользователь шарился, шарился по вашему блогу и он его очень заинтересовал, но увы по искомому запросу он ничего не нашёл и тут перед тем как закрыть вкладку с вашим блогом, он случайно замечает форму подписки и становиться постоянным читателем вашего блога;)

Оформление страницы 404 своими руками


Оформление должно быть интересным внешне. То есть и картинка и слоган и элементы которые я предложил выше должны как-то сочетаться. Скажу честно моя страница 404 мне ещё не очень нравиться, думаю доработаю её на неделе.
Но вот пример как должна выглядеть схема оформления у вас на блоге.

1.Захватывающая картинка (Чем оригинальней, тем лучше и помни воровать не хорошо;)) ниже я опубликую прикольные страницы 404.
2.Обращение к читателю (всё в том же оригинальном стиле)
3.Необходимые элементы (Будь то рубрики или лучшие статьи блога)
4.Подписка на обновления блога

Пример как выглядит моя страница ошибки 404 вы можете посмотреть вот здесь.

Так как у себя на блоге я привык не только рассказывать, но и прибегать к практическим методам то и тут без них не обойдусь.

Первым делом проходим вот по этому адресу http://yousite.ru/wp-admin/theme-editor.php, естественно yousite заменяем на имя вашего сайта и открываем страницу 404.php или no-result.php, а как она будет называться, зависит от вашей темы. Вот её ты мы и будет редактировать. При редактировании прошу не вылизать за div блоки, всё манипуляции проводить строго в них.

Дальше делаем, так как я писал выше. Заголовок пишем такой, какой вы хотите, далее вставляем оригинальную картинку, а лучше перед ней напишите “Используйте карту блога, дабы найти что-то в вашем вкусе” а дальше картинку можно такую:
Прикольная страница 404

Чак норис афигенен;) После картинке сострите как-нибудь типа “Да да дорогой друг то что ты ищешь ещё нет в природе))” или “Ай ай ай пошлостей которые ты ищешь нет на мойм блоге;)” в принципе можете скопипастить у меня мне не жалко. Заметьте что, вы делаете страницу ошибки 404 по моим безумным рекомендациям на свой страх и риск, так как за то что придёт в вашу креативную голову я ответственности не несу;) Какой то забавный пост получается. Так не отклоняемся от темы.

Следующим шагом для нас будет вывод рубрик, страниц и лучших статей на блоге. А что вы выберите это уже вам решать.
Для того чтобы вывести страницы блога, необходимо вставить следующий код:

<!--?php wp_list_pages ('title_li=' ); ?-->
	<li><a href="<?php bloginfo ('rss2_url'); ?>">RSS Канал</a></li>

Для того чтобы вывести рубрики блога, необходимо вставить следующий код:

Рубрики блога

Для того чтобы вывести лучшие статьи блога, необходимо вставить следующий код:

Лучшие статьи блога

1.

Лучшая статья блога

2.

Лучшая статья блога

Ну, в конце не забудьте вывести форму подписки. В принципе всё. Кстати чуть не забыл про мини конкурс. Кто лучше всех соригинальничает на свой странице 404, тот получит 100WMR на свой webmoney. Неплохо да? Просто скидывайте ссылки на свои страницы ошибки 404. Подробнее читайте в конце статьи…

Прикольные страницы 404

Чтобы вам легче было создавать 404 я представлю вам несколько интересных изображений, но учтите что они взяты с других сайтов ведь воровать не хорошо;)

1.Первым в бой вступает мультик ‘Ну погоди’ и его одноименные герои заяц и волк.

Прикольные страницы 404

2. В детстве я очень любил Чака Нориса, так что без него никуда. Помню даже были шутки про него типа : Чак Норрис досчитал до бесконечности. Дважды.
Прикольная страница 404

3.Третьими в топ у нас выходят джентльмены удачи. Заметьте, как американцев с русскими чередую;)
Прикольные страницы 404

4.Мне этот прикол очень нравиться. Кадр из фильма “Москва слезам не верит”
Прикольные страницы 404

5.И пятое место занимает немного скверная картинка;)
Прикольные страницы 404

Мои статьи оказались для тебя полезными? Тогда не забудь подписаться на обновления моего блога!

Мини-конкурс на прикольную страницу 404


Решил организовать не большой мини-конкурс. Задача которого заключается в оригинальном оформлении страницы 404, то есть вы оригинально оформляете свою страницы 404 и скидывает ссылку на неё у меня в комментариях.

Чьё оформление будет оригинальнее остальных тот получить 100 wmr на свой webmoney или куда вам будет удобней.

Места победителей:

1. 100 wmr+постовой.
2. Постовой
3. Постовой.
Сроки с 1 по 8 ноября. То есть всего неделя.

Жду Ваших Страничек;)

P.S.
Я кстати готовлю большой конкурс с призовым фондом 2000р и ещё кучей дополнительных подарков, в котором победить сможет самый обычный блогер и чтобы не пропустить его советую обязательно подписаться на обновления моего блога.

Ну и напоследок видео: Чак Норрис и его подвиги

Разработка сайта
Мы не используем платные CMS и за счет этого мы привлекаем низкой ценой клиентов. Не используем шаблоны у нас только уникальный дизайн. В подарок мы делаем SEO оптимизацию сайта и настройку контекстной рекламы.
Заказать
Продвижение сайта
Частный оптимизатор выходит гораздо дешевле web-студии. Я помогу вам вывести cайт в ТОП-3 и настроить автоматические продажи. В стоимость услуг входит аудит, техническая и seo оптимизация сайта.
Заказать
БЛОГ под КЛЮЧ
Сэкономьте годы возни на созданием и продвижением своего блога. Отдайте это дело блоггеру с пятилетним стажем. В услугу уже входит SEO оптимизация блога. В подарок вы получаете видео-курс «Мой авторитетный блог»
Заказать




67 комментариев
  1. чак норрис реально крут. но страничка с 404 ошибкой этого сайта круче!

    Ответить на комментарий →
  2. seoonly.ru/404
    Вот такая вот скромная страничка=)

    Ответить на комментарий →
  3. А вот моя страница 404! Оцените: tanci-kavkaza.ru/404

    Ответить на комментарий →
    • Мне Ваша страничка понравилась…

      Ответить на комментарий →
  4. Дибров Павел 01 ноября, 2011 в 07:17

    Приветствую Вас!
    Я новичок в сайто-строении, сделал вот такую страничку:
    new-recipes.ru/oshibka-404.html

    Ответить на комментарий →
  5. Может Кадр не из ” Москва слезам не верит” а “Ирония судьбы или с легким паром”

    Ответить на комментарий →
  6. Без особой надежды на успех, но все-таки:
    mamynmalysh.ru/najdite-vremya-dlya-svoego-malгsha
    Это то, что склепалось за 30 минут, пока малыш спал. Думаю позже немного доработаю эту страничку, без спешки.
    Спасибо, что подстегнули к действию, уже месяца 2 руки не доходили это сделать).

    Ответить на комментарий →
  7. gidroponika.com/404404 :)

    Ответить на комментарий →
  8. Думаю можно поучаствовать.

    pro100-wordpress.ru/ob-avtore

    Ответить на комментарий →
  9. Ну и мою зацените тогда=)))
    masterdle.ru/404

    Ответить на комментарий →
  10. Мудрый Кот 02 ноября, 2011 в 01:35

    Учавствую:
    blog-kota.ru/404

    А подборка просто обалдеть, все понравились :)

    Ответить на комментарий →
  11. Антон Краморов 02 ноября, 2011 в 02:36

    seoonly, Али, Дибров Павел, Наталия, Tigrik, Радик, Алексей С,Мудрый Кот.

    Приняты)

    Ответить на комментарий →
  12. Ну что,поделили между собой,а мне?…

    Ответить на комментарий →
    • Антон Краморов 04 ноября, 2011 в 11:41

      ещё ничего не поделили)
      принимайте участие

      Ответить на комментарий →
  13. Мне больше понравилась страница из филма Кин дза дза, вообще прикольно, обожаю этот старый классический фильм. Как сделаю страницу обязательно приму участие (раньше она была, но менял шаблон)

    Ответить на комментарий →
  14. swagga.net.ua/a

    Вот, что-то да получилось=)

    Ответить на комментарий →
  15. Вот моя страница:
    swagga.net.ua/a

    Ответить на комментарий →
  16. Представляю страницу ошибки 404 своего сайта Планета Флеш:
    planetaflash.ru/абракадабра.какая-небудь

    Ответить на комментарий →
  17. jonyit, позвольте вас исправить: у вас на четвертом месте прикольных страниц 404 не “Москва слезам не верит”, а “С легким паром”. Мне эта страничка 404 больше всех понравилась, так как и правда адресом ошибка получается )))

    Ответить на комментарий →
    • Антон Краморов 08 ноября, 2011 в 12:14

      всё время путаю эти фильмы)

      Ответить на комментарий →
  18. Мне как программисту понравился вариант seoonly)))

    Ответить на комментарий →
  19. Ну и мой посмотрите!!

    Ответить на комментарий →
  20. metalolom.ucoz.com/404

    Ответить на комментарий →
    • Миша! мне нравится оформление странички.
      Прикольно, ярко.И креативчик есть!

      Ответить на комментарий →
  21. Вообще страницу 404 нужно оформлять. Я недавно статейку писал об этом) И всем блоггерам советую это сделать ведь так можно потерять посетителей, если она не будет оформлена! 

    Ответить на комментарий →
  22. Если честно, я почему то никогда не попадаю на 404 страницу, только если специально=)) 
    или я такой везучий=)
     

    Ответить на комментарий →
  23. Да, четвёртый прикол самый-самый – с юмором и побуждает продолжить поиски. Прям таки хочется заглянуть дальше.

    Ответить на комментарий →
  24. Антон Краморов 27 января, 2012 в 12:43

    Я тоже кстати никогда не попадаю на 404)

    Ответить на комментарий →
  25. Влад, а я вот в Яндексе (его сервисы) частенько их вижу. Там разные варианты. А Гугл 301 редирект с удалённой страницы делает. Там 404 не увидеть.
    Из поиска бывает на несуществующие страницы перехожу.

    Ответить на комментарий →
  26. NMitra почему не увидеть, я бывает захожу в воросы ответы, там страницы удаляют и ошибку 404 выдаёт) там робот разобраный=) 

    Ответить на комментарий →
  27. NMitra  Я вот наоборот на яндекс никогда не встречал ошибки 301 и 404))) 

    Ответить на комментарий →
  28. Я кстати тоже никогда не видел на яндекс, а вот на гугл было, но редко) 

    Ответить на комментарий →
  29. Кстати из данного оформления мне картика понравилась из кино фильма Кин дза дза =) 

    Ответить на комментарий →
  30. Нее Чак Норрис рулит)))) 

    Ответить на комментарий →
  31. жаль я не успел принять участие(

    Ответить на комментарий →
  32. Поиск по сайту забыл добавить на страницу 404

    Ответить на комментарий →
  33. Только возник вопрос про страницу 404, как и где её оформлять , как тут же нашла ответ :) Забавные варианты страниц , особенно понравились из “Джентельмены удачи” и ” С лёгким паром”. :)

    Ответить на комментарий →
  34. Cтраницу 404 , конечно, надо оформлять обязательно.Понятно описано как это сделать.Понравились некоторые странички у комментаторов.

    Ответить на комментарий →
  35. Петр Балашов 04 ноября, 2012 в 09:52

    Вот она молодежь. На картинке №3 не “Джентльмены удачи”, а “Кин-Дза_дза”, которую я давно хотел себе поставить, а на картинке №4 классика нового года-“Ирония судьбы или С легким паром”, а не “Москва слезам не верит”.Совсем все поперепутал :)

    Ответить на комментарий →
    • Антон Краморов 05 ноября, 2012 в 07:25

      Ну вот иронию судьбы я в этом году уже смотрел, а Кин-дза-за ещё нет [:-))]
      Всё же это фильмы из 80-70 годов, сейчас они уже не столь популярны. Лет через двадцать мы тоже будем говорить своим детям “Ты что терминатора не смотрел?” или “Ты не знаешь кто такой Бэтмэн?”)))))))

      Ответить на комментарий →
  36. Ой! А я оказывается тоже спутала “Кин-дза – дза” с “Джентельменами Удачи ” :)
    Даа. . Скоро точно все советские фильмы позабудем. :)
    Кстати, последний вариант страницы 404 ужасно жуткий и неприятный. . С такой страницей точно сразу убежишь с сайта :)

    Ответить на комментарий →
  37. Петр Балашов 05 ноября, 2012 в 07:54

    Вот я и говорю- молодежь. А я, представьте себе, учился в 7-8 классе. когда начинали “Битлз” и “Песняры”. Был, так сказать, у истоков. А Кин-дза-дза посмотрите, получите удовольствие. Я многое помню, как начиналось;-)

    Ответить на комментарий →
    • Даа. .Вот такая молодёжь. . Все старые фильмы начинаем забывать. Это всё мой муж виноват :) он не любит советские фильмы, приходиться вместе с ним смотреть зарубежные . А наши фильмы смотрю изредко в одиночку :) Кин – дза- дза смотрела , но очень давно. По картинке что то не сразу сообразила , что это тот фильм. Надпись Антона “Джентельмены удачи” меня ввела в заблуждение :)

      Ответить на комментарий →
      • Петр Балашов 05 ноября, 2012 в 09:02

        А мы с женой только наши фильмы сейчас и смотрим. Уже достали тупые американские комедии и боевики. Конечно. есть и там очень хорошие фильмы, и мы их периодически смотрим, но их так мало. Просто у нас другое мышление, и где они смеются, там мы лишь иронически улыбаемся. Величие русского человека в глубине его мышления.

        Ответить на комментарий →
        • Антон Краморов 05 ноября, 2012 в 09:26

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

          В принципе смотреть можно только 20% новинок! [:-))]

          Ответить на комментарий →
        • Согласна на все 100 , что сейчас много бессмысленных и жестоких фильмов, но можно найти и не мало очень добрых и с глубоким смыслом, мы именно такие фильмы выбираем. За 4 года нашей семейной жизни мы пересмотрели очень много хороших фильмов!! Если захотите ,что то доброе посмотреть, могу посоветовать из тех, что мы смотрели 😉 У нас большой список таких фильмов в нашем архиве .

          Ответить на комментарий →
  38. Петр Балашов 05 ноября, 2012 в 10:23

    Оля, спасибо, но я почти не смотрю сейчас фильмы, не успеваю изучать необходимые мне материалы. Я в курсе почти всех новинок, но жена предпочитает исторические, в том числе и научно-популярные. А я смотрю только специальные изредка, иначе спать вообще не пришлось бы))

    Ответить на комментарий →
    • Оля! если вам не трудно, то посоветуйте мне хорошие зарубежные фильмы, которые вы смотрели.
      Мне очень интересно,что смотрит сегодня молодежь…
      Список киньте , пожалуйста, на блог в комментах.

      Ответить на комментарий →
      • Хорошо, Галина! С радостью поделюсь , уже бегу на ваш блог 😉

        Ответить на комментарий →
  39. Оля!благодарю.
    рада нашему знакомству.иду к вам в гости.

    Ответить на комментарий →
  40. ошибка 404. Для сервера типа Apache должен быть файл у папки со страницами сайта и названием
    «.htaccess» и содержанием файла хотя– бы:

    ErrorDocument 404 /?error=404

    Ответить на комментарий →
  41. А я вот такую страничку сделал…. не знаю смешную не знаю страшную ))) – http://slastela.ru/error/404

    Ответить на комментарий →
  42. Посмотрите ещё креативные странички ошибок 404 и 403
    http://www.inter-meb.ru/error-404/
    http://www.inter-meb.ru/error-403/
    :)

    Ответить на комментарий →
  43. Александр Василенко 27 мая, 2013 в 07:35

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

    Ответить на комментарий →
  44. Анатолий 03 июля, 2013 в 09:09

    Вот эти узбеки на 404-ой странице улыбнули меня-))) http://okostroy.ru/404

    Ответить на комментарий →
  45. Гудвин Гадкий_Я©™ 28 ноября, 2013 в 01:58

    Ну погоди чёткая)

    Ответить на комментарий →
  46. Спасибо за статью . Познавательно ! А вот здесь можно посмотреть интересное решение для 404 страницыkvinta-a.ru/stranitsa-404/

    Ответить на комментарий →
  47. Вот 404 страница – я круче не видел http://www.zapolsky.moscow/404/

    Ответить на комментарий →
  48. Ну нет такой страницы) http://comprayexpress.ru/404

    Ответить на комментарий →
  49. Смотрите здесь 404 lustron.ru – клевая идея

    Ответить на комментарий →
  50. И еще одна http://ngs-penza.ru/404.php

    Ответить на комментарий →
  51. Зацените эту страничку https://artklen.ru/404

    Ответить на комментарий →
  52. Спасибо за статью! Как раз думал, как оформить ошибку 404 у себя на блоге – буду делать теперь уникальную картинку.

    Ответить на комментарий →
Оставь свой первый комментарий и получи:
:) :-D ;-) :-| [star] [good] [present] [flower] [:-))] [:))] [:--_)] [:-|]