Товаров: 0 (0р.)

Примеры страниц ошибка 404: Почему любому сайту нужна страница 404

Содержание

Что такое страница 404, как ее оформить, чтобы не потерять клиента

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

Получи нашу книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».

Подпишись на рассылку и получи книгу в подарок!

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

Однако не все потеряно. И такую страницу можно использовать в интернет-маркетинге.

Что такое 404 страница, почему она важна

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

Ваша страница отражает ваш бренд?

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

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

1. Lego — дружественная страница

Почему это работает

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

Она говорит только то, что нужно знать человеку: страница не доступна.

Как сделать

Начните с удаления всей технической информации с дефолтной страницы. Вместо сообщения, которое человек видит по умолчанию, поместите туда следующее:

  • «Страница не найдена».
  • «Извините, мы не можем найти ту страницу, которую вы ищите».
  • «Опаньки, что-то пошло не так».
  • «К сожалению, ссылка, по которой вы перешли, недействительна».

2. Email Center UK — интерактивная 404я страница

Страница говорит, что такая ошибка произошла по вине отдела разработки. И кого-то из них нужно сжечь. Кого именно — решать пользователю.

Почему это работает

Сервис электронных рассылок снимает всю вину с пользователя, берет на себя ответственность.

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

Как сделать

Не обвиняйте пользователя в ошибки. Извинитесь перед ним за ваш недочет.

Если вы объясняете, что пошло не так, избегайте категоричных формулировок. Используйте слова «возможно», «вероятно». Они с меньшей вероятностью заставят человека чувствовать себя виноватым.

Бедный Люк. Действительно.

3. List25

Почему это работает

Потому что она связана с брендом и все равно пытается помочь человеку, который не нее попал. Лучший вариант повысить пользовательский опыт — рассказать, что именно пошло не так. List25 предлагает 25 вариантов, что могло произойти. Логично.

На странице есть строка поиска, поэтому человеку не нужно прокручивать весь список. Но почему-то я уверен, что они все равно сделают это.

Как сделать

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

Вот возможные причины:

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

4. Brett Terpstra — страница с простым дизайном

Почему это работает

Основная проблема 404 страницы — она ведет в никуда. Из-за плохого проектирования человек просто может оказаться в тупике.

Brett Terpstra дает список ссылок. Они релевантны возможным ключевым словам, по которым пользователь попал на страницу.

Может, эта страница не так эффективна, но она несет какую-никакую пользу.

Как сделать

Используйте Google’s Custom Search API, чтобы получить лучшие соответствия ключевым словам на вашем сайте, поместите их на 404ю. Так вы попытаетесь помочь пользователю решить его проблему.

Для этого потребуется доступ к Google Search Console.

5. Steve Madden — страница с товарами

Почему это работает

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

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

Как сделать

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

Что можно включить в дизайн страницы:

  • меню навигации;
  • ссылку на главную страницу;
  • ссылку на карту сайта;
  • строку поиска по сайту;
  • ссылки на популярные записи;
  • ссылки на популярные товары.

6. 9GAG — страница с призывом к действию

Почему это работает

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

Добавление популярной гифки с Траволтой добавит юмора такой странице!

Как сделать

Ключ в простоте. Да, мы говорили о списке из 25 пунктов, что могло пойти не так. Но не смущайте человека множеством вариантов — не перегружайте страницу.

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

7. Path — очень простой дизайн страницы

Почему это работает

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

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

Как сделать

Основная идея здесь — дать пользователю возможность сообщить о проблеме.

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

8. IMDB — релевантная и смешная страница

Почему это работает

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

В кино «Большой Лебовски» фраза звучит так: «Где мои деньги, Лебовски?». Администраторы немного изменили фразу, получилось не менее смешно.

Здесь тонкий брендинг. Нет плакатов с фильмами, нет трейлеров. Сайт просто предлагает цитату из фильма, который знаком всем, ссылку на домашнюю страницу и на цитируемый фильм.

Как сделать

При разработке страницы, убедитесь, что вы сохраняете связь с брендом.

IMDB — сайт о кино. И он это подтверждает своей 404 страницей.

9. Everipedia

Почему это работает

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

Как сделать

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

10. Heyzap

Почему это работает

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

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

Как сделать

Можно не разрабатывать собственную игру. Но придумать интересный вариант взаимодействия на этой странице стоит.

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

11. OptinMonster

Почему это работает

На странице OptinMonster есть лид-магнит. Кроме того, информация, как не потерять пользователя с ошибочной странице смотрится здесь просто гениально.

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

Как сделать

Предложите что-то ценное на вашей странице.

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

Такое решение увеличило конверсию на 785%!

Бонус: exit-intent

Разберем, что делать, если пользователь все-таки решил уйти со страницы. Для отслеживания этого события применяются разные методы, которые называются exit-intent — намерение выхода. Выявление такого поведение поможет не потерять человека и повысить конверсию сайта.

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

Вот пример такого поп-апа. Он подходит человеку, поскольку помогает найти то, что ему нужно.

Лучшие примеры страниц ошибок 404

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

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

#1 — IconFinder

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

#2 — GitHub

GutHub это гигантский ресурс для программистов, куда они могут выгружать свой код и делиться им как со своей командой, так и другими пользователями Интернета.

#3 — Hoppermagic

Большая веб студия для создания различных проектов на заказ.

#4 — DanWoodger

Красивый развлекательный веб проект.

#5 — DropBox

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

#6 — Bilty

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

#7 — BrandCrowd

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

#8 — Lego

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

#9 — Airbnb

Сайт по бронированию домов по всему миру.

#10 — HotDot

Крупная веб студия по созданию сайтов и веб проектов.


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

опупенное оформление + 10 примеров

Все, кто хоть раз пользовался интернетом, попадали на страницу “ошибка 404”. И наверняка, видя её у себя на экране, просто брали и уходили с этого сайта.

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

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

Почему она появляется

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

Стандартная ошибка 404

Теперь давайте определимся, почему же посетитель сайта может видеть такую ошибку. А все происходит потому что:

  1. Ссылающаяся сторона совершила ошибку при указывании информации на Вас;
  2. Пользователь неправильно ввёл ссылку;
  3. Страница (ссылка) была удалена;
  4. Страница (ссылка) была изменена.

Ещё раз, если Ваш сайт состоит из 10+ страниц, то скорее всего у Вас уже есть эта ошибка, и Вы о ней просто не знаете.

Кстати, для поиска битых ссылок, как минимум, в рамках сайта, можете воспользоваться бесплатной программой Xenu. Делает всё быстро и легко.

Чем грозит

Как Вы поняли, от этого не уйти. Такие коллапсы будут, если не по Вашей вине, то по вине клиентов.

Поэтому нужно быть готовым к этому, чтобы сохранить и приумножить свой честно заработанный трафик, который на первых порах так дорог.

А если Ваша страница не будет следовать дальнейшим рекомендациям, то посетители будут уходить с сайта, расстраиваться, и их уровень доверия к Вам будет падать. 

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

НАС УЖЕ БОЛЕЕ 32 000 чел.
ВКЛЮЧАЙТЕСЬ

Как Сделать такую страницу

Если Вы задались вопросом, как сделать страницу ошибки 404, то хочу Вас поздравить, она у Вас уже есть (кроме landing page).

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

404 для сайта – это такая же страница, как самая обычная другая страница Вашего сайта.

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

И просто в любое место с новой строки вписать – ErrorDocument 404 http://ВАШ_САЙТ/404.php

Как сделать

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

Больше ничего не надо, всё очень просто! И если вдруг не хотите расширение .php, то можете сделать .html, в глобальном смысле разницы нет.

как оформить

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

В остальном он может преследовать разные задачи. Для этого давайте рассмотрим разные варианты и их преимущества.

– Просто и красиво

Можно сделать ставку на дизайн в виде креативного изображения с оригинальной надписью.

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

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

Ох, капитан, мы потерялись.
(404. Это не то место, где ты должен быть)
Идти домой Хлоп!
Я стесняюсь…
Извините, Вы попали на “битую” страницу
Свалить отсюда

– Ссылки на основные разделы

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

При этом дизайн также важен, как и в первом случае. Делайте уклон на оригинальность и юмор.

Упс!
Я стесняюсь…
Мы не можем показать страницу, которую Вы ищите.

– Попробуй ещё раз/поиск

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

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

Попробуйте еще раз

– Реклама продукта

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

Причём показать Ваш продукт можно даже когда он искал что-то другое. В идеале, не просто показать, но и сделать специальное предложение на него.

Пример рекламы 1 Пример рекламы 2

– Интерактив

Чтобы клиент чуть больше провёл на Вашем сайте и повзаимодействовал с ним, можно на данной странице создать “интерактив”, с которым он может что-то поделать, потаскать, покликать, посмотреть или даже поиграть.

Интерактив играИнтерактив видео

– Форма захвата

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

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

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

Пример формы захвата

Это наш вариант страницы, на который Вы можете легко попасть введя in-scale.ru/любыеслова. Самое интересное, что такого рода ошибок почти нет на просторах интернета.

Поэтому рекомендую сделать акцент именно на этом, если Ваш бизнес подразумевает e-mail маркетинг.

Коротко о главном

Ух, я Вам покажу!

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

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

Тут и встаёт вопрос, что нужно Вашему посетителю в тот момент, когда он попал на эту страницу и как его плавно перевести на то, что Вы хотите от него.

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

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 – что это? Нужна ли нам прикольная страница 404 ошибки. – Сайт о заработке в интернете, способах, кейсах, личностном росте!

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

Да, сегодня мы поговорим о том, как создать страницу 404 ошибки, как её редактировать и т.п.

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

Может быть ты в комментариях покажешь свою страницу с ошибкой 404 ?

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

Содержание статьи про ошибку 404:

Что такое ошибка 404

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

Например, если зайти на страницу in4wp.ru/avgdeika.html или на страницу in4wp.ru/error.html – тебя перекинет на одну и туже страницу.

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

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

Вот, например, как выглядит 404 страница в CMS Joomla

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

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

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

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

 

Миф ошибки 404

Облазив интернет, в т.ч. зарубежные сайты, я встретил достаточно интересный миф о том, откуда собственно появилась ошибка 404. В мифе этом утверждалось что основная база данных научного центра CERN (European Organization for Nuclear Research), находилась как раз на 4ом этаже, в комнате 404.

К слову, этот центр принимал активное участие в развитии интернета. Так вот, когда они уже не могли справляться с объемом поступающих к ним данных – разработчики центра якобы начали выдавать ошибку вида “Room 404: file not found” .

Этот миф был развенчан одним из ученых, входивших в состав CERN, он сказал что комнаты 404 у них не могло быть, т.к. была другая нумерация комнат и начиналась эта нумерация с 410 кабинета :).

Как вам такой миф? Может быть кто-то еще что-то слышал интересненького на эту тему? Напишите об этом, мне тоже интересно.

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

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

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

Создаешь файлик 404.php у себя на компьютере, потом через фтп загружаешь в папку http://твой_сайт/wp-content/themes/твой_шаблон/ .

Так, у нас есть пока что пустой файлик, поэтому теперь нужно его наполнить.

[warning]Внимание!
Без этого файла в шаблоне вордпресса не будет никакой страницы 404. При не правильном адресе будет происходить переадресация на главную.[/warning]

Можно скопировать в него содержимое файла page.php или single.php.

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

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

Возможно, тебе поможет следующий, самый элементарный код:

Все, что тебе нужно – это просто скопировать этот код и вставить в своё файлик 404.php вот так:

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

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

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

[sociallocker]>> Скачать архив с 404 страницей << [/sociallocker]

Как улучшить оформление страницы 404 ошибки ? Пару советов о улучшению.

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

В принципе можно даже не использовать вспомогательные текстовые редакторы, я кстати пользуюсь Notepad++ . Вместо этих редакторов можно использовать внутренний редактор wordpress.

Вошл

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

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

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

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

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

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

  • Страница или сообщение были перемещены или удалены.
  • Сервер испытывает проблемы с загрузкой этой страницы.
  • URL, который ведет на страницу, неверен.
  • Пост или страница никогда не существовали в первую очередь.

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

Введение в страницу ошибки 404

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

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

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

Например, сайт «Cloud Sigma» выбрали причудливое объяснение и удобную для поиска кнопку «Вернуться на главную страницу». Это помогает уменьшить разочарование, а также позволяет пользователю вернуться на основной сайт с минимальным перерывом.

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

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

Как найти и исправить ошибки 404 на вашем сайте WordPress

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

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

Google Analytics отлично подходит для устранения 404 ошибок. В панели управления перейдите в «Настройка — Пользовательский отчет» и создайте «Новый пользовательский отчет». Затем установите параметры следующим образом.

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

Как эффективно обрабатывать 404 ошибки на вашем сайте

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

1. Создайте выделенную страницу ошибки 404

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

Многие темы включают файл шаблона 404.php по умолчанию. Если это так в вашей темы, вы можете найти файл самостоятельно и отредактировать сообщение, которое в данный момент находится на месте. Однако, прежде чем сделать это, рекомендуется создать дочернюю тему для работы. Таким образом, вы не будете вносить постоянные изменения в родительскую тему.

После создания дочерней темы перейдите во «Внешний вид — Редактор» в WordPress и откройте 404.php в списке файлов справа от редактора.

Отсюда найдите строку:

<div class = "page-content">

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

Если у вас нет файла 404.php в вашей текущей теме, вы можете создать свой собственный, используя рекомендации, изложенные в Кодексе WordPress. Однако вам потребуется доступ к FTP-клиенту, такому как FileZilla.

Откройте FileZilla и введите учетные данные вашего веб-сайта, чтобы получить доступ к вашему каталогу файлов. Дважды щелкните корневую папку вашего сайта (иногда она называется public_html) и перейдите к wp-content/themes/[themename]/404.php. Я использую для примера шаблон ошибки 404 темы «Twenty Thirteen», но вы можете перейти к другой теме с аналогичным шаблоном.

Затем щелкните правой кнопкой мыши файл 404.php и выберите «Просмотр/Редактирование».

Файл откроется в вашем текстовом редакторе. Выделите весь код внутри и скопируйте его. Теперь вернитесь в FileZilla и вернитесь в каталог тем. Выберите текущую тему веб-сайта и щелкните правой кнопкой мыши. Выберите «Создать новый файл» из выпадающего списка и назовите его 404.php.

Нажмите «OK», затем щелкните правой кнопкой мыши новый файл 404.php. Выберите «Просмотр/Редактирование» из выпадающего списка и вставьте код, который вы ранее скопировали. Конечно, вы можете редактировать контент в соответствии с вашими требованиями. После сохранения файла все готово!

Кроме того, вы можете использовать плагины WordPress, такие как 404page и Custom 404 Pro, чтобы достичь той же цели. После установки они позволяют заменить страницу 404 по умолчанию для вашей темы или создать ее, если в вашей теме ее нет. Они будут идеальными, если вы настороженно относитесь к изменению структуры файла ядра WordPress.

2. Настройте автоматическое перенаправление на более полезную страницу

Альтернатива странице ошибки 404 — просто перенаправить посетителя. Проще говоря, перенаправление страниц — это способ отправки трафика с одной веб-страницы (например, страницы с ошибкой 404) на другую. Это хороший выбор по ряду причин. Например, если вы изменили URL-адрес старой страницы или сообщения или удалили какой-либо старый контент, вы можете перенаправить посетителей на новую страницу. Хорошей новостью является то, что существует множество доступных плагинов для перенаправления, включая Redirection и Safe Redirect Manager.

И в заключении

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

На этом все — до скорых встреч!


Навигация по записям

Юрич:

Занимаюсь созданием сайтов на WordPress более 6 лет. Работал в нескольких веб-студиях, да и сейчас работаю. Иногда подрабатываю на фрилансе, как на нашем так и на зарубежном. Везде зарекомендовал себя очень хорошо. Если нужен сайт на WordPress, шаблон для сайта или лендинг — не стесняйтесь — пишите. Рад буду помочь!

Не забудьте подписаться на обновления:

Похожие записи

Оставить свой комментарий

500 HTML-шаблоны страниц ошибок

Коллекция бесплатных 500 страниц ошибок HTML-шаблонов. Обновление сентябрьской коллекции 2018 г. 4 новинки.

  1. Шаблоны страниц HTML 404
  2. HTML Смешные 404 страницы
  3. 403 Запрещенных HTML-шаблонов
  4. HTML 408 страниц
Автор
  • Франсиско душ Сантуш
О коде

500 — Внутренняя ошибка

Еще одна страница «500 — внутренняя ошибка».

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

Зависимости: —

Автор
  • Дэвид Альтрейтер
О коде

500 — Страница внутренней ошибки в HTML

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

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

Зависимости: —

Автор
  • Гаяне
О коде

500 — Внутренняя ошибка

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

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

Зависимости: jquery.js

Автор
  • Мансур
Сделано с
  • HTML (Мопс) / CSS / JavaScript
О коде

Ошибка 500 — заполнение анимированным текстом

Заливка анимированного текста из холста 🙁

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

Зависимости: jquery.js

Автор
  • поток
О коде

Ошибка 500 Сообщение

Истинная ошибка 500 страница сообщения .

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

Зависимости: —

О коде

500 ВНУТРЕННЯЯ ОШИБКА СЕРВЕРА

500 — страница внутренней ошибки.

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

Зависимости: —

Автор
  • Карл Челтон
О коде

500 Страница ошибки

Глаза следят за курсором. Разработан на странице 500 ошибок.

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

отзывчивый: да

Зависимости: jquery.js

Автор
  • Адам Куинлан
О коде

500 Ошибка: файл журнала

На этой неделе code-doodle — это всего лишь небольшой макет страницы с 500 ошибками. Пытался передать ощущение прохождения трассировок стека, строк и строк лог-файлов эстетически приятным образом. — хотел возиться с переменными css, так что, скорее всего, не очень хорошо работает в ie 🙂

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

Зависимости: —

Автор
  • Адам Кун
О коде

500 Ошибка

500 ошибка HTML-страницы.

Совместимые браузеры: Chrome, Opera, Safari

Зависимости: —

Автор
  • Эдвин Чен
О коде

500 Ошибка HTTP

500 идея ошибки HTTP.

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

Зависимости: —

Автор
  • Визуальный композитор
О коде

500 Ошибка

Страница внутренних служебных ошибок 500 в неоновом стиле.

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

отзывчивый: да

Зависимости: —

Автор
  • Кристофер Кирк-Нильсен
О коде

Шаблон страницы с ошибкой 500

Немного повеселимся…

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

Зависимости: —

Автор
  • Коннер
О коде

HTML-страница для 500 внутренней ошибки

500 страница ошибки с фоном частиц.

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

Зависимости: jquery.js, typed.js, sizes.js

О коде

500 Ошибка

Страница ошибки 500 с сообщением, которое меняется с течением времени.

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

отзывчивый: да

Зависимости: —

Автор
  • Стивен Скотт
О коде

Пример 500 Страница ошибки

Это SVG из Illustrator, очищенный с помощью SVGOMG, а затем анимированный с помощью Vivus.js-библиотека.

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

отзывчивый: да

Зависимости: vivus.js

Автор
  • Иешуа Эмануэль Браз
Сделано с
  • HTML (мопс) / CSS (стилус)
О коде

Ошибка 500 Предупреждение

Чистый HTML и CSS 500 ошибка предупреждение.

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

Зависимости: —

Автор
  • Дарио Корси
О коде

Ошибка ошибки чистого CSS

Наведите указатель мыши на код ошибки, чтобы кучу багов скитали.

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

Зависимости: —

404 Not Found — Веб-технологии для разработчиков

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

Код состояния 404 не указывает, временно или постоянно отсутствует ресурс. Но если ресурс удален безвозвратно, вместо статуса 404 следует использовать 410 (Gone).

Статус

 404 Не найдено 

Пользовательские страницы ошибок

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

 ErrorDocument 404 /notfound.html 

Пример настраиваемой страницы 404 см. На странице 404 MDN.

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

Технические характеристики

Совместимость с браузером

Таблица совместимости на этой странице создана на основе структурированных данных.Если вы хотите внести свой вклад в данные, посетите https://github.com/mdn/browser-compat-data и отправьте нам запрос на перенос.

Обновите данные о совместимости на GitHub
Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari Android Firefox Chrome для Android Firefox Android Chrome Android Chrome Opera для Android Safari на iOS Samsung Internet
404 Chrome Полная поддержка Да Кромка Полная поддержка 12 Firefox Полная поддержка Есть IE Полная поддержка Есть Opera Полная поддержка Да Safari Полная поддержка Да WebView Android Полная поддержка Да Chrome Android Полная поддержка Да Firefox Android Полная поддержка Да Opera Android Полная поддержка Да Safari iOS Полная поддержка Да Samsung Internet Android Полная поддержка Да

Обозначение

Полная поддержка
Полная поддержка

См. Также

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

Ах, досадная страница ошибки 404.Вы это видели. Вот и вы, просматриваете свою любимую поисковую систему и наталкиваетесь на то, что ищете. Вы щелкаете: (*** Raspberry Sound Effect ***) Ничего, кроме белой страницы со словами «Ошибка 404» и некоторыми другими звуками, звучащими как технарь.
Что еще более неприятно в коде ошибки, так это то, что он действительно не говорит вам, в чем проблема. В основном вам сообщили, что сервер не может найти то, что вы хотите. Он не говорит вам, почему, как это исправить или куда двигаться дальше.У вас действительно нет другого выбора, кроме как нажать кнопку НАЗАД, назвать компьютер грязным именем и попробовать еще раз.

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


Сперва лучше всего спросить

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

Ваш файл .htaccess

Это файл, который поможет вам. У вас уже должен быть один ожидающий в каталоге вашего веб-сайта. Если вы этого не сделаете, вам нужно будет его создать.

FTP на свой сервер, поэтому вы смотрите на каталог верхнего уровня, где вы храните файлы веб-страниц. Это должен быть каталог, содержащий документ вашей домашней страницы. Найдите там файл .htaccess. Опять же, если вы его не найдете (это должен быть один из самых первых файлов), вам нужно его создать.
Обратите внимание на начальную точку (.).

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

Давайте отредактируем

Добавьте это в файл .htaccess:
ErrorDocument 404 http: // www.domain.com/404page.html

Вот и все. Только эта линия. ( Да, все должно быть в одной строке — на некоторых экранах компьютеров меньшего размера это может быть два — все на одной. ) Где у меня http://www.domain.com/404page.html — это где вы помещаете полный URL-адрес , указывающий на эту новую причудливую страницу ошибки 404, которую вы создали.
… у вас уже создал страницу с ошибкой, верно?

Давайте включим

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

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

Вот и все!

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

Наслаждайтесь!

Что такое ошибка HTTP 404 и как ее исправить в интернет-магазине?

Вы когда-нибудь слышали об «ошибках HTTP 404»?

Вы помните день, когда вы совершали покупки в Интернете, и когда вы щелкнули по продукту, вы были перенаправлены на страницу, которая отображала что-то вроде « 404 страница не найдена »?

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

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

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

Что такое «ошибка HTTP 404»?

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

Это инцидент на стороне клиента, который означает, что либо страница была удалена или перемещена, а URL-адрес не был изменен соответствующим образом, либо вы неправильно написали URL-адрес.

Другими словами, это означает, что не существует веб-страницы, соответствующей введенному URL-адресу .

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

Как распознать ошибку 404 на сайте моего интернет-магазина?

Это сообщение об ошибке может появляться на вашем компьютере по-разному.

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

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

Сообщение об ошибке может выглядеть следующим образом:

  • «Ошибка 404»
  • «404 не найдено»
  • «Запрошенный URL не найден на сервере».
  • «Ошибка HTTP 404»
  • «Ошибка 404: страница не найдена»

Это сообщение обычно отображается черным цветом на пустой странице .

Помните, что страницу ошибки 404 можно полностью настроить.

PrestaShop по умолчанию предлагает настраиваемую страницу 404:

Какие шаги необходимо предпринять, чтобы устранить ошибку HTTP 404?

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

Позже мы дадим вам советы, как провести расширенную диагностику.

В любом случае вы должны сначала выполнить эти начальные проверки, поскольку такую ​​аномалию часто можно довольно быстро устранить.

1) Первое, что нужно сделать, это обновить страницу. Нажмите F5 , чтобы обновить URL-адрес.

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

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

3) Проверьте URL-адрес и убедитесь, что он написан правильно.

Проверка орфографии, дефисов, расширения страницы и т. Д.

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

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

Инцидент на сервере также может быть причиной этой ошибки 404.

Расширенная диагностика для исправления ошибок HTTP 404 в вашем интернет-магазине

Для владельца магазина PrestaShop, как я упоминал ранее, такая аномалия может расстроить .

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

Многие из этих «общих причин» на самом деле связаны с файлом .htaccess .
Я не рекомендую использовать этот тип файла, если вы не знакомы с его функциями и не обладаете достаточными техническими знаниями.

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

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

Вот несколько проверок, которые необходимо выполнить для устранения ошибки 404:

1) Просмотрите удаленные страницы

Если вы удалили страницы на своем веб-сайте, поисковые системы могли найти и проиндексировать его .

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

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

Некоторые пользователи также могли сохранить ссылку в избранное.

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

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

Вы можете сделать то же самое, перейдя в « Профиль обратной ссылки> Сломанный »:

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

2) Разрешения

Если вы столкнулись с инцидентом этого типа, сопровождаемым сообщением, например « У вас нет прав доступа … », то ошибка, вероятно, связана с проблемой авторизации.

Я рекомендую вам изменить CHMOD файла с помощью команды FTP или попросить ваш хост сделать это изменение за вас.

Наилучшая конфигурация разрешений ваших файлов / папок должна быть 755 для каталогов и 644 для файлов.

Однако размер комиссии зависит от веб-хостинга. Поэтому убедитесь, что покупаете их заранее.

3) Предел памяти

Ошибки могут быть связаны с инцидентом, связанным с memory_limit на вашем хостинге.

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

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

Если появляется сообщение, например « Неустранимая ошибка: недостаточно памяти », обратитесь к своему веб-хосту, чтобы увеличить доступную память.

4) Проблемы с файлами .htaccess

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

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

Вы можете вручную удалить файл .htaccess с помощью команды FTP и заново создать его, выбрав Панель управления> Расширенные настройки> Производительность .

В некоторых случаях активация опции «Дружественный URL» автоматически восстанавливает файл .htaccess.

5) Неправильная конфигурация сертификата SSL

Если вы устанавливаете свой сертификат SSL, и на вашем веб-сайте есть эта аномалия, это означает, что сертификат был установлен неправильно.

Проверьте конфигурацию сертификата SSL на своем веб-хосте и убедитесь, что версия URL-адреса «SSL» подключена (или перенаправляет) к правильному URL-адресу PrestaShop в файле .htaccess.

В PrestaShop 1.5.6+ у вас есть возможность принудительно использовать SSL для всех страниц.

В этом случае вам нужно будет подтвердить, что любая страница, вызываемая в Iframe, использует HTTPS.

6) Режим перезаписи URL (mod_rewrite) отключен

Это модуль Apache, который позволяет вам настраивать ваши URL-адреса («удобные URL-адреса» или «удобные для пользователя URL-адреса»).

Если вы получаете сообщение об ошибке 404 после их включения, вы, вероятно, не включили режим перезаписи URL («mod_rewrite») на вашем сервере.

Если ваши «дружественные URL-адреса» работают, но в « Панель управления> Расширенные настройки> Производительность » вы увидите предупреждение о том, что « Режим перезаписи URL-адресов (mod_rewrite) не включен на вашем сервере, либо он включен невозможно проверить его конфигурацию «,

, то проблема не в режиме перезаписи URL (mod_rewrite).

Некоторые веб-хосты предлагают более высокий уровень безопасности, который не позволяет PrestaShop проверять настройки вашего сервера.

Если ваши «дружественные URL-адреса» работают правильно, это означает, что режим перезаписи URL-адресов (mod_rewrite) установлен правильно.

7) Неверный путь «дружественных URL-адресов»

Ошибка может возникнуть после того, как вы создали путь к своим «дружественным URL-адресам» в « Панель администрирования> Настройки> Ссылки и URL-адреса » (дружественные URL-адреса должны быть включены).

В этом случае возможно, что пути «дружественного URL» были введены неправильно.

Примеры настраиваемых страниц ошибок HTTP 404 в интернет-магазинах

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

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

1) Le Slip Français

Здесь французский интернет-магазин Le Slip Français дает вам возможность вернуться в раздел для мужчин или для женщин на сайте, чтобы познакомиться с их товарами.

2) Сверхзащищенный

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

Заключение

Чтобы получить дополнительную информацию об ошибке 404, всегда интересно выполнить поиск ошибок в Google (добавив слово PrestaShop в ваш поиск, чтобы уточнить результаты).

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

Кроме того, вы можете ознакомиться с обсуждениями на форуме PrestaShop, которые собраны под заголовком [РЕШЕНО].

В сообществе 500 000 человек всегда найдется кто-то, кто знаком с вашей проблемой и может помочь вам решить ее.

Если вы выполните следующие шаги и предложения, вы сможете диагностировать большинство ошибок типа 404 .

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

Вредят ли они вашему сайту? [плюс 33 смешных страницы 404]

Ошибка 404 Not Found случается со всеми, даже с Google.

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

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

Что такое ошибка 404?

A Ошибка 404 Не найдено — это то, что видят ваши читатели, когда пытаются перейти на несуществующую страницу вашего сайта.

Ошибка 404 возникает, когда кто-то нажимает на неработающую ссылку или неправильно набирает URL.

Как узнать, что у вас есть ошибки 404?

Инструменты Google для веб-мастеров сообщат вам, есть ли у вас ошибки 404 Not Found на панели инструментов вашего сайта в разделе Crawl => Crawl Errors :

Как видите, у меня на сайте более 400 ненайденных ошибок и сердце не выпрыгивает из груди.

Почему?

Влияют ли ошибки 404 на рейтинг в поисковых системах?

404 ошибки — обычное дело в сети.

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

Как я уже упоминал выше, они есть и в блогах Google.

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

From Do 404s Hurt My Site в блоге Google Webmasters Central:

В: Влияют ли ошибки 404, сообщаемые в Инструментах для веб-мастеров, на рейтинг моего сайта?

A: 404 — это совершенно нормальная часть сети; Интернет постоянно меняется, рождается новый контент, умирает старый контент, и когда он умирает, он (в идеале) возвращает код ответа 404 HTTP.

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

… Тот факт, что некоторые URL-адреса на вашем сайте больше не существуют / возвращают 404, не влияет на то, как другие URL-адреса вашего сайта (те, которые возвращают 200 (успешно)) работают в наших результатах поиска.

Когда вам следует беспокоиться о 404?

Единственный раз, когда меня беспокоит ошибка 404, это когда она каким-то образом заменяет пост с хорошим содержанием.

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

Есть два основных способа исправить ошибку 404 Not Found :

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

Оба более подробно описаны ниже.

Перенаправление ваших ошибок 404

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

Самый простой способ сделать это — использовать бесплатный плагин, например Redirection.

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

Например, я решил перенаправить свою страницу ToolBox с https://trafficgenerationcafe.com/best-internet-marketing-tools/ на https://trafficgenerationcafe.com/internet-marketing-tools/.

Я просто добавил старый URL как Исходный URL , затем новый в Целевой URL, щелкнул Добавить перенаправление , и все было готово.

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

Как создать полезную страницу 404 Not Found

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

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

Вот несколько предложений относительно , какую информацию добавить к пользовательской странице 404 not found :

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

DIY Custom 404 Not Found Страница ошибки

1. Вы можете редактировать собственную страницу ошибки 404 WordPress.

Это не так сложно, как кажется; взгляните на + Ian Lurie ‘ How To: Create a Great 404 Page Not Found Error Page на Portent.com.

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

Хотя я не рекомендую использовать ненужные плагины в вашем блоге, если вышеприведенное руководство вас пугает, всегда есть плагины WordPress 404 Not Found на помощь.

Я никогда ими не пользовался, поэтому не могу поручиться за их функциональность, но вот варианты:

Смешные страницы ошибок 404 не найден

Вам нужно вдохновение для вашей новой страницы с ошибкой 404? Я ошибаюсь.

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

Ошибка 404 Marketing Takeaway

Определенно стоит исправить некоторые ошибки 404 not found; другие можно легко игнорировать без проблем.

Сколько работы и энергии вы хотите вложить в это дело, зависит только от вас.

ошибок 404 — Материальный дизайн для Bootstrap

  • Поиск

    • MDB Pro
    • Продукты
    • Начало работы
      • Домашняя страница
      • О МДБ
      • Скачать
      • Быстрый старт
      • Руководство по установке
      • Настройка стилей
      • Полный учебник
      • Дорожная карта
      • MDB CLI
      • Глоток
      • Webpack
      • MDB Угловой
      • MDB React
      • MDB Vue
    • Макет
      • Обзор компоновки
      • Использование сети
      • Примеры сетки
      • Медиа-объект
      • Медиа-запросы
      • Утилиты для верстки
      • Кладка
    • Коммунальные услуги
      • Границы
      • Clearfix
      • Значок закрытия
      • Дисплей
      • Встроить
      • Поплавок
      • Flexbox
      • Выравнивание по горизонтали
      • Замена изображения
      • Перелив
      • Позиция
      • Программы чтения с экрана
      • Калибровка
      • Шаг
      • Растяжка
      • Текст
      • По вертикали
      • Видимость
    • Содержание
      • Код
      • Фигуры
      • Флаги
      • Использование иконок
      • Список иконок
      • Изображения
      • Типографика
      • Размер адаптивного шрифта
    • CSS
      • Демо
      • Анимации
      • Фоновое изображение
      • Цвета
      • Сочетание цветов
      • Цвет текста
      • Градиенты
      • Эффекты при наведении
      • Маски
      • Параллакс
      • Тени
      • Скины
      • Переменные
    • Компоненты
      • Демо
      • Предупреждения
      • Кнопки
      • Группа кнопок
      • Кнопки социальных
      • Карты
      • Карты продлены
      • Выпадающее меню
      • Джамботрон
      • Группа списков
      • Погрузочные машины / спиннеры
      • Панели
      • Пагинация
      • Таблетки
      • Индикатор выполнения
      • Шаговый
      • Вкладки
      • Наклейки и значки
    • JavaScript
      • Аккордеон
      • Карусель
      • Свернуть
      • Графики
      • Карты Google
      • LightBox
      • мобильный
      • Уведомления
      • Поповеры
      • StickyContent
      • Полоса прокрутки и плавная прокрутка
      • Теги и чипы
      • Подсказки
      • Волновые эффекты
    • Навигация
      • Составы
      • Панировочные сухари
      • Нижний колонтитул
      • Гамбургерное меню
      • Мега Меню
.

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

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