404 страница:

27 примеров проработанной страницы 404 — Дизайн на vc.ru

{«id»:13746,»url»:»\/distributions\/13746\/click?bit=1&hash=491e4731a0a29a5e16233ed34c9d8068c75d2a216ed712e4a387605621bb45c7″,»title»:»\u0427\u0442\u043e \u0442\u0430\u043a\u043e\u0435 T-shaped \u043f\u043e\u0434\u0445\u043e\u0434 \u0438 \u0437\u0430\u0447\u0435\u043c \u043e\u043d \u0418\u0422-\u043a\u043e\u043c\u0430\u043d\u0434\u0430\u043c»,»buttonText»:»»,»imageUuid»:»»,»isPaidAndBannersEnabled»:false}

23 866 просмотров

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

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

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

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

Сервис email-рассылок «MailChimp»

Производитель монтажной пены «Profflex»

Доска бесплатных объявлений «OLX»

Графический редактор «Figma»

Станция технического обслуживания «Ремонтов»

Интернет-магазин техники «Сотмаркет»

Сайт «КиноПоиск»

Интернет-магазин автозвука «ZvukDV»

Платформа «Теории и практики»

Сервис для дизайнеров «Marvel»

Агентство интернет-маркетинга «ЛидМашина»

Еженедельник «The New Yorker»

Платформа для создания посадочных страниц «LPgenerator»

«Студия Артемия Лебедева»

Клининговая компания «Qlean»

Официальный сайт «KFC» в России

Сайт для поиска работы и сотрудников «Superjob»

Служба доставки еды «Достаевский»

Издательство «МИФ»

Интернет-магазин креативных подарков «Enjoyme»

Сайт журнала «За рулём»

Сервис отзывов «Фламп»

Доска объявлений по продаже автомобилей «Колёса»

Сервис «CarFix»

Девелоперская компания «Инград»

Магазин строительных материалов «Петрович»

Сеть книжных магазинов «Читай-город»

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

В целом страница 404 должна решать следующие задачи:

Общие рекомендации по теме

1. При разработке или редизайне страницы 404 проявляйте творчество и креатив, отталкиваясь от сферы бизнеса. Здесь можно разместить ограниченные по времени купоны на скидку, форму подписки на выгодные акции, тематическую иллюстрацию, строку поиска по сайту, интерактивные элементы, генератор случайных советов и так далее.
2. Обязательно проверьте, чтобы страница ошибки 404 на вашем сайте была правильно настроена, а сервер возвращал код статуса HTTP 404 Not Found. Иначе в результатах выдачи поисковых систем могут начать появляться ссылки на несуществующие страницы вашего сайта, что негативно повлияет на SEO.
3. Регулярно проверяйте ссылки, размещённые на сайте, на предмет актуальности. Заменяйте или удаляйте битые ссылки при обнаружении.

На этом всё.

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

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

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

Абра-кадабра!

Ребята, мне не нужны ваши инструкции и составлять заявку я не хочу. Я хочу купить то, что присмотрел… Прощайте!

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

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

Давайте посмотрим, что получилось!

Присоединяйтесь к нашему Telegram-каналу!

• Теперь Вы можете читать последние новости из мира интернет-маркетинга в мессенджере Telegram на своём мобильном телефоне.
• Для этого вам необходимо подписаться на наш канал.

Разберем лучшие страницы 404-ошибки

Адамас. Магазин ювелирных украшений

Страница 404 «Адамас»

Особенности

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

Личное мнение

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

DNS. Интернет-магазин цифровой и бытовой техники

Страница 404 DNS

Особенности

• Графическая составляющая страницы прямо показывает, что мы на сайте DNS;
• есть кнопка с CTA «Перейти на главную«: это лучше просто ссылки;
• страница подгружает адреса магазинов вашего города.

Личное мнение

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

Garry Print. Магазин одежды с принтами

Страница 404 Garry Print

Особенности

• Первое, на что обращаешь внимание, — информация о 50 % скидках;
• предлагаются три пути выхода с этой страницы: на главную, в каталог и на страницу создания своей крутой одежды;
• пользователям по-прежнему доступно главное меню, футер и поисковая строка для уточнения их запросов.

Личное мнение

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

Еще чуть-чуть, и я снова с вами!

Kokoc.com. Продвижение сайтов

Страница 404 Kokoc.com

Особенности

• Трудно не заметить вертикальную «404» на странице;
• пользователю доступно главное меню;
• он может перейти на главную страницу, изучить услуги компании и ее кейсы;
• форма захвата готова помочь пользователю… стать клиентом компании. Неожиданно (нет)!

Личное мнение

Только не говорите, что не увидели здесь аллюзию на фильм «Изгой» с Томом Хэнксом в главной роли. Мы никогда не забудем тебя, Уилсон!

Не время унывать. Нам с тобой еще сайты продвигать!

Infiniti. Автомобильный салон

Страница 404 Infiniti

Особенности

• Один из тех случаев, когда заветные «404» не указаны в тексте соответствующей страницы;
• пользователю доступны главное меню и футер сайта;
• кроме того, он может пользоваться быстрыми ссылками и найти дилера, посмотреть все модели Infiniti, написать представителям компании и почитать о бренде.

Личное мнение

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

Konsoleta. Интернет-магазин белья и купальников

Страница 404 Konsoleta

Особенности

• Наконец-то кто-то открыто пишет, что появление 404 страницы — ВНЕЗАПНО, и делает это в такой милой форме;
• пользователю доступны категории каталога, главное меню сайта и виджет обратной связи;
• тут даже порекомендуют хорошие трусы.

Личное мнение

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

Zlatoust Watch. Интернет-магазин часов

Страница 404 Zlatoust Watch

Особенности

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

Личное мнение

«Нет такой страницы» — не самая корректная формулировка проблемы. Хорошо, что можно перейти в каталог часов.

Лабиринт. Интернет-магазин книг

Страница 404 «Лабиринт»

Особенности

• Пользователю доступно главное меню сайта;
• варианты для перехода с 404 страницы — это скидки и подарки, а также главные книги по мнению редакции;
• маркетологи «Лабиринта» не зря едят свой хлеб. Даже 404 страница активно продает.

Личное мнение

Являюсь многолетним клиентом «Лабиринта» и не перестаю радоваться дружелюбию его сайта. А скидка в 40 % (см. под логотипом) всегда подпитывает любовь читателей к интернет-магазину.

Мебельный континент. Интернет-магазин мебели

Страница 404 «Мебельный континент»

Особенности

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

Личное мнение

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

• пользователь в этот момент мог искать не товар;
• «снят с публикации» — странная формулировка. Товара вообще нет или он отсутствует только на сайте?

Читайте также:

Как увеличить конверсию сайта: 30 рабочих способов

MED-магазин. Товары для красоты, здоровья и спорта

Страница 404 «MED-магазин»

Особенности

• Пользователям по-прежнему доступны главное меню и каталог товаров;
• 404 страница продает, потому что обещает 5 % скидки на товары по промокоду 404;
• в тексте также интересуются, что пользователь не смог найти на сайте — вот это забота о покупателе!

Личное мнение

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

Мир охоты. Сеть магазинов

Страница 404 «Мир охоты»

Особенности

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

Личное мнение

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

Много сна. Товары для ночного отдыха

Страница 404 «Много сна»

Особенности

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

Личное мнение

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

Музмарт. Интернет-магазин музыкальных инструментов

Страница 404 «Музмарт»

Особенности

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

Личное мнение

Если запрошенная страница не найдена, предложите пути решения, а не просто ссылки. И, пожалуйста, не ломайте музыкальные инструменты. К слову, все неверно введенные адреса сайта преобразует в вид https://muzmart.com/404.

PETSHOPRU. Товары для животных

Страница 404 PETSHOPRU

Особенности

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

Личное мнение

Котик играет с клубком на сайте товаров для животных (посмотрите по ссылке — это не просто картинка, а анимация). Если это не милота, то что милота?!

Читайте также:

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

Спортмастер. Интернет-магазин спортивных товаров

Страница 404 «Спортмастер»

Особенности

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

Личное мнение

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

Wildberries. Маркетплейс разнообразных товаров

Страница 404 Wildberries

Особенности

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

Личное мнение

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

Все инструменты.ру. Инструменты для строительства и ремонта

Страница 404 «Все инструменты.ру»

Особенности

• Пользователю по-прежнему доступно главное меню и каталог товаров;
• в тексте страницы предлагается воспользоваться каталогом;
• переход на главную страницу оформлен как заметная кнопка;
• пользователь может также ознакомиться с популярными категориями товаров.

Личное мнение

Вы тоже заметили кнопки «Сказать спасибо» и «Пожаловаться» с правой стороны. Мне почему-то хочется сказать спасибо за такое оформление 404-й. Увидев то, что будет дальше, вы поймете, почему.

Copyblogger. Зарубежный блог по контент-маркетингу

Страница 404 Copyblogger

Особенности

• Пользователю по-прежнему доступно главное меню и футер сайта (они не влезли в скриншот, потому что мы хотели показать вам главное)
• страница оформлена как стандартная статья блога;
• такого количество текста именно для 404 страницы еще нужно поискать;
• можно подписаться на рассылку по контент-маркетингу и тренинг по маркетингу (полная версия 404 страницы по ссылке вверху). %&&$$&**#&&$$$ on this server

  Но есть 404 страница еще страшнее…

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

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

  Ну нет у меня на сайте такой страницы. И что теперь?

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

  Страница ошибки Smart Custom 404 [404page] — Плагин WordPress

  • Детали
  • отзывов
  • Развитие

  Опора

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

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

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

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

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

  Демо

  Посмотреть в действии (регистрация не требуется)
  любезно предоставлено TasteWP

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

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

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

  Требования

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

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

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

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

  Видео

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

  Краткий обзор дополнительных настроек «Отключить угадывание автозамены URL», пояснение

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

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

  Блокировка и короткий код

  Блок

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

  • «Страница» для отображения страницы, включая путь (например, не/не существует)
  • «Путь к домену» для отображения URL-адреса без протокола и параметров (например, example.com/does/not/exist)
  • «Полный», чтобы показать полный URL-адрес (например, https://example.com/does/not/exist?p=1)

  Короткий код

  Плагин предлагает короткий код «pp_404_url» для классического редактора, чтобы показать URL-адрес, вызвавший ошибку. Возможны три варианта:

  • [страница pp_404_url], чтобы показать страницу, включая путь (например, не/не существует)
  • [pp_404_url domainpath] для отображения URL-адреса без протокола и параметров (например, example.com/does/not/exist)
  • [pp_404_url] или [pp_404_url full] для отображения полного URL-адреса (например, https://example.com/does/not/exist?p=1)

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

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

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

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

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

  ClassicPress

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

  Другие плагины от Peter

  Взгляните на другие мои плагины

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

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

  • Athena
  • Customizr (Подробнее о режиме совместимости Customizr)
  • развиваться
  • ГенератПресс
  • Графен
  • Хемингуэй
  • Хьюман
  • Отзывчивый
  • Просторный
  • Игристое
  • Сидней
  • Двадцать десять
  • Двадцать одиннадцать
  • Двадцать двенадцать
  • Двадцать тринадцать
  • Двадцать четырнадцать
  • Двадцать пятнадцать
  • Двадцать шестнадцать
  • Двадцать семнадцать
  • Двадцать девятнадцать
  • Двадцать двадцать
  • Преимущество
  • Добродетель
  • Зериф Лайт

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

  • Bones
  • СоединенияWP
  • пролежни

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

  • bbPress
  • БаддиПресс
  • DW Вопросы и ответы
  • хештег
  • Конструктор страниц от SiteOrigin
  • Полиланг
  • Сообщений, отправленных пользователями
  • WooCommerce
  • WP Super Cache (Подробнее о совместимости WP Super Cache)
  • Многоязычный плагин WPML WordPress (официально одобрен командой WPML)

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

  Хук действия

  Плагин добавляет хук действия 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() для получения массива идентификаторов страниц на всех языках
  • pp_404_get_the_url($type), чтобы получить URL-адрес, вызвавший ошибку 404.
    • Параметр $type строка Необязательный
    • «страница», чтобы получить страницу, включая путь (например, существует/не существует)
    • «domainpath» для получения URL-адреса без протокола и параметров (например, example. com/does/not/exist)
    • «полный» (по умолчанию), чтобы получить полный URL-адрес (например, https://example.com/does/not/exist?p=1)

  Подробнее

  Основной режим

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

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

  Этот плагин предоставляет 1 блок.

  • URL-адрес, вызывающий ошибку 404

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

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

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

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

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

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

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

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

  Я просто использую его на всех своих сайтах, отлично работает. Спасибо.

  Делает работу. Просто и понятно

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

  Делает то, для чего предназначен! Не мог просить больше 🙂

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

  Простой и эффективный, он делает именно то, для чего предназначен. Отлично!

  Прочитать 1 117 отзывов

  «Smart Custom 404 error page [404page]» — это программное обеспечение с открытым исходным кодом. Следующие люди внесли свой вклад в этот плагин.

  Авторы

  • Питер Рашендорфер

  11.

  4.3 (2022-11-05)
  • Исправление для WP 6.1

  11.4.2 (2022-11-01)

  • также добавить класс error404 в тег body, если страница вызывается напрямую
  Плагин
  • переименован в

  11.4.1 (2022-10-16)

  • Исправление: загружать Javascript для блока только при необходимости

  11.4.0 (2022-10-13)

  • Блок добавлен
  • Добавлен шорткод
  • Добавлена ​​функция pp_404_get_the_url()

  11.3.1 (2022-04-05)

  • просто косметика
  • Plugin Foundation обновлен до PPF08

  11.3.0 (2021-01-06)

  • новая возможность всегда отправлять 410 вместо 404
  • Plugin Foundation обновлен до PPF07

  11.2.6 (23 августа 2020 г.)

  • Plugin Foundation обновлен до PPF06

  11.2.5 (2020-08-22)

  • мелкие корректировки пользовательского интерфейса

  11.2.4 (16.08.2020)

  • Исправление ошибки для Flamingo (см. тему) плюс, возможно, другие плагины (спасибо garfiedo за помощь в поиске причины)

  11.2.3 (2020-07-05)

  • исправление для Polylang (см. тему)

  11.2.2 (28.03.2020)

  • изменения в уведомлении для лучшей совместимости
  • Plugin Foundation переключен на PPF04

  11.2.1 (2020-01-04)

  • если установлен W3 Total Cache и кэширование активно URL-адреса, которые приводят к ошибке 404, автоматически исключаются из кэширования

  11.2.0 (01.01.2020)

  • если установлен WP Super Cache и кэширование активно URL-адреса, которые приводят к ошибке 404, автоматически исключаются из кэширования

  11.1.4 (2019-12-29)

  • срочное исправление ошибки для PPF03

  11.1.3 (2019-12-29)

  • Plugin Foundation обновлен до PPF03, без функциональных изменений

  11.1.2 (2019-11-19)

  • исключить страницу 404 из карты сайта XML, созданной Jetpack

  11.

  1.1 (2019-11-16)
  • теперь определяется не только активен ли плагин Yoast SEO, но и активирована ли функция карты сайта

  11.1.0 (2019-11-10)

  • теперь использует Plugin Foundation PPF02 для совместимости с плагинами
  • представляет две новые функции для разработчиков: pp_404_get_page_id() и pp_404_get_all_page_ids() 9.0004

  11.0.5 (22.10.2019)

  • Исправление для Yoast SEO XML Sitemap (см. тему)
  • добавлено примечание на страницу настроек, если Yoast SEO активен

  11.0.4 (2019-10-06)

  • Исправление для WPML

  11.0.3 (01.09.2019)

  • Исправление для вызова REST API (см. здесь)

  11.0.2 (30.08.2019)

  • исправлено две ошибки (см. здесь и здесь)

  11.0.1 (2019-08-13)

  • исправление для PHP 7.1 — уровень доступа __construct () в подклассе — это ошибка PHP, которая была исправлена ​​в PHP 7.2, но я изменил свой код, чтобы он также работал с PHP 7. 1

  11.0.0 (2019-08-13)

  • в основном переписано на основе моего собственного недавно созданного Plugin Foundation

  10.5 (2019-04-01)

  • дополнительные улучшения безопасности

  10.4 (2019-03-31)

  • исправлена ​​уязвимость безопасности в вызове AJAX (спасибо Хулио Потье за ​​указание на это)

  10.3 (21.02.2019)

  • исправление для совместимости с iThemes Sync (тикет)

  10,2 (2019-02-19)

  • просто еще одно небольшое изменение для предотвращения возможных проблем с версией 10

  10.1 (2019-02-14)

  • исправлена ​​ошибка (тикет)

  10 (2019-02-14)

  • обходной путь для ошибки постоянной ссылки WordPress № 46000
  • улучшение кода
  • настройка производительности

  9 (2019-01-24)

  • Добавлено примечание Гутенберга

  8 (2019-01-11)

  • исправлена ​​проблема совместимости с последней версией WPML
  • улучшение кода
  • Улучшения пользовательского интерфейса

  7 (2018-07-16)

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

  6 (2018-06-18)

  • исключить страницу 404 из карты сайта XML, созданной Yoast SEO
  • дальнейшие улучшения пользовательского интерфейса

  5 (2018-03-05)

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

  4 (2018-03-05)

  • Исправление для bbPress (см. тему)

  3.3 (2017-11-16)

  • добавлена ​​поддержка языков с письмом справа налево
  • неисправное отображение в WP 4.9 исправлено

  3.2 (2017-10-05)

  • новая функция для отправки ошибки HTTP 410 для удаленных объектов

  3.1 (24.07.2017)

  • Исправление для Polylang (см. тему)
  Исправление
  • для CLI (см. тему)
  • добавить класс отладки в тег body
  • также добавить классы тела для темы Customizr
  • не добавлять класс error404, если он уже существует
  • дальнейший редизайн административного интерфейса

  3.0 (2017-07-05)

  • новая функция, вызывающая ошибку 404 после загрузки страницы
  • новая функция для отключения угадывания автозамены URL
  • наконец-то убран материал Polylang, отключенный в 2.4
  • переработан интерфейс администратора
  • улучшение кода

  2.5 (2017-05-19)

  • скрыть страницу 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
  • Совместимость с Полилангом
  • автоматический переход в режим совместимости при обнаружении WPML, bbPress, Polylang или Page Builder от SiteOrigin
  • совершенно новый режим совместимости Customizr (автоматически включается при обнаружении Customizr)
  • Вызов ошибки 404 в случае прямого доступа к странице ошибки 404 теперь можно деактивировать
  • Поддержка WP Super Cache
  • возможность скрыть страницу ошибки 404 из списка страниц
  • 404 ошибка теста
  • плагин расширяемый действием
  • удалить все настройки при удалении

  2.0 (08.03.2016)

  • Совместимость с WPML
  • Совместимость с bbPress
  • Настраиваемая совместимость
  • при прямом доступе к странице ошибки 404 теперь выдается ошибка 404
  • класс error404 добавлен к классам, которые назначены элементу HTML body
  • меню настроек перемещено из «Настройки» в «Внешний вид»
  • файлы перевода удалены, исключительно с использованием GlotPress
  • Подробнее

  1.

  4 (2015-08-07)
  • редактировать страницу 404 непосредственно со страницы настроек
  • португальский перевод

  1.3 (12.01.2015)

  • техническое усовершенствование (переписано как класс)
  • косметика

  1.2 (28.07.2014)

  • Испанский перевод
  • сербско-хорватский перевод

  1.1 (03.06.2014)

  • Добавлена ​​многоязычная поддержка
  • Немецкий перевод

  1.0 (30 сентября 2013 г.)

  • Начальная версия

  Мета

  • Версия: 11.4.3
  • Последнее обновление: 3 недели назад
  • Активные установки: 100 000+
  • Версия WordPress: 4.0 или выше
  • Протестировано до: 6.1.1
  • Версия PHP: 5.4 или выше
  • Языки:

    албанский, китайский (Китай), китайский (Тайвань), датский, голландский, английский (Австралия), английский (Канада), английский (Новая Зеландия), английский (США), французский (Франция), галисийский, немецкий, итальянский , испанский (Колумбия), испанский (Эквадор), испанский (Испания) и испанский (Венесуэла).

    Перевести на ваш язык

  • Теги:

    404404 pageerrorerror pagepage

  • Расширенный вид

  Служба поддержки

  Проблемы, решенные за последние два месяца:

  2 из 3

  Посмотреть форум поддержки

  13 лучших примеров страницы 404 электронной коммерции, которые мы видели

   

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

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

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

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

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

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

   

  Содержание

  1. Отобразите самые популярные товары

  2. Направляйте посетителей по категориям

  3. Помогите посетителям найти то, что они ищут

  4. Предложите больше, чем товары

  11 5 , Собирать адреса электронной почты

  6. Оптимизируйте копию страницы 404

  7. Проявите творческий подход

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

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

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

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

  Видите ли вы здесь потенциал продаж?

  Разочарованный посетитель, который только что узнал, что понравившегося товара больше нет…

  Что вы можете сделать, чтобы успокоить их (и вернуть их сердца)?

  Предложите что-нибудь еще.

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

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

  Вот как компания Urban Outfitters использует страницу 404 в своих интересах:

  Во-первых, они информируют вас минималистичной гифкой в ​​их стиле:

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

  Страница просторная, поэтому популярные товары легко привлекают внимание посетителя.

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

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

  Возьмите этот пример из One Kings Lane:

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

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

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

  ProTip

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

  2. Направляйте посетителей с помощью категорий

  Позвольте мне сказать вам, что я больше всего ненавижу в страницах 404:

  .

  Никакого руководства.

  Я наткнулся на эту страницу 404 несколько дней назад:

  Нет направления, нет связи, нет навигации… Нет руководства вообще.

  Как вы думаете, что я сделал дальше?

  Я закрыл вкладку и больше не возвращался.

  И это последнее, что вы хотите, чтобы ваши посетители делали.

  Как поясняется в Стратегии №1, предложение посетителям списка рекомендуемых продуктов дает им хорошую отправную точку.

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

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

  Вот пример от Missguided:

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

  (Вы можете усилить эту страницу 404, добавив категорию «Распродажа». В конце концов, кто устоит перед хорошей скидкой?)

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

  Birchbox предлагает вам два пути:

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

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

  3. Помогите посетителям найти то, что они ищут

  Иногда пользователи заходят на ваш сайт, точно зная, что они хотят купить. (А разве это не лучший тип клиента?)

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

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

  А это означает более высокую вероятность конверсии.

  Проверьте этот простой дизайн страницы 404 от Need Supply Co.:

  Он чистый и аккуратный, а панель поиска — центральная часть страницы.

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

  То, что я предлагаю, это более смешанный подход .

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

  Тед Бейкер хорошо это знает:

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

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

  Фокус вашей страницы 404 также зависит от типа вашего бизнеса.

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

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

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

  4. Предлагайте не только продукты

  Когда вы управляете сайтом электронной коммерции, совершенно нормально уделять всю свою энергию (и внимание) страницам продуктов.

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

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

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

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

  Посмотрите на этот пример Харви Николса:

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

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

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

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

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

  Так же, как Bang & Olufsen:

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

  Кто знает? Возможно, это та страница, которую ищут посетители.

  5. Сбор адресов электронной почты

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

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

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

  Вот как ban.do использует форму подписки по электронной почте на своей странице 404:

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

  Конечно, это может сработать. Но вы всегда можете сделать лучше.

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

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

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

  Вы можете изменить копию формы регистрации на что-то вроде: «Давайте сделаем это для вас с помощью специального кода купона».

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

  Лучший пример от Vero Moda:

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

  И Если вы хотите, чтобы Vero Moda информировала вас о том, что новинки, тенденции, или в продаже , тогда вы можете подписаться на список рассылки. Кроме того, вы получаете скидку 5 фунтов стерлингов. О чем вы еще хотите попросить?

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

  6. Оптимизируйте копию страницы 404

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

  Вы почти чувствуете, как кто-то закатывает глаза и осуждает вас за экраном.

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

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

  Проверьте этот пример от Beauty Bay:

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

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

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

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

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

  Используя знаменитые реплики Лиама Нисона из фильма Taken , компания пытается поднять вам настроение и создать взаимопонимание.

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

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

  (Возвращаясь к примеру с Vinomofo, я немного разочарован тем, что они не направили меня на страницу продукта или не предложили вариант поиска после снятия давления.)

  7. Проявите творческий подход

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

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

  Они действительно сделали все возможное.

  Итак, вот что вы видите, когда попадаете на страницу 404 на сайте Tattly:

  Вы нашли спрятанный товар.

  Разве это не умно?

  И становится лучше. Когда вы нажимаете кнопку «Press for Magic», вы попадаете на специальную страницу продукта:

  .

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

  Конечно!

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

  Tattly так хорошо знает свою продукцию и аудиторию. Когда я связался с Кристиной Гомес, директором по дизайну Tattly, она сказала мне:

  .

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

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