Содержание

Правильная страница 404 ошибки — настройка и оформление

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

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

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

Почти всегда страница с 404 ошибкой — это полупустой экран, непонятная надпись на английском языке «Error 404. Page cannot be found», корявая вёрстка текста и никакой информации, что делать дальше.

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

Варианта развития ситуации два:

  1. Целеустремленный пользователь догадается нажать кнопку «Назад» в браузере или перейти на Главную, если найдет соответствующую ссылку на странице.
  2. Менее опытный (а, может, ленивый) посетитель сайта, вероятнее всего, закроет вкладку решив, что сайт неисправен или взломан. Результат: минус один потенциальный клиент.

Функции страницы 404 ошибка

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

Разъяснительная функция

Объясните посетителю, что произошло, в чём суть ошибки и что теперь делать. Как правило, это текст подобного содержания: «К сожалению, запрашиваемая страница не найдена. Возможно, вы перешли по ссылке, в которой была допущена ошибка, или ресурс был удален. Попробуйте перейти на главную страницу или каталог (список афиш, расписание поездов, популярные товары)». И обязательно сделайте ссылки на соответствующие страницы. Так человек не закроет страницу, потому что ему показали, куда перейти дальше.

Продающая функция

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

Развлекательная функция

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

Важные моменты

Title, тем не менее, лучше прописать без креатива: 404 — страница не найдена.

Любая удаленная страница на сайте или несуществующий URL должны отдавать код ответа сервера 404 (Not found) и использовать шаблон, заданный для 404 страницы.

Узнать, какой код ответа сервера отдает любая страница можно с помощью онлайн-сервиса bertal. ru или в Яндекс Вебмастере в разделе Инструменты — Проверка ответа сервера.

Исправьте и настройте отслеживание 404 ошибкок

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

Отлавливать URL, отдающие 404 ошибку, можно с помощью отчетов в Яндекс Метрике, настроив цель на сбор 404 ошибок, и отчетов в Google Analytics, настроив отслеживание через Google Tag Manager. В Яндекс Вебмастере выявить 404 ошибки можно перейдя в раздел Индексирование — Статистика обхода и нажав в правом верхнем углу История обхода.

Далее в фильтре столбца Стало надо выбрать HTTP-код 404 (Not found) и нажать Применить.

Полученный список можно выгрузить в формате CSV и XLS при помощи кнопок в правом нижнем углу.

В Google Search Console информация о 404 ошибках находится в разделе Сканирование — Ошибки сканирования — Не найдено. Выгрузить список страниц в формате CSV можно нажав на кнопку Загрузка.

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

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

Примеры страниц 404 в наших проектах

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

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

Ошибка 404 вредит SEO?

404 Not Found (ресурс не найден) — код ответа сервера, который сообщает, что невозможно найти страницу по указанному адресу.

Существует мнение, что наличие страниц с 404 ошибкой на сайте негативно влияет на SEO, но на самом деле это не совсем так.

Из справки Google:

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

Появление 404 ошибок на сайте —  явление неизбежное и причины тому могут быть разные:

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

Эти причины требуют тщательной проработки — необходимо заменять битые ссылки на актуальные, при изменении структуры и URL адресов сайта корректно настраивать 301-е редиректы на актуальные страницы. Однако существуют и вполне «житейские» ситуации появления 404-х страниц. Например:

  • опечатка при введении URL адреса пользователем;
  • удаление товаров на сайте.

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

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

  1. Страница 404 должна быть настроена корректно и отдавать код HTTP 404 (Not Found), чтобы не попасть в индекс поисковых систем. Во-первых, такие страницы будут засчитываться как дубли. Во-вторых, это может негативно сказаться на поведенческих факторах. Ведь если человек из поиска попадет на 404 страницу — он явно расстроится потому, что ожидал увидеть совсем иное. Следовательно, быстро уйдет и снова вернется к поиску.
  1. Не следует делать 301 редирект на главную. Таким образом вы вводите в заблуждение пользователя: он ожидал получить одну страницу, а непонятным образом оказался на главной. C 404-й страницы должна стоять ссылка на главную, но не редирект.

Нужно ли создавать кастомные 404 страницы?

Очень часто страницы 404 оформлены стандартным образом и выглядят примерно так:

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

Google рекомендует создавать собственные страницы 404:

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

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

Создаем 404 страницы для людей

Основные рекомендации по созданию собственных 404 страниц:

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

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

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

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

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

  1. Действенный прием для интернет-магазинов — вывод на 404 страницах похожих или недавно просмотренных товаров.

  1. Если сайт у вас небольшой и хорошо структурирован, разместите ссылку на карту сайта.

Дизайну страницы 404 быть!

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

  1. Задействуйте свой творческий потенциал и все таланты в области дизайна и юмора. Четыре идеи в помощь:

  1. Интерактивные элементы. Развлеките человека, добавьте простую игру, дайте ненавязчивый контент. Не исключено, что так ваш сайт запомнится и получит шанс попасть в закладки. Собрала 9 хороших примеров. Наслаждайтесь (только предварительно убавьте громкость):
  • http://kvartirakrasivo.ru/404/index.php
  • http://www.tinsanity.net/404.shtml
  • https://www.agens.no/404
  • https://imgur.com/404
  • https://github.com/404
  • http://hotdot.pro/404/
  • https://www.tumblr.com/404/
  • https://www.kualo.co.uk/404
  • https://amplifr.com/blog/ru/t

+ 18 примеров креативной 404-й страницы.

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

Как настроить 404 страницу?

Существует достаточно плагинов для настройки 404 страниц на платформе WordPress. Но не всегда получается настроить через плагин или сделать это для сайта на другой платформе. Предлагаю вам такой способ:

  1. Создайте 404 страницу HTML.
  2. Настройте переадресацию в .htaccess, чтобы при неправильном URL пользователь переходил на 404 страницу. Для этого пропишите в .htaccess «Error 404 www.site.com/404.html».
  3. Разместите файл .htaccess на хостинге в корневом каталоге сайта.
  4. Нужно, чтобы созданная страница 404 отдавала код ответа сервера отличный от 200, а именно 404 (Not Found). Для этого пропишите на странице 404 строчку кода и добавьте файл на сервер:

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

Чтобы проверить код ответа сервера, воспользуйтесь такими сервисами: 

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

  1. Как найти битые ссылки на страницах вашего сайта.
  2. Как найти актуальные страницы сайта для существоваших ранее страниц.
  3. Как избавится от большого количества 404-х ошибок.

Выводы

Работайте над лояльностью аудитории, старайтесь врезаться в память: запомниться и выделиться даже с помощью 404-й ошибки. Сделайте ее фишкой сайта и помните:

  1. Наличие 404-й ошибки на сайте не влияет напрямую на позиции в выдаче.
  2. Чтобы не потерять трафик и улучшить поведенческие факторы, необходимо создавать кастомные страницы с 404-м ответом сервера.
  3. На страницах с 404-й ошибкой следует размещать информацию с пояснением, почему пользователь оказался здесь, куда следовать дальше. Это нужно, чтобы человек понял: сайт работает и можно остаться на нем.

При создании 404-х страниц правильно настраивайте коды ответа сервера и проверяйте их на https://www.bertal.ru/, http://checkmy.ru/, https://webmaster.yandex.ru/tools/server-response/. Это поможет избежать проблем с индексированием сайта поисковыми системами.

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

Что означает код ошибки 404 not found — ошибка сервера 404 страница не найдена

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

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


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

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

Чтобы разобраться с вопросом подробнее, а также с рядом служебных файлов, которые есть у каждого ресурса, нужно изучить момент, связанный с гипертекстовым представлением страниц с помощью языка HTML (HyperText Markup Language — «язык гипертекстовой разметки»), и HTTP-протокол, посредством которого осуществляется доступ. Несмотря на то, что придется разбираться в языке программирования, форма его представления настолько проста, что ее сможет понять любой человек.

Больше видео на нашем канале — изучайте интернет-маркетинг с SEMANTICA

Гипертекстовые страницы и их особенности

Интернет родился в тот момент, когда английский инженер Тимоти Джон Бернерс-Ли придумал гипертекстовую форму представления текстовых страниц в сети и описал принцип доступа к ним по прикладному протоколу HTTP. Согласно общей идее, пользователь со своего устройства, а именно с браузера делает сетевой запрос на определенный ресурс. В этот момент открывается сессия на сервере, к которому осуществляется доступ. В качестве ответа возвращается HTML-страница.

Разумеется, в наше время используются более сложные алгоритмы доступа и «подкачки» страниц больших размеров, но общий принцип остается тем же. Для доступа к ресурсу нужно доменное имя и IP-адрес. Только при условии, что выполнены эти критерии и ресурс находится в рабочем состоянии, будет возвращаться «error 404 not found» на отсутствующий документ.

Как выглядит страница 404 по умолчанию

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

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

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

Для того, чтобы переделать шаблон, потребуются знания HTML для разметки файла. Обратите внимание, что в отдельных случаях у файла со страницей может быть другое название — err404. html, 404.php. Отличие от стандарта чаще всего связано с более широким функционалом, а также особенностями системы. Например, в WordPress документ можно найти в директории 404.php. В строке адреса «ошибка 404 страница не найдена» будет отображаться примерно так: домен. ру/404/.

Адаптируем стандартную страницу 404 под свои цели

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

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

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

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

  1. Кратко объясните человеку, что случилось и почему он не видит того, что искал. Укажите ему варианты дальнейших действий, которые помогут найти искомое.
  2. Выведите на странице 404 поисковую строку, чтобы посетитель мог сразу найти желаемое.
  3. Обязательно отобразите здесь меню вашего сайта, с помощью которого, человек сможет понять, куда идти.
  4. Сделайте так, чтобы страница привлекала пользователя, и ему хотелось найти информацию именно на вашем ресурсе. Используйте красочные и интересные текстово-визуальные решения.

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

Редактируем страницу 404

Редактировать файл можно из системы управления сайтом напрямую, для этого нужно добавить желаемую разметку и изображения.
При ее создании руководствуйтесь тем, что информация должна открываться быстро и без задержек. Страница должна быть «легкой» (занимать мало места), полезной и предлагать альтернативы поиска несуществующего документа.

Обычно содержание включает в себя следующую информацию:

  • переход на главную;
  • список рейтинговых страниц сайта;
  • переход на карту ресурса;
  • кнопку сообщения администрации о «битой» ссылке на определенном источнике.

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

Заключение

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

 

80+ великолепных страниц ошибки 404

Иногда посетитель сайта видит ошибку 404 потому, что веб-страницы попросту не существует – она удалена или переименована (404 Not Found – страница не найдена). Нередко случается и неправильный ввод адреса. В любом случае, никого не обрадует безликое оформление 404-й или простое сообщение об ошибке. Креативными дизайнерами создаются более полезные для пользователя, эстетически красивые индивидуальные страницы 404.

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

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


Интересно и оригинально оформленные 404 страницы

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

01. Discord App

За работой квантовый хомяк-робот из мира Discord.


02. Beach Park

Плавник акулы, он и в луже 404-й страницы захватывает внимание.


03. Toggl

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


04. Designzillas

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


05. Bench

Такой страницы нет, как и снежного человека, единорога или лох-несского чудовища. …или она существует?


06. Pirate Code

Персонаж с главной страницы сайта задумчиво прогуливается по 404-й.


07. Weemss

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


08. Flipping Book

Может кому знакомо? В домашнем хаосе с малышом и котом, вырванные страницы становятся самолетиками.


09. Vebk

Красивая рестро страница 404 ошибки – в тонах и жанровой стилистике самого сайта.


10. De’Nastia

Предлагая уютные товары для дома, De’Nastia встречает ошибающихся адресом пользователей симпатичной 404-й страницей.


11. Slack

В странном месте бродят свинки с курицами, природа буйствует красками. Страница «Not Found» напоминает сказку.


12. Pikabu

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


13. Rabota Gk-Rte

Обратный отсчет в ожидании столкновения ракеты с землей…


14. Lyft

Страница ошибки сайта американского такси-сервиса.


15. Kick Point

Внедорожник 4×4 на странице 404


16. Madwell

Креативное агентство развело анимированный костер на 404-й странице.


17. Clockwise

Перекати-поле подкатывается к надписи 404. Это растение пустынь и степей, а вы на странице ошибки.


18. Matteo Vandelli

Интерактивная анимация цифр 404 на странице с ошибкой.


19. Grainand Mortar

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


20. Rails Ware

Тематическая 404-я сайта разработчиков и дизайнеров.


21. Domenart Studio

Красиво оформленная 404-я страница российской студии дизайна.


22. Love Beets

Английская ферма выращивает овощи для салатов. Интереактивный редис под социальный шаринг на 404-й странице – это оригинально и уникально.


Страница 404 и красивая айдентика

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

23. Sketch

В дизайне этой 404 страницы идеально выдержан корпоративный стиль, сохранена навигация. 

24. Puree Maison

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


25. Hungry Boys

Благодаря лого и анимации прелоадера, жест облизывания в перевернутом виде уже понятен.


26. Phive

После эксцентричного поведения при загрузке страниц, значок прелоадера на 404-ой выглядит изможденным: «Не могу согнуться, потеря 404 грамм жира…»


27. Mail Bakery

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


28. Moosend

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


30. A propos du cancer

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


31. Studio Wolf

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


32. Horton Works

В дополнение к логотипу и сам слон.


33. Pointless Corp

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


34. Nagyi Titka

Рекламный персонаж продукта крупным планом на 404-странице.


35. Panoraven

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


36. Waaffle

На странице с ошибкой персонаж сайта начинает плавиться.


37. Avocode

Страница 404 весьма недвусмысленно подчеркивает креативный нейминг (avocode от авокадо).


38. Yelp

Пес-сыщик Дарвин идет по горячим следам в ходе рассмотрения дела о пропавшей странице. Пока детектив вынюхивает и разбирается, переходим по ссылкам – элементарно, дружище.  Cтраница yelp.com/404 имеет скрытый смысл (yelp – лаять).


Тематичные 404 страницы

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


39. E-co

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


40. Slodych

Аппетитная выпечка цифр 404.


41. Codemy Concept

Чашка кофе – символ разработчика.


42. Prob2b

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


43. Handy Hat

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


44. Limra Technosys

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


45. Max Style

У агентства по цифровому продвижению компаний эффектная страница 404.

46. Fuse Lab Ceative

Красивый агентский сайт. Страница ошибки эффектно оформлена объемными цифрами 404.


47. 1ps

Онлайн-агентство оказывает digital-услуги и продвигает сайты. Легкая, воздушная 404 страница с идеей – сбрасывать балласт и подниматься.


48. Woodst

Анимированная 404-я на сайте агентства, специализирующегося на графике.


Забавные и необычные 404-е

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


47. Tapfiliate

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


48. Пора валить

Анимированная 404-страница агентства «Пора валить»: свинья развлекается на тракторе.


49. Vintage

Забавно анимирована страница 404 украинской студии: чем-то обеспокоен трафаретный олень.


50. Insurance Experiments

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


51. Multi Work

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


52. Fromage Abondance

Видео-коуб: французская корова-модница — соответствует тенденциям, также как и сайт.


53. Red Collar

Причудливая фантазия с анимацией на 404 странице цифрового агентства.


404 коты, собаки и разные создания

Смешные и позитивные коты и собачки, которые в какой-то мере выражают назначение сайта, поддерживают общую идею дизайна.


54. Html6

Сделано на шаблоне: интерактивный и сердитый кот.


55. Buzz Feed

Gif-ка слегка анимированного кота на 404-й… а как иначе для развлекательного медиа ресурса?


56. Life Daily

Интересующийся кот-404 с развлекательного веб-ресурса.


57. Kayako

Анимированный котенок рыжими пятнами удачно удачно поддержал акцентный цвет сайта.


58. Idesign

Непонятные создания перед непростым решением. Но надо возвращаться на главную.


59. Help Scout

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


60. Marketohttps://www.marketo.com/404

Разве кого-то может рассердить такая мордочка.


61. 99designs

Щенок — терминатор.


Красиво иллюстрированные Not Found страницы


62. Enjoy Kamchatka

Красиво оформленная под 404-ю ошибку фоновая фотография привлекает целевую аудиторию на сайт.


63. Skipio

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


64. Epic

Красивая страница ошибки, выполнена как креативный вариант страницы «О нас».


65. Branded7

Красивая иллюстрация 404 в стиле шапки и футера сайта.


66. Дом со всем

Качественно отрисованная 404-я страница под тематику сайта компании.


67. Bright Scout

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


68. Deep Time

Потерянная во времени, винтажная 404-я страница проекта интерактивной инфографики об истории Земли.


Провальное / непреодолимое. Потерянные на 404-ой

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


69. FSRussia

Страница 404 сайта федерации фигурного катания: «провальное выступление».


70. Sibirix

Видео-коуб 404 новосибиркой дизайн студии с роботом-собакой.


71. Anton & Irene

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


72. Straight North

Кирпичная стена за дверью. Ваш клик привел на несуществующую страницу. Может не все клики засчитываются? Попробуйте еще – тут зачтется (специализируются на  PPC рекламе, SEO).


73. Cloud Cart

Попал на распутье (смысл в том, что нужно выбрать подходящий сервис платформы).


74. Ucraft

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


75. Crello

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


76. Kleo

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


Игровые страницы 404

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

77. Heyzap

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


77. Kualo

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


78. Pointe Pest

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


79. Canva

Сбор пазла – совсем несложная игра.


80. Amphibian

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

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

Блуждая по Сети, вы иногда натыкаетесь на сообщения об ошибке «page not found». Часто эти «не найденные» 404 страницы ошибок не представляют никакого интереса. Неудовлетворенный таким результатом, посетитель может покинуть сайт. Поскольку ошибки в написании адреса допускаются довольно часто, а сайты не идеальны (например ошибка из-за битой ссылки)  – очевиден факт того, что они теряют своих посетителей. Лучшие примеры страниц 404 наводят на мысль о создании эффективной Error Page, которая должна быть спроектирована и настроена индивидуально под сайт.

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

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

Screaming Frog ( screamingfrog.co.uk/404/)

Okostroy ( okostroy.ru/404/)

Hey Zap ( heyzap.com/404 )

Fusion Charts ( fusioncharts.com/404/)

Med-Altai ( med-altai.ru/404/)

Bully Entertainment ( bullyentertainment.com/404notfound/)

Mini Handball (www.minihandball.pl/ 404 )

Banks (banks.az/404 )

Purple Travel ( purpletravel.co.uk/abc/)

Funkyimg ( http://funkyimg.com/404 )

Colibris ( http://colibris.ua/404/)

Smart Touch ( smarttouch.me/en/page-not-found )

Gift Rocket  (http://www.giftrocket.com/ 404)

Made with Envy (http://madewithenvy.com/404 )

Space Angry Birds  (http://www.angrybirds.com/404er )

11×11

Fitbit (http://www.fitbit.com/404 )

Sandalikidet (http://sandalikidet.ru/404error/)

Black Wave Creative  (blackwave.net/ 404 )

Оvsyannikoff  ( http://ovsyannikoff.ru/404 )

2013.404fest ( http://2013.404fest.ru/404/)

Kyan ( http://kyan.com/404 )

Coex (https://www.coex.cz/404)

Soline (http://www.soline.ru/ 404 )

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

Вы здесь:
Главная — HTML — HTML Основы — Как установить страницу 404


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

Первое, что необходимо сделать — это создать файл .htaccess. Обратите внимание, что имени у этого файла нет, а расширение «htaccess«. Если Вы работаете в Unix, то проблем с созданием не возникнет. А вот если Вы работаете в Windows, то создать файл .htaccess можно таким образом (так делаю я, хотя, возможно, есть более простые способы):

  1. Открыть блокнот.
  2. Выбрать пункт меню «Сохранить как«.
  3. Введите имя файла «.htaccess«.
  4. Выберите тип файла «Все файлы«.
  5. Сохраните.

В результате, у Вас появится файл .htaccess. Скопируйте его в корень своего сайта. Теперь Вы можете его открыть (например, в том же блокноте) и написать там такую строку:

ErrorDocument 404 /404.html

Теперь создайте в корне сайта страницу «404.html», в которой пишите любой HTML-код, например, такой:

<html>
<head>
</head>
<body>
  <h2>Страница не существует!</h2>
  <p>Проверьте правильность ввода адреса</p>
  <p>С Уважением, <a href = ''>Мой сайт</a></p>
</body>
</html>

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

Напоследок, хочется сказать одну важную вещь. Если Вы работаете на локальном компьютере, то на нём должен быть установлен сервер (например, пакет Denwer, в который входит и сервер Apache, и PHP, и MySQL и много чего ещё).


  • Создано 09.12.2010 16:52:51



  • Михаил Русаков

Предыдущая статья Следующая статья

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

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

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):


  1. Кнопка:

    <a href=»https://myrusakov.ru» target=»_blank»><img src=»https://myrusakov.ru/images/button.gif» alt=»Как создать свой сайт» /></a>

    Она выглядит вот так:


  2. Текстовая ссылка:
    <a href=»https://myrusakov.ru» target=»_blank»>Как создать свой сайт</a>

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

    [URL=»https://myrusakov.ru»]Как создать свой сайт[/URL]

404page — ваша умная страница ошибок 404 — плагин для WordPress

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

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

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

Использование

Создайте собственную страницу ошибки 404, как и любую другую страницу, с помощью редактора страниц WordPress. Затем перейдите в «Внешний вид» -> «Страница ошибки 404» и выберите созданную страницу в качестве настраиваемой страницы ошибки 404. Это оно!

Зачем использовать этот плагин?

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

В отличие от других похожих плагинов, плагин 404page не создает дополнительных запросов к серверу .

Требования

Единственное требование для этого плагина — изменить структуру постоянных ссылок в «Настройки» -> «Постоянные ссылки» на что-нибудь другое, кроме «Обычная». Это также активирует обработку ошибок WordPress 404.

Документация и поддержка

Руководство по плагину

Форум поддержки

Видео

Краткое введение в бесплатный плагин WordPress 404page

Краткий обзор расширенных настроек

Объяснение «Принудительная ошибка 404 после загрузки страницы»

Объяснение «Отключить автозамену URL»

«Отправить код состояния HTTP 410 для удаленных объектов»

«Режим совместимости» объяснил

Совместимость

Плагин 404page был успешно протестирован автором со следующими темами
Плагин 404page был успешно протестирован автором со следующими стартовыми темами
Плагин 404page был успешно протестирован автором со следующими плагинами

Для разработчиков

Экшн-крючок

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

Константа

Если плагин 404page установлен и активирован, он определяет PHP-константу PP_404. Проверьте его наличие, чтобы обнаружить плагин 404page.

Функции

Плагин предоставляет следующие функции:

  • pp_404_is_active (), чтобы проверить, выбрана ли пользовательская страница 404 и существует ли выбранная страница
  • pp_404_get_page_id (), чтобы получить идентификатор страницы 404
  • pp_404_get_all_page_ids () для получения массива идентификаторов страниц на всех языках

Подробнее

Собственный режим

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

Вам нравится этот плагин?

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

Информация о конфиденциальности плагина

  • Этот плагин не устанавливает куки
  • Этот плагин не собирает и не хранит данные
  • Этот плагин не отправляет данные на внешние серверы

Страница информации о конфиденциальности плагинов Peters

ClassicPress

Этот плагин совместим с ClassicPress.

Еще плагины от Питера

Будьте в курсе

Следуй за мной на Facebook
YouTube Channel

Будет ли он работать с темой, которую я использую?

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

Перенаправляются ли ошибки 404?

Нет, перенаправления нет! Выбранная страница отображается как «настоящая» страница с ошибкой 404. Это приводит к коду HTTP 404, а не к 301 или 302, что важно для поисковых систем, чтобы сообщить им, что страница не существует и ее следует удалить из индекса.

Можно ли добавить собственный CSS на страницу 404?

Плагин 404page добавляет класс CSS error404 к тегу , который можно использовать для дополнительного стиля.

Где я могу получить помощь?

Воспользуйтесь форумом поддержки.

Просто и эффективно. Легко установить. Отличный плагин.

Мне нравится, что 404 работает именно так, как ожидалось. Спасибо!

Простые и функциональные! Recomendo!

прост в использовании и является идеальным плагином

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

Simple et efficace à mettre en œuvre
Merci.

Прочитать 878 отзывов

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

авторов

11.2.6 (2020-08-23)
  • Plugin Foundation обновлен до PPF06
11.2.5 (2020-08-22)
11.2.4 (2020-08-16)
  • исправление ошибки для Flamingo (см. Тему) плюс потенциально другие плагины (спасибо garfiedo за поддержку в поиске причины)
11.2.3 (2020-07-05)
11.2.2 (2020-03-28)
  • изменения в уведомлении для надежды на лучшую совместимость
  • Plugin Foundation заменено на PPF04
11.2.1 (2020-01-04)
  • , если W3 Total Cache установлен и кэширование активно, URL-адреса, которые приводят к ошибке 404, автоматически исключаются из кеширования
11.2.0 (2020-01-01)
  • , если WP Super Cache установлен и кэширование активно, URL-адреса, которые приводят к ошибке 404, автоматически исключаются из кеширования
11.1.4 (2019-12-29)
11.1.3 (29.12.2019)
  • Plugin Foundation обновлен до PPF03, без функциональных изменений
11.1.2 (2019-11-19)
  • исключить страницу 404 из карты сайта XML, созданной Jetpack
11.1.1 (2019-11-16)
  • С этого момента он определяется не только, если Yoast SEO Plugin активен, но также, если активирована функция карты сайта.
11.1.0 (10.11.2019)
  • теперь использует Plugin Foundation PPF02 для совместимости с плагинами
  • представляет две новые функции для разработчиков pp_404_get_page_id () и pp_404_get_all_page_ids ()
11.0,5 (2019-10-22)
  • исправление для Yoast SEO XML Sitemap (см. Тему)
  • добавил примечание на страницу настроек, если Yoast SEO активен
11.0.4 (2019-10-06)
11.0.3 (2019-09-01)
  • исправление ошибки для вызова REST API (см. Здесь)
11.0.2 (30.08.2019)
11.0.1 (13.08.2019)
    Исправление

  • для PHP 7.1 — уровень доступа __construct () в подклассе — это ошибка PHP, которая была исправлена ​​в PHP 7.2, но я изменил свой код, чтобы он также работал с PHP 7.1
11.0.0 (13.08.2019)
  • в основном переписан на основе моего недавно созданного Plugin Foundation
10,5 (01.04.2019)
  • Еще несколько улучшений безопасности
10,4 (31.03.2019)
  • Исправлена ​​уязвимость безопасности в вызове AJAX (спасибо Хулио Потье за ​​указание на это)
10,3 (21.02.2019)
  • Исправление для совместимости с iThemes Sync (билет)
10.2 (2019-02-19)
  • просто еще одно небольшое изменение для предотвращения потенциальных проблем с версией 10
10,1 (14.02.2019)
10 (2019-02-14)
  • обходной путь для ошибки постоянной ссылки WordPress # 46000
  • улучшение кода
  • настройка производительности
9 (2019-01-24)
8 (2019-01-11)
  • Исправлена ​​проблема совместимости с последней версией WPML
  • улучшение кода
  • Улучшения пользовательского интерфейса
7 (16.07.2018)
  • исправлен неправильный путь изображения
  • добавлены ссылки на видео на админку
  • улучшения кода
6 (18.06.2018)
  • исключить страницу 404 из карты сайта XML, созданной Yoast SEO
  • Дальнейшие улучшения пользовательского интерфейса
5 (2018-03-05)
  • показать индикатор, если текущая редактируемая страница является страницей ошибки 404
  • Незначительные улучшения кода и пользовательского интерфейса
4 (2018-03-05)
3.3 (2017-11-16)
  • Добавлена ​​поддержка языков с письмом справа налево
  • неверное отображение в WP 4.9 исправлено
3,2 (05.10.2017)
  • новая функция для отправки ошибки HTTP 410 для удаленных объектов
3,1 (24.07.2017)
  • исправление для Polylang (см. Тему)
  • исправление для CLI (см. Тему)
  • добавить класс отладки в тег тела
  • также добавить классы тела для темы Customizr
  • не добавлять класс error404, если он уже существует
  • дальнейший редизайн интерфейса администратора
3.0 (2017-07-05)
  • новая функция для принудительной ошибки 404 после загрузки страницы
  • новая функция для отключения угадывания автокоррекции URL
  • наконец удалил материал Polylang, отключенный в 2.4
  • обновленный интерфейс администратора
  • улучшение кода
2,5 (19.05.2017)
  • скрыть страницу 404 из результатов поиска во внешнем интерфейсе (если WPML активен, все языки скрыты)
  • не запускает 404 в режиме совместимости, если плагин DW Question & Answer от DesignWall активен и на вопрос нет ответов
2.4 (2017-03-08)
  • убедитесь, что все файлы ядра загружены правильно (см. Тему)
  • Плагин

  • Polylang больше не требует режима совместимости (см. Тему)
  • скрыть все переводы, если установлен WPML и активна функция «Скрыть страницу 404» (спасибо ребятам из WPML за то, что указали мне на это)
  • исправление статуса сообщения (см. Тему)
  • Исправление проблемы с темой Enfold (спасибо ребятам из Kriesi.at за поддержку)
2,3 (21.11.2016)
  • несколько мелких исправлений решают некоторые проблемы с шаблонами страниц в определенных комбинациях
2.2 (2016-09-26)
  • автоматический переход в режим совместимости для нескольких удаленных плагинов
  • расширенная поддержка WPML и Polylang
  • удалить страницу 404 из результатов поиска (для всех языков, если используется WPML или Polylang)
  • удалить страницу 404 из карты сайта или других списков страниц (для всех языков, если используется WPML или Polylang)
  • исправление для авторских архивов
  • сбивающее с толку сообщение администратора удалено
2,1 (22.04.2016)
  • введение выбираемых методов работы
  • несколько изменений в режиме совместимости для улучшения совместимости с WPML и bbPress, а также совместимости с Page Builder от SiteOrigin
  • Совместимость с Polylang
  • автоматический переход в режим совместимости при обнаружении WPML, bbPress, Polylang или Page Builder от SiteOrigin
  • полностью новый режим совместимости с Customizr (автоматически включается при обнаружении Customizr)
  • , запускающий ошибку 404 в случае прямого доступа к странице ошибки 404, теперь может быть деактивирован
  • Поддержка

  • WP Super Cache
  • вариант, чтобы скрыть страницу ошибки 404 из списка страниц
  • 404 ошибка теста
  • Плагин

  • расширяется действием
  • удалить все настройки при удалении
2.0 (2016-03-08)
  • Совместимость с WPML
  • bbPress совместимость
  • Совместимость с Customizr
  • , прямой доступ к странице ошибки 404 теперь вызывает ошибку 404
  • класс error404 добавлен к классам, которые назначены для основного HTML-элемента
  • : меню настроек было перемещено из «Настройки» в «Внешний вид».
  • Удалено

  • файлов перевода с использованием исключительно GlotPress
  • Подробнее
1.4 (07.08.2015)
  • редактировать страницу 404 прямо со страницы настроек
  • Португальский перевод
1,3 (12 января 2015 г.)
  • техническое усовершенствование (переписано как класс)
  • косметика
1,2 (28 июля 2014 г.)
  • Испанский перевод
  • Сербско-хорватский перевод
1.1 (03.06.2014)
  • Добавлена ​​многоязычная поддержка
  • Немецкий перевод
1.0 (30.09.2013)

404 Page Images, Stock Photos & Vectors

В настоящее время вы используете более старую версию браузера, и ваш опыт работы может быть не оптимальным. Пожалуйста, подумайте об обновлении. Учить больше. ImagesImages homeCurated collectionsPhotosVectorsOffset ImagesCategoriesAbstractAnimals / WildlifeThe ArtsBackgrounds / TexturesBeauty / FashionBuildings / LandmarksBusiness / FinanceCelebritiesEditorialEducationFood и DrinkHealthcare / MedicalHolidaysIllustrations / Clip-ArtIndustrialInteriorsMiscellaneousNatureObjectsParks / OutdoorPeopleReligionScienceSigns / SymbolsSports / RecreationTechnologyTransportationVectorsVintageAll categoriesFootageFootage homeCurated collectionsShutterstock SelectShutterstock ElementsCategoriesAnimals / WildlifeBuildings / LandmarksBackgrounds / TexturesBusiness / FinanceEducationFood и DrinkHealth CareHolidaysObjectsIndustrialArtNaturePeopleReligionScienceTechnologySigns / SymbolsSports / RecreationTransportationEditorialAll categoriesEditorialEditorial ГлавнаяРазвлеченияНовостиРоялтиСпортМузыкаМузыка домойПремиумBeatИнструментыShutterstock EditorМобильные приложенияПлагиныИзменение размера изображенияКонвертер файловСоздатель коллажейЦветовые схемыБлог Главная страница блогаДизайнВидеоКонтроллерНовости


PremiumBeat blogEnterprisePric ing

Войти

Зарегистрироваться

Меню

ФильтрыОчистить всеВсе изображения

  • Все изображения
  • Фото
  • Векторы
  • Иллюстрации
  • Редакционные
  • Кадры
  • Музыка

  • Поиск по изображению

Поиск по изображению от

Наиболее актуальные

Свежий контент

Тип изображения

Все изображения

Фото

Векторы

Иллюстрации

Что такое ошибки Google Soft 404 (и как их исправить)

Последнее обновление

Поделиться постом

  • Поделиться через фейсбук
  • Поделиться в Twitter

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

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

Что такое программная ошибка 404?

Согласно Google:

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

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

Непонятно, правда?

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

Так что же там на самом деле происходит? Что ж, эти тонкие страницы очень сбивают с толку робота Googlebot. Когда он сканирует ваш сайт и наталкивается на страницу, которая, по утверждениям сервера, существует, но содержание говорит об обратном, он думает: «ну, эта страница не представляет никакой ценности для пользователей, поэтому ее не стоит индексировать» и присваивает ей мягкую метку 404 .

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

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

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

Давайте посмотрим на пример:

Допустим, вы управляете интернет-магазином по продаже стульев, и у вас проблемы с одним URL-адресом, в частности: https: // Chairsgalorestore.ru / продукты / продажа / синее кресло

Хотя ваш сервер может загружать URL без проблем, возвращая код состояния 200 (OK), потому что по этому URL есть реальная страница, содержимое на странице может сообщать посетителям: «К сожалению, нет продуктов, соответствующих вашему запросу. . »

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

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

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

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

Так что же происходит со страницами, получившими программный код 404? Google не индексирует эти страницы.

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

Как проверить свой сайт на наличие программных ошибок 404

Самый простой способ проверить наличие программных ошибок 404 — использовать Google Search Console (ранее Google Webmaster Tools).Войдите в свою учетную запись, и на главном экране вы увидите диаграмму «Эффективность» вашего сайта (общее количество кликов в день), а под ней — диаграмму «Покрытие».

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

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

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

Кроме того, вы можете использовать «Просмотреть как Google», чтобы проверить, возвращает ли определенный URL-адрес на вашем сайте правильный код состояния, включая программные ошибки 404.

Вы можете использовать этот инструмент, чтобы узнать, может ли робот Googlebot получить доступ к URL-адресу, как он отображает страницу и не заблокированы ли какие-либо ресурсы страницы (например, изображения или сценарии) для робота Googlebot.

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

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

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

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

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

Вот несколько способов исправить программные ошибки 404:

1. Если страница больше не доступна

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

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

  1. Пустые страницы результатов поиска
  2. Пустые категории товаров электронной коммерции
  3. Пустые категории блога

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

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

Страница 404

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

2. Если страница переместилась

Если вы изменили URL-адрес страницы (например, обновили заголовок сообщения в блоге), он должен вернуть 301 (постоянное перенаправление) и перенаправить пользователей на новый URL.

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

Один из моих любимых инструментов для настройки перенаправления страниц — это плагин перенаправления с метко названным названием.Кроме того, в премиум-версии Yoast SEO есть менеджер перенаправления.

3. Если страница доступна

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

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

4. Если страница доступна, но вы не хотите, чтобы она отображалась в поиске Google

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

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

Для страниц поиска, например, вы можете добавить в файл robots.txt следующие строки:

Disallow: /? S =
Disallow: / search /

Как вариант, вы можете просто запретить индексирование страниц, которые не должны отображаться в результатах поиска. Самый простой способ сделать это — использовать плагин Yoast SEO.По умолчанию Yoast устанавливает для страниц поиска и 404 страниц значение noindex, следуйте за . Но для страниц тегов и категорий вы можете добавить правила noindex во вкладке «Внешний вид поиска».

Чтобы узнать больше о том, как неиндексировать URL-адреса, ознакомьтесь с этим руководством по безиндексированию на Yoast.

Заключение

Мягкие ошибки 404 — это странные ошибки, и не всегда ясно, что их вызывает. Но немного покопавшись, особенно в Google Search Console, вы можете найти корень проблемы и быстро реализовать решение.

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

Лучше всего регулярно сканировать ваш сайт на предмет ошибок 404 или программных 404 и быстро исправлять их, чтобы контролировать работоспособность SEO вашего сайта.Это всего лишь несколько способов устранения программных ошибок 404. Если у вас есть другие полезные советы, дайте нам знать в комментариях!

О Рэлен Мори

Рэлен Мори является соучредителем Words By Birds, агентства цифрового письма, которое помогает WordPress писать статьи, стратегии контента, лид-магниты и другие вещи, связанные со словом. Рэлен, в прошлом журналист и редактор, занималась разработкой сайтов на WordPress более 10 лет.

Что такое ошибка 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) Сверхзащищенный

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

Заключение

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

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

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

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

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

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

44 невероятных страницы ошибок 404

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

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

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

Знаете ли вы, что у нас есть бесплатный инструмент, который может вам помочь?

Нажмите здесь, чтобы начать создавать бесплатные страницы ошибок

Что такое страница с ошибкой 404?

Страница ошибки 404 — это веб-страница, предназначенная для отображения, когда запрос вызывает код ответа HTTP 404.Этот код означает, что клиент (или «посетитель») смог найти сервер, но не определенное место назначения. Другими словами, они нашли ваш сайт, но не конкретную страницу на вашем сайте. Таким образом, сервер отправляет вашему браузеру код ответа 404, сообщая им, что произошло. Если его назначил дизайнер сайта, загружается страница с ошибкой 404.

Вот пример:

Посетите страницу статуса, и ваш браузер загрузит нашу главную домашнюю страницу. Вы нашли наш сервер. Добавьте правильный пункт назначения в конце этого URL-адреса, например, / pricing или / login, и ваш браузер загрузит это конкретное место назначения.Но попробуйте несуществующий пункт назначения, например / gibberish, и вы получите страницу 404. По сути, наш сервер говорит следующее: вы нашли меня, я вижу там мой URL, но конкретный пункт назначения, который вы ищете после косой черты, — это страница, для которой мне нет соответствия. Итак, вот эта страница с ошибкой, чтобы вы знали, что я не вижу в моем каталоге страницы, которая соответствует вашему запросу.

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

Есть две распространенные причины, по которым посетитель может попасть на страницу с ошибкой:

  1. Они нажимают ссылку, которая указывает на URL-адрес страницы, которая больше не существует
  2. Они нажимают или вводят ссылку с ошибкой

Эффект «гниения ссылок» является побочным продуктом первой причины — старых ссылок. Веб-сайты регулярно обновляются, перемещаются или удаляются.Но ни один человек не может полностью контролировать или знать сеть внешних свойств, ссылающихся на их страницу. Это означает, что хотя ссылки продолжаются, они указывают на страницу, которой больше не существует. Таким образом, ссылка гниет. По некоторым оценкам, он настолько распространен, что половина ссылок, цитируемых в заключениях Верховного суда, больше не содержат исходного содержания.

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

А как насчет других страниц ошибок?

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

Любой трехзначный код ошибки, начинающийся с 4, например 404, называется ошибкой 400-го уровня и означает, что что-то пошло не так на стороне клиента. В этих отношениях клиент — ваш посетитель. В частности, это их браузер.Поэтому логично, что неверный URL-адрес считается ошибкой клиента. Сервер (компьютер, на котором размещен сайт) работает нормально.

Другие распространенные ошибки 400-го уровня включают:

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

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

Некоторые из распространенных кодов с 500 уровнями:

  • 503 Служба недоступна: это стандартная ошибка «сервер недоступен». Обычно сервер не может ответить, потому что он перегружен или отключен для обслуживания.
  • 504 Тайм-аут шлюза: сервер действовал как шлюз для вышестоящего сервера, но не получил вовремя ответ от вышестоящего сервера.

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

Интересный факт: Существует и иногда используется малоизвестный код ошибки 451.Код предназначен для использования, когда доступ запрещен по юридическому запросу, и является отсылкой к роману-антиутопии «451 градус по Фаренгейту».

44 невероятных примера страницы с ошибкой 404

1. 20th Century Fox

У такой компании, как 20th Century Fox, есть огромная библиотека памятных материалов, на которые можно черпать вдохновение. Они взяли несколько отрывков из любимых фильмов библиотеки, таких как «Офисное пространство», «Месть ботаников» и «Эдвард Руки-ножницы». Нажмите на текст, и вы попадете на страницу, где можете купить свою копию.

2. Amazon

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

3. Astuteo

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

4. Бэтмен 3-D

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

5. Бенджамин Рид

Британская компания веб-дизайнера Бенджамина Рейда Nouveller создала невероятную страницу с ошибкой, вдохновившись фильмом «Парк Юррасика». На странице посетители могут попробовать свои силы во взломе компьютерной системы парка, основанной на сцене, где персонаж Сэмюэля Л. Джексона пытается обойти систему безопасности, установленную коварным программистом парка.

6. Кампания Берни Сандерса

Вскоре после объявления своей президентской заявки в 2016 году Берни Сандерс создал, вероятно, самую запоминающуюся страницу ошибок любого кандидата в президенты.На странице воспроизводится видео, в котором Сандерс объясняет, что пошло не так, и как вернуться на главную страницу. «Просто пролистайте вниз до конца страницы, и вы вернетесь домой, туда, где должны быть!»

7. Bitly

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

8. Blizzard Entertainment

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

9. Bloomberg

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

10. Блюгг

У

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

11. Codecademy

10 лучших дизайнов страниц с ошибкой 404 на 2019 год | AGENTE

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

Что такое страница 404?

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

Эта страница появляется по нескольким причинам:

  • Удаление страницы
  • Сайт не в сети
  • Ссылка не работает
  • Устаревшая ссылка из поисковой системы
  • URL ошибочно введен посетителем

Почему стоит выбрать индивидуальный дизайн страницы 404?

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

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

Источник: Amazon

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

Источник: Магазин Disney

  • Увеличьте количество конверсий, указав полезную информацию, например, самые популярные страницы сайта.

Источник: Nintendo

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

Источник: ModCloth

Как создать 404 страницы

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

Убедитесь, что вы включили строку поиска

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

Источник: CNN

Включите ссылки на популярные сообщения или на домашнюю страницу

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

Источник: Hoppermagic

Источник: Shopify

Говорите простым языком

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

Источник: Campbells

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

Источник: Blue Sky Studios

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

Источник: BBC

Еще один совет: добавьте к дизайну страниц 404 немного юмора, например, Adobe, Lucasfilm и Lonely Planet.

Источник: Adobe

Источник: Lucasfilm

Источник: Lonely Planet

Упростите для пользователей возможность связи с вами

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

Источник: Forbes

Источник: GOG

Разрешить пользователям присоединяться к вашему списку рассылки

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

Источник: Overstock

  • Обеспечьте единообразие дизайна, используя одни и те же цвета, стили изображений и типографику для всего веб-сайта.

Источник: BuzzFeed

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

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

Источник: Dribbble

Добавить форму входа

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

Источник: GitHub

Включить обмен в социальных сетях

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

Источник: The Huffington Post

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

Источник: Pixar Animation Studios

.

Использовать геймификацию

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

Источник: Восточный рынок

Лучшие примеры дизайна страниц 404

Их больше 1.5 миллиардов веб-сайтов в Интернете сегодня, и на многих из них есть креативные страницы с ошибками 404.

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

1. IMDb

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

2. ЗНАЧОК

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

3. Dropbox

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

4. Дисней

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

5. Blizzard Entertainment

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

6. Imgur

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

7. Цифровые тенденции

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

8. MailChimp

Это один из наших любимых лучших дизайнов страниц 404. MailChimp сообщает посетителям, что их запрос не найден. Лошадь на изображении напоминает пользователям о новых персонажах в их обновленной визуальной идентичности. Нет необходимости возвращаться на предыдущую страницу, чтобы продолжить поиск, поскольку доступна кнопка «Домой» Mailchimp.

9. eHarmony

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

10. GoDaddy

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

Заключение

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

Какая, по вашему мнению, самая лучшая страница 404? Поделитесь этим с нами через Facebook или Twitter.