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

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

К сожалению, запрашиваемая Вами страница не найдена..

Почему?

  1. Ссылка, по которой Вы пришли, неверна.
  2. Вы неправильно указали путь или название страницы.
  3. Страница была удалёна со времени Вашего последнего посещения.

Для продолжения работы с сайтом Вы можете воспользоваться формой поиска по сайту:

..или перейти на:

  • Главную страницу сайта.
  • Карту сайта

На самом деле это просто страничка «скелет» конечно же Вам следует создать свою собственную, полноценную страницу ошибки 404.

Создали? а вот теперь поговорим о нюансах..

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

Что это за файл такой спросите Вы?

Файл .htaccess (я не опечатался, пишется с точкой в начале имени и не использует никакого расширения) – дает возможность конфигурировать работу сервера в отдельных его директориях..

На данный файл может быть возложен ряд специфических задач..

Обратите внимание

например: устанавливать права доступа к файлам в папке, менять названия индексных файлов, глобально перенаправлять посетителей на другой сайт, запретить доступ к сайту с определённого ip адреса…

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

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

Итак, создаём файл под названием .htaccess который содержит в себе одну единственную строчку (если таковой файл уже имеется с какими ни будь другими инструкциями серверу, то просто дописываем в него эту строчку):

ErrorDocument 404 http://www.site.ru/404.html

И заливаем его на сервер в корневую папку сайта.

Ну только естественно сначала поменяйте в файле .htaccess ссылку http://www.site.ru/404.html на адрес Вашей собственной страницы которая должна будет открываться при возникновении ошибки 404.

Вот собственно и всё! теперь если Вы всё сделали правильно, при возникновении ошибки 404 будет загружаться Ваша «ошибочная» страница.

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

P.S.Таким же способом с помощью файла .htaccess Вы можете обрабатывать и другие ошибки сервера:

  • 401 ошибка(ErrorDocument 401 http://www.site.ru/page.html)- Требуется авторизация.
  • 403 ошибка(ErrorDocument 403 http://www.site.ru/page.html)- Пользователь не прошел аутентификацию, доступ запрещен.
  • 500 ошибка(ErrorDocument 500 http://www.site.ru/page.html)- Внутренняя ошибка сервера.

Если что-то непонятно или Вы в чем-то сомневаетесь, то за дополнительными разъяснениями обращайтесь на форум.

Источник: http://www.webremeslo.ru/faq/faq6.html

Как не потерять посетителя сайта на странице с ошибкой

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

Страница 404 — это неудачная попытка открыть что-то в вебе. Это автоматическая страница, которая открывается, если запрашиваемый сайт невозможно найти.

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

Кажется, что можно и обойтись без собственного дизайна страницы ошибки — что в этом такого?

На самом деле страница 404 нужна всем, и вот почему:

Важно

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

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

Когда у вас много неоформленных страниц 404, с которых пользователи не могут перейти на главную или другие разделы, у вашего сайта снижаются позиции в органическом поиске. Так что продумать дизайн страницы 404 — полезно для SEO.

Создать дизайн страницы 404 — способ по-человечески поговорить с вашим пользователем и вернуть его на сайт.

Приемы создания страницы 404: о чем стоит помнить

Объяснить посетителю, что происходит.

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

Цель дизайна страницы 404 — сделать меньше фрустрацию вашей аудитории, постараться отвлечь людей от ощущения потери. С этим очень хорошо справляются изображения, видео, анимации, особенно смешные.

hugeinc.com

Тональность сообщения на странице ошибки зависит от позиционирования вашего бренда, но немного юмора никогда не помешает.

Вернуть пользователя на сайт.

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

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

Источник: http://tilda.education/articles-404-error-page

Правильная страница 404 ошибки. Примеры — Академия SEO (СЕО)

Сколько раз на просторах интернета Вы натыкались на страничку с сообщением о том, что запрашиваемая страничка не существует?

И что Вы обычно делали в этой ситуации?

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

Также и на Вашем сайте посетителям периодически встречается ошибка 404:

– Что это такое? – Думают они и впопыхах закрывают вкладку в браузере. И при этом Вы теряете очередного потенциального клиента.

А все потому что обычно ошибка 404 – это плохо оформленная страничка с тем самым сообщением о несуществующем документе или файле.

Почему дизайн 404 страницы так важен

Для начала давайте вспомним, что такое ошибка 404 – это код ответа сервера о невозможности отображения документа, вследствие его отсутствия.

Чаще всего причиной этой ошибки становятся:

  •  битые ссылки;
  •  изменение адреса странички;
  •  ошибка при написании URL в адресной строке;
  •  удаление странички или прекращение существования сайта

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

Какой должна быть правильная 404 страница

  1. Желательно чтобы дизайн 404 страницы был таким же, как и у всего сайта, чтобы пользователю не показалось, что он попал на другой веб-ресурс. Это создает целостность виртуального пространства, в котором посетителю предоставляется возможность находиться во время работы с сайтом.
  2. Правильная 404 страница должна содержать ссылку на главную и меню, чтобы посетитель мог без труда вернуться к работе с сайтом и не задавался вопросом: «Что же делать дальше?».
  3. Забавная страница 404 является одним из лучших способов заставить пользователя отнестись к возникшей ситуации с юмором и убедить его не уходить. Причем можно использовать не только юмористический текст для страницы 404, но также и картинки соответствующего содержания. Эта страничка как нельзя кстати подходит для выражения необычных креативных идей, которые неуместны в других разделах веб-сайта. Вот такие примеры страницы ошибки 404 можно встретить в сети:
  4. По статистике если использовать только текст для страницы 404 (без изображений), количество невозвратов с нее на сайт увеличивается почти в 2–3 раза. Представьте, сколько клиентов Вы теряете, когда ленитесь оформить страницу 404 должным образом и не даете посетителю совершить какое-нибудь действие, кроме закрытия вкладки браузера.
    Также красивые страницы 404 ошибки сглаживают негативные эмоции, возникающее в подобных ситуациях, что позволит немного улучшить поведенческие факторы.
  5. Фантазируйте! Можно комбинировать вышеуказанные рекомендации и использовать забавные картинки 404 страницы, предлагать воспользоваться ссылкой на главную, поиском по веб-ресурсу или перейти к просмотру самых популярных статей. Научитесь создавать интересные страницы 404!
  6. Не забывайте рассказать коротко посетителю, почему он видит Вашу красивую страницу 404 ошибки. Ведь не все знают, что такое ошибка 404 и как себя вести при ее обнаружении. Но при этом не стоит вдаваться в технические подробности. Пусть все будет коротко, ясно и со вкусом.

Источник: https://seo-akademiya.com/baza-znanij/vnutrennyaya-optimizacziya/stranicza-404-oshibki/

404 ошибка – как настраивать и отслеживать страницу “Не найдено”?

Сайты развиваются: создаются новые разделы, меняется структура, удаляются страницы или переделываются их адреса. Часто за всеми этими процессами уследить очень сложно даже опытному веб-мастеру.

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

Как это отследить? Как оповестить робота и клиента, что таких страниц больше нет? Что показывать пользователю на странице 404? Отвечаю!

404 NOT FOUND – что означает?

Определение: “404 ошибка сервера (not found) — самая распространенная ошибка при пользовании Интернетом, основная причина — ошибка в написании адреса Web-страницы. Сервер понял запрос, но не нашёл соответствующего ресурса по указанному URI.”

Для чего нужна 404 страница?

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

Проверить ответ это очень просто, наберите несуществующий адрес страницы тут – http://bertal.ru/.

2. Пользователю необходимо сообщить, что запрашиваемой страницы больше (или вообще) не существует, и предоставить возможность работать с сайтом дальше.

Как настроить ответ сервера?

404 ошибка сервера через htaccess

Если Ваш сервер или CMS не настроены атоматически, то придётся это сделать Вам самим – добавьте в htaccess строчку:

1 ErrorDocument 404 http://www.site.ru/404.php

ErrorDocument 404 http://www.site.ru/404.php

Теперь, когда пользователь введёт неверный адрес, то он будет направлен на этот адрес. Страница может располагаться где угодно, но мы для примера поместили ее в корне сайта: /404.php.

404 ошибка сервера в PHP

Велосипеда изобретать не надо – существует специальная функция header, которая успешно поможет Вам это сделать.

1 header(«HTTP/1.0 404 Not Found»);

header(«HTTP/1.0 404 Not Found»);

Как должна выглядеть страница 404?

  • В дизайне сайта (а не страница по умолчанию вашего хостинга)
  • Содержать информацию о том, что произошла ошибка
  • Иметь форму поиска по сайту
  • Иметь небольшую карту сайта с основными разделами.

Креативные 404 страницы – вред или польза?

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

Как отследить, сколько таких пользователей попадают на страницу 404?

Яндекс.Метрика

Для этого удобно использовать “Параметры визитов”.
В код счётчика необходимо добавить строчку: params:window.yaParams||{ }});

Таким образом, должно получиться как-то так:

1
2
3
4
5
6
7
8
w.yaCounterХХХХХХХХ = new Ya.Metrika({id:ХХХХХХХХ, webvisor:true, clickmap:true, trackLinks:true, accurateTrackBounce:true, trackHash:true, ut:»noindex», params:window.yaParams||{ }});

w.yaCounterХХХХХХХХ = new Ya.Metrika({id:ХХХХХХХХ, webvisor:true, clickmap:true, trackLinks:true, accurateTrackBounce:true, trackHash:true, ut:»noindex», params:window.yaParams||{ }});

На самой же странице 404 в любом месте необходимо разместить следующий JS-код:

1
2
3
var url = document.location.pathname + document.location.search var url_referrer = document.referrer;
var yaParams = {error404: {page: url, from: url_referrer}};

var url = document.location.pathname + document.location.search var url_referrer = document.referrer; var yaParams = {error404: {page: url, from: url_referrer}};

Где url – текущий адрес страницы 404, а url_referrer – адрес, с которого на него попали. Таким образом, мы в Яндекс.Метрике сможем отлеживать не только все 404 страницы, но и адреса, по которым на неё перешли.

Отчёт в Метрике необходимо смотреть тут: все отчеты -> содержание -> параметры визитов.

Подробнее о параметрах визита в Яндекс.Метрике: http://help.yandex.ru/metrika/content/visit-params.xml

Источник: https://web-optimizator.com/404-not-found/

404 ошибка (not found) — какой должна быть идеальная страница ошибки и как ее создать средствами CMS или через файл htaccess

Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. Сегодня мы продолжим рассматривать настройки блога на WordPress, которые нужно сделать сразу после его установки.

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

Хорошо продуманная и грамотно сверстанная она нужна всем сайтам без исключения.

Совет

Про то, как создать и настроить страницу 404 в Джумле, я уже писал. Теперь пришла очередь блогового бесплатного движка (cms) под названием Вордпресс. В принципе, можно воспользоваться услугами вашего хостинга по созданию и настройке ее внешнего вида, но, к сожалению, не все хостинги предоставляют такую удобную возможность.

Поэтому в этой статье мы рассмотрим вариант создания вебстраницы с надписью «404 not found» (не найдено) силами самого движка. Ну, и еще узнаем, как ее можно создать с помощью файла htaccess, который позволяет осуществлять дистанционную настройку веб сервера, где живет и процветает ваш блог или сайт.

Какую роль играет страница 404 ошибки для сайта?

Ответ сервера «404 not found» означает, что запрашиваемая страница (или файл) не была найдена. Т.е. к сайту (серверу) подключиться удалось, но вот документа такого там не нашлось.

Чаще всего это возникает из-за проблем с навигацией по сайту, битых внешних ссылок или из-за других причин, по которым «портятся ссылки».

В этом случае пользователю как раз и показывается страница ошибки с этой самой пресловутой надписью.

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

Хорошо, если пользователь окажется «ушлым» и удалит в адресной строке окончание Урл адреса, оставив только доменное имя, а потом воспользуется поиском по сайту, чтобы отыскать то, зачем он сюда пришел.

Но такой вариант развития событий очень маловероятен — скорее всего, с такой страницей 404 ошибки вы пользователя потеряете.

Уже лучше, если она будет иметь хотя бы ссылку для перехода на главную страницу, а также креатива добавить не помешало бы:

Обратите внимание

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

Ну, во-первых, все мы не идеальны и от ляпов никто не застрахован.

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

Вариантов, когда ссылка, по которой пришел на ваш проект посетитель, окажется битой, может быть множество.

Что же увидит посетитель вашего блога? Да, собственно, ничего такого, что может побудить его там задержаться и попробовать попасть на другие веб-страницы вашего проекта.

А юмор, используемый в оформлении такой страницы, поможет вам повысить лояльность клиентов и обычных посетителей:

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

В нашем случае будем считать, что код отдается верный (404, а не 200), а работать мы будет именно над тем, что увидит пользователь, пришедший или перешедший по битой ссылке.

Ведь обычная веб-страница ошибки «not found» будет выводиться вне дизайна (шаблона) вашего сайта, и, следовательно, ни о какой навигации на ней и речи быть не может (см. скриншот выше).

Важно

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

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

А ведь простая замена стандартной «белой страницы», с никому не понятной надписью «404 not found» на более человеческую и понятную, позволяет вам существенно улучшить пользовательские (поведенческие) факторы, которые учитывают поисковые системы при определении ранжирования. Можно же ведь и так ее оформить — кто мешает?

Давайте посмотрим на корректную работу сервера в плане формирования правильных ответов на примере моего блога. Если Урл (универсальный идентификатор ресурса) главной страницы блога выглядит как:

https://ktonanovenkogo.ru/

то любой текст, написанный после этого URL, должен будет привести вас на веб-страницу с четыреста четвертой ошибкой моего блога, в случае, если результирующий УРЛ адрес не совпадет с реально существующим документом. Например, набрав в адресной строке браузера:

https://ktonanovenkogo.ru/fdfdf

вы попадете на ту же самую «error page», как если бы вы перешли по битой ссылке, например:

https://ktonanovenkogo.ru/wordpress/wordpress_osnovi/stranitsa-oshibok-404-v-wordpress.htm

В последнем примере я забыл указать в Урле всего лишь одну последнюю букву (htm[l]). В принципе, уже того, что страница с ошибкой 404 открывается внутри дизайна (шаблона) сайта, будет достаточно, чтобы посетитель мог бы воспользоваться навигацией по блогу и попробовать самому найти нужную ему информацию.

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

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

10 советов по созданию идеальной error page «404 not found»

Кстати, одной из причин массового появления страниц выдающих ошибку может быть не совсем верная работа с ЧПУ в Вордпрессе (или любом другом движке), если вы настроили «красивые ссылки» уже после длительной работы сайта без них. В этом случае «старые», но уже проиндексированые поисковиками и попавшие в индекс ссылки, станут нерабочими и будут выдавать «Ошибку 404».

В любом случае для подстраховки следует сразу заняться оформлением этой «тупиковой ветви» (странички), куда приводят все битые ссылки.

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

Совет

Моя страница «Error 404 not found» выглядит так — https://ktonanovenkogo.ru/wordpress/dgdgdg.html. Не шедевр, конечно же, но уже что-то.

Давайте я сформулирую 10 советов по созданию идеальной 404, а вы уже выберете какими из них воспользоваться, а на какие забить:

  1. Не озаглавливайте её только с использованием цифр (и уж тем более не «404 not found») и уберите из нее слова «error» и «ошибка», чтобы не озадачивать посетителя. Ведь они могут не иметь понятия, что это означает. Только немногие знают, что это значит и почему такая ситуация возникает. А вы знаете? Ну, тогда просто и напишите, что «страничка не найдена», а 404 можно, например, фоновой картинкой подложить или еще как стилизовать, чтобы соблюсти традиции, так сказать.
  2. Ничто не дается нам так дешево и не ценится так дорого, как вежливость. Не забывайте об этом и посетители вас вознаградят свой лояльностью.
  3. Лично я считаю, что 404 страница не должна вырываться из общего ряда других страничек сайта в плане оформления. Наверное не очень здорово будет, если пользователь попав на нее подумает, что он случайно перешел на другой сайт.

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

  4. С другой стороны, есть мнение (хоть я его и не полностью разделяю), что не стоит перегружать страничку ошибок информацией и контентом, ибо пользователь все же должен понимать, что ссылка была битая и нужно попробовать поискать ответ уже вручную непосредственно на сайте.
  5. Немного юмора и креатива еще никому не мешали. Как я уже говорил, решение об уходе пользователь принимает за секунды, а что-то «клевое» или неожиданное может заставить его задержаться. За это время он успеет понять, где очутился и что делать дальше (если кроме креатива вы еще и немного навигации на 404-ую добавили).
  6. Если добавить много креатива, то может получится что-то, на что даже будут ссылаться, как на «прикол». Примером может служить эта анимированная «error page». Правда, креатив не должен превалировать над здравым смыслом. Например, в первом примере нет какой-то внятной навигации и даже строки поиска по сайту, которая имеется во втором примере. Но зато можно получить дополнительную ссылочную массу.
  7. Кстати, о птичках… Сделайте возможным, чтобы посетители могли найти то, что они искали

Источник: https://KtoNaNovenkogo.ru/wordpress/wordpress_osnovi/stranitsa-oshibok-404-v-wordpress.html

Как использовать страницы 404 для продаж

Как выглядит страничка 404 на вашем сайте? Дайте отгадаю: Это стандартная страничка 404 браузера или CMS системы.

В большинстве случаев, во время разработки сайта о страничке 404 даже не вспоминают.

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

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

Загадка: Какая страница на сайте самая незаметная, малоизвестная, НО при этом знакома всем пользователям?
Ответ: Cтраница 404 “Не найдено”.

“Страница не существует” или Что такое страница 404

Прежде всего, немного теории. Ошибка “404 Not found” (Страница не найдена)— это один из стандартных кодов ответа сервера. Он сообщает, что пользователь соединился с ним нормально, но искомый объект не найден.

Основные причины возникновения ошибки “404 Not found”:

— Неправильно введен адрес в адресной строке браузера.

— Пользователь перешел по “битой” ссылке, которая ведет на несуществующую страницу.

— Ссылка правильная, но страница была удалена или перенесена.

Как правильно сделать страницу 404

Если создатель не побеспокоился о странице 404 на своем сайте, посетители видят примерно такое:

Стандартная страница 404 Internet Explorer.

Такая страница не имеет никакого сходства с общим дизайном сайта, посетитель не знает почему сюда попал, не знает как вернуться на сайт. Всё это — трудности ваших посетителей, а значит ручеек, через который утекают потенциальные покупатели.

Этого можно избежать, если придерживаться основных правил оформления 404 страницы:

1. “Нет” стандартным 404 страницам

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

Соответственно, не забываем сделать свою 404.

2. Сделайте страницу в стиле сайта

Если страница 404 ничем не напоминает общий дизайн, посетитель может решить, что это совсем другой ресурс. Оно вам надо?

Сделайте страницу 404 похожей на остальные страницы, сохраните основную структуру сайта, ваши баннер и логотип. Это сохранит у пользователя ощущение “присутствия”.

Yahoo! придерживается единого лаконичного стиля. Даже попав на 404-ю страницу, посетителям ясно, где они находятся

3. Подскажите посетителю направление

Главная цель “несуществующей” страницы — направить посетителя на нужную страницу как можно быстрее. Соответственно, не заставляйте посетителя думать. Как минимум, добавьте основную навигацию, а для блогов и больших сайтов добавьте ссылки на самые популярные материалы.

Функцию “Поиск по сайту” оценят посетители, которые точно знают, что ищут.

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

4. Используйте творчество с умом

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

Учитывайте специфику вашего сайта. Эта юная леди будет неуместной на сайте магазина по продаже электроники. А вот для секс-шопа или для магазина эротического белья этот дизайн подойдет превосходно

Как превратить страницу 404 в инструмент продаж

Хорошо, с основами разобрались. Мы подошли к главному вопросу, а именно — как же ПРОДАВАТЬ при помощи 404? Давайте рассмотрим возможные варианты на примерах.

Добавьте форму обратной связи

Вам напишут, чтобы сообщить об ошибке. А там слово за слово: «Что вы искали, чего не нашли, чем помочь?»…

В результате выигрывают все: пользователь получает ответ, а вы — отловленную ошибку или контактные данные потенциального клиента. Если у вас есть отдел продаж, там знают, что делать с лидами.

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

Добавьте блок социальных сетей

Много лайков не бывает! Для этого также можно использовать 404 страницу — просто оставьте на ней ссылки на свои группы в соц.сетях.

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

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

Покажите уцененные товары

Если у Вас интернет-магазин, вы можете продавать прямо на странице 404!

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

Думаете вы в интернет-магазине? Нет, это 404-я страничка.

Также хорошо работает подборка самых популярных товаров.

Дайте скидку или устройте лотерею

Разместите на 404-й странице информацию о скидках и спецпредложениях вашего интернет-магазина или компании. Скидка прямо на странице ошибки — и вместо негатива приятная эмоция.

Дайте скачать полезный материал бесплатно

Тут идея та же: заменяем негатив приятной эмоцией. Дайте посетителю возможность скачать интересную книгу, журнал, каталог или просто какую-то интересную штуку как в примере. Посетителю — полезность, а вы получаете возможность донести свою уникальность через больший объем текста.

Cubeecraft предлагает своим посетителям (любителям создавать и строить объекты) скачать изображение героя игры, которое легко распечатать, вырезать, склеить и поставить себе на стол. Хитрость в том, что на макете персонажа указан сайт и электронная почта компании.

Mint.com предлагает посетителям сайта скачать бесплатные приложения.

Направьте на интересные статьи

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

Разработчики данного сайта использовали всевозможные инструменты: соцсети, поиск, блог, слайдеры, динамическую рекламу… Но будьте осторожны с подобным рвением! Ведь такая загруженность затрудняет восприятие информации пользователями.

Предложите бесплатную консультацию или совет

Можно “подсластить пилюлю” для потерявшегося пользователя. Для этого предложите совет или бесплатную консультацию.

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

FreshIT.net предлагает потерявшемуся посетителю почитать блог компании или заказать бесплатный аудит сайта

Расскажите о других ваших проектах

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

Примеры оригинальных страничек 404

И напоследок еще немного примеров страничек 404, которые нам показались достойными внимания.

Mint.com – помогает пользователю собрать все финансовые документы в одном месте, тем самым помогая контролировать, например, семейный бюджет. Чтобы поднять настроение взволнованных посетителей, Mint сделал одну из самых известных «страниц ошибки». Получилось неожиданно удачно: у персонажа Джастина завелась целая армия преданных поклонников.

Еще одна “страница ошибки” от Mint.com. “Мы смотрели везде, но не смогли найти ту страницу. Но мы нашли это под диванным покрывалом.”

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

Pinterest.com советует просмотреть другие материалы сайта.

Грустный мальчик на Megogo предлагает посмотреть рекомендуемые фильмы и мультфильмы.

А можно просто «раздавать деньги» на «секретной страничке» 🙂

Более подробное руководство к действию, чем на сайте Pervushin.com трудно и представить.

Blizzard.com сообщает посетителю: “Поздравляем. Ты сломал сайт.”

Интернет-магазин Ролспорт предлагает“подвести” пользователей на нужную страницу

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

***

Качественные сайты от некачественных отличаются вниманием к мелочам. Даже такая «мелочь» как страничка 404 способна «вытянуть» почти потерянных посетителей и превратить их в клиентов. Смотрите наши примеры, включайте фантазию и создавайте свои оригинальные и продающие странички 404. 

P.S. А как вам страничка 404 сайта?

Источник: https://www.SEOnews.ru/analytics/kak-ispolzovat-stranitsy-404-dlya-prodazh/

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

Давайте рассмотрим, для начала, что же это вообще за страница с ошибкой 404 (error 404 not found).

Почему ее выдает и что она означает?Страница с ошибкой 404 не найдена (Error 404 Not Found), означает, что пользователь набрал адрес несуществующей страницы в адресной строке своего браузера, либо же перешел по нерабочей ссылке. Ссылка может быть нерабочей по нескольким причинам:

  1. Вебмастер допустил ошибку в URL при добавлении ее на свой сайт.
  2. Адрес страницы, на которую вела ссылка, изменился.
  3. Страница была удалена с сервера.

 Зачем нужна страница ошибки 404 не найдена

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

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

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

Посетитель будет доволен, а вебмастер закроет брешь, которая поможет избавиться от утечки трафика.

Как сделать свою страницу ошибки 404

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

Если же файла нет, то необходимо его создать, воспользовавшись каким-либо текстовым редактором (Dreamweaver, Notepad++ и пр.). У файла не должно быть расширения.

Вот что там нужно прописать:

ErrorDocument 404 needsite.net/404.html

Имя страницы и расширение можно поменять на любое другое (Например: 404NotFound.php, error_404.html). Если страница расположена не в корневой директории, то необходимо прописать полный путь к ней.

Как редактировать страницу 404 в WordPress

Файл страницы ошибки 404 not found расположен в папке темы WordPress.

Путь к файлу: wp-content hemesназвание темы404.php

Тема, которая сейчас стоит на моем сайте, сделана с помощью Artisteer. К сожалению, темы, созданные с помощью этого софта получаются несколько тяжелые и сложные для редактирования.

Чтоб было понятнее, вот содержание моего файла 404.php:

За содержание контента страницы отвечает функция theme_404_content() в файле functions.php, которую и необходимо редактировать.

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

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

Редирект со страницы ошибки 404

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

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

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

В WordPress есть функция реализации умного редиректа, при изменении URL страницы, пользователь будет перенаправлен со старого URL на новый. Это частично решит проблему с внешними ссылками.

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

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

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

Так же должны присутствовать элементы навигации: меню, ссылки на главную страницу.

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

Обратите внимание

Для Вордпресса реализовано оформление под общий стиль дизайна сайта с возможностью вывода тегов, случайных статей и формы поиска по сайту (которую лучше заменить на форму поиска от Гугла). Кроме того, элементы шаблона хедер, футер и сайдбар так же присутствуют на странице, что позволит сориентироваться пользователю.

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

Получается довольно-таки симпатично, пусть и не практично:

  1. proteys.info/404/ — танцы гасторбайтеров.
  2. kinnet.ru/404.html  — бедный сервер.
  3. bluedaniel.com/dfdf
  4. derzko.ru/404/

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

Источник: http://NeedSite.net/kak-sdelat-stranicu-oshibki-404/

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

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

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

Настройка страницы 404 ошибки является составляющей такой оптимизации ресурса.

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

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

Как проверить 404 ошибку

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

Внутренняя – появляется в следствии нарушения внутренней перелинковки или при допущении ошибок в навигации. Где-то на сайте вы поставили ссылку на несуществующую страничку. Часто бывает так, что страница была удалена по какой-то причине, а ссылки на нее где-то остались.

Важно

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

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

  • Проверим настройку 404 ошибки для поисковиков. Для этого переходим по адресу webmaster.yandex.ru/addurl.xml. В строке “Сайт” вводим “Url” — адрес несуществующей страницы, например, http://DmitriyZhilin.ru/krakazyabra/, вводим “капчу” и жмем на кнопку “Отправить”. Правильно настроенная 404 страница выдаст вот такое сообщение.
  • Берем адрес несуществующей страницы http://DmitriyZhilin.ru/krakazyabra/ и вставляем ее в адресную строку браузера, если в ответ откроется окно следующего вида, то ваш сайт правильно обрабатывает эту ошибку.

Настройка 404 ошибки

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

1) Обработка ошибки сервером

Стандартные средства WordPress

Если вы используете WordPress, то все запросы (правильные и неправильные) проходят через index.php и уже он перенаправляет их на нужные страницы, включая 404.php. Файл с таким названием находится в теме вашего блога. Если его нет, то при получении запроса на несуществующую страницу, сайт может перенаправлять пользователя на главную и не выдавать 404 ошибку – это неправильно.

При отсутствии файла его можно создать самому на основе файла page.php, выводящего обычные страницы. Удалите из него все лишнее, надо оставить только шапку, сайдбар и footer, а вместо основного контента сделайте текст и картинку для ошибки 404.

404 ошибка через htaccess

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

ErrorDocument 404 http://путь к файлу 404 ошибки

Данный метод подходит для ресурсов, которые работают под Apache. Если же ресурс работает под ngnix (Unix), то откройте файл ngnix.conf и добавьте код:

Error_page 404 http://путь к файлу 404 ошибки

2) Оформление страницы 404

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

Но, для того, чтобы страница не только уведомляла об отсутствующем документе, но и помогала сохранять пользователей на сайте, стоит снабдить ее ссылками на другие страницы ресурса (карту сайта, рубрики)/поиском по сайту с текстом рекомендаций.

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

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

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

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

Изменить страницу 404 вручную

Что бы придать странице привлекательный вид на своем блоге (вставить картинки, разместить внутренние ссылки, поиск по сайту, рекламу), для этого следует отредактировать файл 404.php расположенный в корневой папке темы – я уже писал об этом выше. Доступ к нему можно получить прямо из админки (раздел “внешний вид”-“редактор”), либо через FTP.

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

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

Совет

Выделенную часть можно спокойно удалить. Это ничего не нарушит. Чтобы вставить картинку, нужно разместить этот html код:

После добавления картинки, все будет выглядеть примерно так:

Таким образом, у нас получается готовая страница 404 ошибки, которую мы можем оставить в таком виде. Однако, помимо этого мы можем вставить в нее и другие элементы управления, например, список «Рубрики» или «Последние записи». Думаю, читателя это будет не только полезно и интересно, но и поможет нам задержать его как можно дольше.

Показать «Рубрики» блога:

Показать «Последние записи» блога:

После того, как вы вставите соответствующие строчки, то страница ошибки 404 приобретет вид:

Плагин для создания страницы 404

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

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

Плагин 404 Notifier — в отличие от предыдущего не предложит вам ничего редактировать. Этот плагин напрямую работает с посетителем и при попадании пользователя на несуществующую страницу, просто перенаправляет на более подходящую.

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

Примеры страниц ошибки 404

Пример 1

Пример 2

Пример 3

Пример 4

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

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

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

Источник: https://DmitriyZhilin.ru/404-oshibka-proverka-nastrojka-oformlenie-stranicy/

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

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

А посвящена она будет созданию страницы с 404-й ошибкой на сайте.

  Почему именно такая «свежая» тема, о которой никто никогда и нигде не писал?)<\p>

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

А самое главное, указала мне на тот факт, что у самого 404-я страница практически голая, а это не порядок. Короче мне стыдно стало =)

Признаться я уже давно хотел поколдовать над ней, да что-то как то руки не доходили.

Для начала немного теории.

Что такое страница с 404-й ошибкой и зачем она нужна?

Уверен вам не раз приходилось видеть подобную надпись, покоряя интернеты: Ошибка 404 — Страница не найдена.  Или в английском варианте  404 not found.

Так происходило, когда вы пытались перейти по ссылке на страницу, которую уже по каким-то причинам удалили с сервера (либо в результате технических ошибок она самоудалилась). Как вариант если вы наберете в конце адресной строки браузера абракадабру, допустите ошибку, то тоже туда попадете.

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

Теперь следующий вопрос.

Зачем создавать страницу с 404 ошибкой или как-то настраивать ее?

Обратите внимание

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

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

У шаблонов вордпресса уже имеется созданная страница 404. Она находится в файлах шаблона под названием 404.php. Вот какое содержание этого файла было у меня:

Ошибка 404 — Страница не найдена

<\p>

Не густо, как видите =) Из шаблона подключается хэдер, блоки для размещения контента, всего один заголовок h2 с названием ошибки, сайдбар и футер. И на том все.

Вот как это выглядело раньше, согласитесь не очень дружелюбно :

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

Осталось лишь сделать страничку немного более дружелюбной =) Для этого решил добавить туда  картинку и немного текста, поисковую форму + немного ссылок на разделы сайта, которые могут заинтересовать посетителя.

Вот что в итоге получилось:

Хотя, зачем скрины, можете и сами посмотреть воочию — https://ruskweb.ru/404.php

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

Как создать страницу с 404 ошибкой по быстрому, и не возится вручную с html и оформлением?

Да очень просто — все внутреннее наполнение вы можете сделать в визуальном редакторе, в том самом, в котором пишете статьи.  Затем, когда все готово просто переключаетесь в html редактор кнопкой «Текст», копируете оттуда весь html код и вставляете его в файл 404.php

Тут вы можете в пару кликов, даже не разбираясь в  html, делать отступы, выравнивать по центру, выделять жирным, вставлять картинки, цитаты, ссылки и т.д. Короче все то, что вы делаете когда пишете свои посты.

Вот и все хитрости. Удачи вам с оформлением, будьте оригинальны, посетители оценят)

Вообще, в идеале, что бы пользователь никогда не попадал сюда по вашей вине, т.е. что бы не было битых ссылок на сайте и за его пределами, говорят это не очень хорошо сказывается на поисковой оптимизации =)

Важно

Проверить наличие битых ссылок на своем сайте можно с помощью плагина Broken Link Checker.  Так же подобную инфу по 404 ошибкам  можно увидеть в кабинетах вебмастера Яндекса или Гугла.

P. S. я не пропал, писать стал реже потому что приболел немного, только отхожу =) Кроме того выполняю сейчас заказ — делаю сайт-визитку для одной московской компании, так что времени маловато. Но вскоре вернусь)

Источник: https://ruskweb.ru/osnovyi/kak-sozdat-i-nastroit-404-stranitsu-s-oshibkoy-na-sayte.html

Ссылка на основную публикацию