Страница Ошибка 404

Сегодня мы поговорим про то, как выглядит правильно настроенная страница «ошибка 404». Правильно сверстанная ошибка 404 обязательно должна присутствовать на всех сайтах.

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

Необходимость страницы ошибка 404.

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

Что увидит посетитель, который придет на ваш ресурс по какой-нибудь битой ссылке? Правильно! Ничего! Ничего такого особенного, что может задержать его или сделать попытку для попадания на другие страницы вашего сайта. И еще не факт что ваш сервер выдаст правильный код ошибки.

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

ошибка 404

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

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

Заменив стандартную страницу Not Found на страницу ошибка 404 мы можем послать поисковым системам некие сигналы за счет улучшения поведенческих факторов и они учтут эти сигналы при ранжировании выдачи.

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

Адрес главной страницы данного блога такой:

http://mustic.ru/

дописав несколько букв к данному URL мы попадем на страницу ошибка 404:

http://mustic.ru/asdfg

ошибка 404.

Здесь на странице ошибка 404 в отличие от страницы Not Found у пользователя есть варианты воспользоваться поиском, перейти к рубрикам или к содержанию сайта (карта сайта).

Как выглядит страница ошибка 404?

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

Настрока страницы ошибка 404.

На движке WordPress можно много чего легко настроить, в том числе и нашу страничку ошибка 404. Для этого потребуется подредактировать файл 404.php расположенный на сервере вашего сайта в папке с темой.

Для того что бы страница ошибка 404 была похожа на мою добавьте в файл 404.php примерно такой код:

<?php get_header(); ?>
	<div id="primary" class="content-area">
		<div id="content" class="site-content" role="main">
			<section class="error-404 not-found">
				<header class="page-header">
					<h1 class="page-title"><?php _e( 'Oops! That page can&rsquo;t be found.' ); ?></h1>
				</header><!-- .page-header -->
				<div class="page-content">
					<p><?php _e( 'It looks like nothing was found at this location. Maybe try one of the links below or a search?' ); ?></p>
				</div><!-- .page-content -->
			</section><!-- .error-404 -->
		</div><!-- #content -->
	</div><!-- #primary -->
<?php get_sidebar(); ?>
<?php get_footer(); ?>

 

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

© mustic.ru

vvedite.

Нравится статья? Поделись с другом.

125 комментарии к “Страница Ошибка 404

  • Алексей

    on

    Я тоже думаю что нужно убрать надпись ошибка что бы не вводить пользователей в ступор. И написать что-нибудь типа: «К сожалению то что вы искали не нашлось воспользуйтесь поиском или перейдите к карте сайта.»

    Ответить
    • Да, рядовому пользователю действительно сложно разобраться что к чему, и почему собственно ему выбрасывается какая-то ошибка. Но, с другой стороны — нужно стараться оформить 404 так, чтобы пользователь смог вытащить ту информацию, которая ему была нужна.

      Ответить
      • Согласен, у многих новичков эта страница не настроена потому что наверное им трудно с этим разобраться

        Ответить
        • А может просто новичек даже не задумывается о том, что это необходимо, не уделяет достойного внимания или вообще не знает, что есть такая 404 страничка, которую можно настроить (а вдруг она из монолитного бетона — и изменить её невозможно).

          Ответить
          • Да Юрий ты помнишь я на своем блоге приводил пример страниц 404 других блогов. Они давно не новички а страница вообще никакая и над ней не работали вообще

            Ответить
          • Да, конечно помню. Но вот интересно мнение «ЗА» и «ПРОТИВЬ» — почему одни считают что она нужна — а другие считают что без разницы какая она?

            Ответить
          • Я думаю, что эти другие вообще ничего не считают, просто не думают об этом.

            Ответить
          • Не за что

            on

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

            Ответить
          • Наверно, упустили этот момент, не задумывались, как важно сделать красивую страницу ошибки 404

            Ответить
          • Не за что

            on

            То же попадал на стандартные страницы 404 не точто блогов, даже крутых порталов. У них наверно свои соображения.

            Ответить
          • Новички многого не знают и не умеют. Вот хорошо, что есть такие сайты, где можно поучиться.

            Ответить
          • А ведь у меня на блоге,страничка 404 то же не настроена.

            Ну и как вы посоветуете,нужно срочно ее делать или как время появится?

            Ответить
          • Не за что

            on

            Страница 404 это дополнительный фактор не основной. Внимания новичок от этого уделяет странице немного.

            Ответить
        • Многие блоггеры не знают технических моментов и не знают как сделать такую страницу. Я сама до недавнего времени думала, что это как то то очень трудно, нужно привлекать программистов. Но вот узнала, что это сделать очень просто и сделала наконец то нормальную страницу ошибки 404.

          Ответить
        • Не за что

          on

          Эта страница по умолчанию в Ворд Прессе находится. Работает же.

          Ответить
      • Не за что

        on

        И как пользователь может вытащить нужную информацию из страницы 404. Страница 404 одна, а на блоге много тем.

        Ответить
        • Я видел на эту страницу карту сайта вставляли.

          По моему отличный вариант и оригинально.

          Ответить
          • Вадим

            on

            Мне информация нужна, а не карта сайта. Я её читать не буду если попаду на 404. А картинку красивую посмотрю или анектодот почитаю.

            Ответить
          • Ну в принципе правильно говорите, зашли в поисках информации, а ее нет, остальное не важно.

            Но, не все так думают, другие заинтересуются.

            Ответить
          • Вадим

            on

            Если каждый пользователь важен то стоит его заинтересовать оформлением 404. У хорошего блогера страниц 404 минимум, попадают на неё единицы в день.

            Ответить
          • Вадим

            on

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

            Ответить
          • Ну я не знаю, когда блога не было, я такие блоги и сайты не посещал.

            Когда заинтересовала информация о сайтостроении, я стал посещать об этом блоги и меня все устраивало.

            Ответить
          • Вадим

            on

            На сайтах занимающих первые места страница 404 простая. В виде

            404 Not Found nginx/1.0.8

            Ответить
          • Я рад за эти блоги, но неважно какое место занимает сайт, лично я сразу ухожу с таких страниц.Хотя бы отпугивающие слова бы меняли.

            Ответить
          • Игорь

            on

            Посмотрите как я себе настроил страничку 404.

            Ответить
          • Вадим

            on

            Я сервисом проверил страницу 404. Пока сказать ничего не могу. Возможен у Вас есть косяк. Буду уточнять.

            Ответить
          • Игорь

            on

            Да какой косяк,все нормально,вся боковая колонка блога выставлена.

            Ответить
          • Вадим

            on

            Игорь, у Артёма неполная статья об этой ошибке. Не написано о правильных ответах сервера. Я проверял ответ сервера сервисом mainspy.ru. Ваша страница 404 даёт ответ сервера 301 Moved Permanently. Я на данный момент не уверен, что страница 404 должна отдавать ответ 301.

            Ответить
          • Вадим

            on

            Я Вашу страницу проверял по адресу Ваш сайт/index.php?page=404. Это стандартный адрес страницы если Вы ничего не меняли.

            Ответить
          • Вадим

            on

            У Артёма тоже ответ сервера 301. Я ошибся, зря сказал про косяк. Поторопился. Значит всё правильно сделано и у Артёма и у Вас.

            Ответить
          • Вадим

            on

            На странице 404 важен код ответа сервера, а это связано с htaccess. Может случиться что страница 404 будет работать на ненаписанные статьи и ответ сервера будет 200 ОК.

            Ответить
          • Игорь

            on

            Да я это все сам проверял,но спасибо за беспокойство что и вы проверили.

            Ответить
  • Михаил

    on

    А как это сделать на движке ucoz?

    Ответить
    • Создание странички что для юкоз, что для другого движка не отличается — на юкоз просто нужно забросить нужную страничку в корневую директорию.

      Ответить
      • Михаил

        on

        Создание странички что для юкоз, что для другого движка не отличается — на юкоз просто нужно забросить нужную страничку в корневую директорию.

        А как конкретно?

        Ответить
        • Воспользовавшись любым FTP менеджером. Или вы не знаете что это такое? Если нет — то наверное стоит прочитать какую-то статью по этому поводу.

          Ответить
    • Artem Svechin

      on

      К сожалению с движком ucoz я не знаком. Все что публикуется на этом блоге относится к WordPress. Погуглите что-нибудь обязательно найдете.

      Ответить
      • Целенаправленность — это хорошо. Хотя, я как знаком с юкозом, так как с него начинал — могу сказать, что отличий по созданию 404 странички практически нет.

        Ответить
      • Да Юкоз очень похож на движок ДЛЕ если это так действительно то такая фунуция должна быть предусмотрена заранее создателями

        Ответить
        • Было бы реально странно, если бы создатели этого конструктора не предусмотрели возможность изменения странички 404.

          Ответить
          • Я тоже так считаю, по идее она уже должна быть в рабочем и настроенном состоянии. Потому что конструктор предусмотрен в первую очередь на новичков.

            Ответить
          • Тут правда спорный вопрос — у нас Украинское МинОбразование заключило договор (тендер) с юкозом — и теперь все школы обязанны создать там свои сайты. Являются ли они новичкками?

            Ответить
          • Юр,можно просто создать блог и не вести его.

            А школы обязали в месте с учениками,или только пед.персонал?

            Принципе без разницы,все равно они считаются новичками.

            Ответить
    • Наверное если это конструтктор то там должна быть предусмотрена возможность создания и редактирования этой страницы

      Ответить
      • Что-то я такой возможности не встречал (в смысле конструкторского типа создания 404) — но то что возможность залить уже готовую — это факт.

        Ответить
  • Бытует мнение, что лучше вместо 404 сделать редирект, что материал был перемещен. Это позволит удержать ТИЦ. Как вы это прокомментируете?

    Ответить
    • Алексей

      on

      Может быть (с очень большой долей сомнения) ВИЦ и PR удержит. А на ТИЦ никак не повлияет. Но это опять же мое личное мнение.

      Ответить
      • Удерживается, спрашивал у Платонов специально. Где-то еще их письмо на ящике должно бы лежать.

        Ответить
        • Я действительно не знал что это так. Значит этой странице нужно уделять пристальное внимание, потому что она значит очень важна для продвижения

          Ответить
          • Artem Svechin

            on

            Да, Александр. 404 ошибка обязательная страница вашего сайта как и все остальные.

            Ответить
          • Есть блоггеры, которые вообще не используют 404 — и просто в случае чего перебрасывает на страничку, которую создал хостинг (это касается например сайтов на хостинжере).

            Ответить
      • А бывает такое на некоторых блогах при проверке страницы 404 через некоторые сервисы отдает код 200 ок. Это ведь вообще не правильно потому что если это так то страницы будет индексироваться поисковиками

        Ответить
        • Это для того, чтобы не терять пузомерки, Саня — выдавая 200 все ссылки которые ведут на сайт являются действенными — а значит повышают пузомерки.

          Ответить
  • Василий Цубера

    on

    У меня все нет времени настроить эту страницу. еще раньше думал на нее почти никто не попадает!

    Ответить
    • Алексей

      on

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

      Ответить
      • Поддерживаю, Алексей — вот только честно говоря сам такого принципа не придерживаюсь — нельзя быть совершенным сразу во всех аспектах — нужно расставлять приоритеты.

        Ответить
      • Ага,если с первых дней про это знаешь.

        А если первый раз создаешь блог?

        Все сразу любой не настроит,что нибудь или не знает или забудет.

        Ответить
    • Это так кажется, на самом деле возможно там собирается и покидает ваш блог значительная часть посетителей. Уделить для этого время нужно обязательно

      Ответить
      • Куда они могут покидать блог, если блог новый — а значит выходящих битых ссылок еще нет?

        Ответить
        • Artem Svechin

          on

          Юрий вы пишете комментарии от двух имен Юрий+Йосифович и Юрий Йосифович и получается два участника. Сейчас буду исправлять будьте внимательны. Согласитесь два призовых места это много другим тоже надо поучаствовать.

          Ответить
          • Скриншот под именем — лень мне продолжать удалять этот плюс. Об этом отписался на страничке конкурсов — указал в чем собственно проблема.

            Я на два призовых места не претендую:)

            Ответить
          • Игорь

            on

            Хорошо что не претендуешь, а то я думал ты жадничать стал.

            Шучу дружище.)))

            Ответить
    • Так нужно найти время, Василий. Вот возьмите, и прям после прочтения комментария выделите 10-15 минут — и страничка будет создана!

      Ответить
  • Артем, предлагаемый вами код, совершенно не виден и не копируется. Да и смысла нет его использовать. Нужно объяснить народу на словах и примере как создать свою страницу 404, а не брать чужой код.

    Ответить
    • Ольга, вы можете дополнить статью в комментариях, если есть желание 🙂

      Ответить
      • ОК! Подготовлюсь и напишу, только чуть позже.

        Ответить
        • Это будет круто! Честно говоря — автору блога реально повезло — как видим три комментатора-терминатора (можно и так назвать) известные в кругах блогосферы появились на его блоге — и жизнь тут сразу же разбушевалась. Прикольно не так ли?

          Ответить
          • Artem Svechin

            on

            Ага. Поединок титанов.

            Ответить
          • Да, что-то типа этого как раз получается 🙂

            Ответить
          • Алексей

            on

            Да-да битва титанов. Я вам завидую (титанам) потому что так и не смог стать достойным блоггером.

            Ответить
          • А что же вам помешало в этом, Алексей? Вы бы хоть граватар установили что ли?

            Ответить
          • Да хотя бы ,ссылку на свой блог дали бы.

            А то не понятно с кем общаешься,не в обиду сказано,да и с блогом вашим за одно познакомимся))))

            Ответить
      • Как обещала, рассказываю: 1.нужно создать новую запись в админ-панели, вставить картинку и придумать текст, проставить ссылки, если нужно. Сохраняем в черновиках.

        2. Переходим на вкладку ТЕКСТ и копируем код.

        3. Идем во Внешний вид — редактор — шаблоны ошибки 404 — между и вместо старого кода страницы ошибки вставляем свой.

        4. Сохраняем и готово!

        Ответить
  • Конечно нужно совершенствовать стандартную страницу 404, чтобы читатель не растерялся и нашел то, зачем пришел на блог. Я еще в предыдущем шаблоне делала свою страницу ошибки, да и статью на эту тему тоже написала, поделилась своим опытом создания страницы 404.

    Ответить
    • А в этом шаблоне, который у вас сейчас я так понимаю стандартная страничка 404, или вы уже успели её переделать, Рашида?

      Ответить
      • Нет, Юрий в новом шаблоне я еще страницу не до конца сделала — добавила только блок ссылок на последние статьи, рубрики, поиск. В планах есть и картинку прикольную сделать. Буду совершенствовать, чтобы она была более привлекательной.

        Ответить
        • Кстати, Юрий, на моем блоге в статье про эту страницу 404 я привела код, который выводит блок ссылок на последние статьи, с сопровождающим текстом — прочитайте последние статьи, вдруг вы их еще не читали.

          Ответить
  • Алексей, вы правы, люди не любят когда им указывают на ошибки, но с другой стороны, посетитель не увидев, то, что искал, может растеряться и закрыть вкладку.

    Ответить
  • Александр, на самом деле сделать страницу 404 новичку несложно, нужно просто для сделать резервную копию.

    Ответить
  • Юрий, скорее действительно, новички и не знают, что нужно настроить эту страницу. А как это сделать — это вопрос уже к поиску гугла или яндекса, там на эти вопросы ответов полно.

    Ответить
  • Юрий, да вряд ли кто-то думает, что без разницы какая она эта страница ошибки. Просто не знают, что ее можно сделать информативной, чтобы удержать посетителя на сайте.

    Ответить
  • Ольга, да первое время все так, бояться сделать что-то лишнее. У меня когда первый раз сайт пропал, так я в такой панике была. Потом ничего, привыкла. Сначала делаю резервную копию, а потом творю или вытворяю.

    Ответить
  • Александр, так как на эту страницу попадают посетители, то конечно важно, чтобы они задержались на ней и перешли по ссылке на другую страницу, поиск, рубрику или последние статьи, например.

    Ответить
  • Алексей, если бы это было реально самому сделать все и сразу, да еще и сделать правильно, без ошибок, никто бы не отказался.

    Ответить
  • А почему? Не порядок, Рашида — нужно бы доделать!

    Ответить
  • Да, я читал эту публикацию у вас, Рашида — просто я столько публикаций перелистал у вас, что сразу весь контекст и не припомню. У меня 404 сейчас стандартная, думаю это правильно.

    Ответить
  • Та да, новички многого незнают — но ведь обучаться нужно в любом случае!

    Ответить
  • Почему боялись, неужели думали, что изменив ту же старничку 404 можно сделать что-то непоправимое?

    Ответить
  • Любят или не любят — но пусть привыкают. Критика всегда содержит зерно правды, поняв которое можно стать лучше!

    Ответить
  • Да, без резервной копии совсем нельзя — а то получается что-то сделаешь, а потом просись у хостинга, чтобы восстановил.

    Ответить
  • Я с вами согласен Рашида! Но тут фишка, что нужно заинтриговать еще посетителя — ибо он не знает, насколько полезный контент на блоге — сделает вывод по красивой страничке 404 и будет смотреть чего еще интересного есть.

    Ответить
  • Вот спасибо за вашу четкую инструкцию — вам удалось вложить весь пост в несколько строчек Оля! Алгоритм готов для исполнения каждым!

    Ответить
  • Не за что

    on

    что бы страница ошибка 404 была похожа на мою добавьте в файл 404.php примерно такой код...

    Артём, ничего не видно на картинке. Она не увеличивается, код виден расплывчато.

    Ответить
    • Вадим, Ну и где код?

      И как посмотреть что у вас за страничка 404.

      Ответить
      • Вадим

        on

        Это была цитата из статьи Игорь. Фото так и не увеличивается.

        Ответить
        • Понятно Вадим, а вы фото скопируйте и увеличьте.

          Ответить
          • Вадим

            on

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

            Ответить
          • Игорь

            on

            Блин точно, я попробовал, фигня какая то, ничего не видно.

            Ответить
  • Вадим

    on

    Придётся взять некоторые мои слова обратно. Ошибка 404 оказалось важнее чем я думал сначала.

    Ответить
    • Вадим, вас не поймешь, вы то противоречите то соглашаетесь. Что на этот раз повлияло на ваше мнение?

      Ответить
      • Вадим

        on

        Когда появляются новые знания и информация так и происходит. Ошибка может быть связана и с файлом htaccess. Я этого раньше не знал.

        Ответить
        • Понятно, самое главное что решение было принято в правильную сторону.

          Ответить
  • Вадим

    on

    Я просмотрел на нескольких блогах страницу 404 и обнаружил, что некоторые можно спокойно опустить в выдаче. Поэтому я написал что 404 не такая простая как выглядит.

    Ответить
    • Т.е. кто-нибудь напакостить может? Ужас

      Ответить
      • Игорь

        on

        Да нет, что то не то Вадим написал.

        Как можно нагадить на чужой страничке 404?

        Ответить
        • Вадим

          on

          Нагадить не на самой страничке, а благодаря ей. Хитрая техника применяется.

          Ответить
          • Игорь

            on

            Ну не знаю, первый раз про такое слышу.

            Надо по Гуглить, по этому поводу, нарыть информацию.

            Ответить
          • Вадим

            on

            Посмотрите в гугле. Я могу на досуге проверить Ваш сайт на 404 ошибку.

            Ответить
      • Вадим

        on

        Да, Олеся может напакостить. Опустить Ваш сайт вниз в выдаче если настроена страница неправильно.

        Ответить
  • Хочу страницу 404 как-нибудь красиво оформить, но пока все руки не доходят.

    Ответить
    • Игорь

      on

      И руки не доходят и времени мало, а фантазии хоть отбавляй.

      Тоже никак не настрою эту страничку, а нужно.

      Ответить
      • Вадим

        on

        Оформление страницы и её настройка не связаны между собой.

        Ответить
        • Игорь

          on

          Да вы поняли меня, в Вордпрессе она автоматически настроена.

          Я про оформление так выразился.

          Ответить
          • Вадим

            on

            Сильно не уверен что в Вордпрессе нормально настроена страница 404. Она связана с htaccess.

            Ответить
    • Вадим

      on

      Олеся, поищите в инете статью о 50 лучших страницах 404. Можно себе подобрать.

      Ответить
      • Игорь

        on

        Спасибо за подсказку, мне эта информация тоже пригодится.

        Прямо сейчас пойду прошвырнусь по инету.

        Ответить
  • Вадим

    on

    Вбейте в поиск лучшие страницы 404 и порядок.

    Ответить
    • Игорь

      on

      Да я уже изучал эти картинки,но мне лучше что бы не картинки рассматривали,а далее по блогу перемещались

      Ответить
  • Вадим

    on

    У Приватбанка две недели назад на странице 404 был клип иностраной группы выложен. Сейчас его нет. Сейчас там Можливо, Ви хотіли дізнатися, як користуватися кредитним лімітом до 25 000 грн без відсотків і комісії? Я не понимаю что написано, но клип был лучше.

    Ответить
    • Игорь

      on

      Ну это в переводе выглядит так: Возможно, Вы хотели узнать, как пользоваться кредитным лимитом до 25 000 грн без процентов и комиссии?

      Ну а что вы хотите, это же Украинский банк,они уже не знают как куснуть русскоязычное население,ну они это зря делают,у них потеря финансов и клиентов будет.

      Ответить
      • Вадим

        on

        Игорь, я про идею использования музыкального ролика на странице 404 в качестве оформления. Политикой не занимаюсь. Мне их страница и клип понравились. Клип вёл на ютуб. Заодно и раскрутка канала.

        Ответить
        • Игорь

          on

          Вадим,да я понял тебя что они все изменили.

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

          Ответить
  • Вадим

    on

    Статья о правильной настройке htaccess в продолжении темы ошибки 404 будет?

    Ответить
    • Али Администратор

      on

      Если нужна то будет.

      Ответить
      • Вадим

        on

        Статья нужна, она логическое продолжение 404 страницы. Это моё мнение. Но как статью написать, в файле одни регулярные выражения.

        Ответить

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

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