Содержание

Копирайтинг для страницы «Ошибка 404» — Студия Дениса Каплунова

Все течет, все изменяется…

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

А ссылки на них со сторонних источников могли остаться. Переходят по ним новые посетители и видят перед собой пустой экран с фразой “404 Not found”.

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

Посетитель снова видит перед собой “404 Not Found”.

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

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

 

Классические правила оформления страницы «Ошибка 404»

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

  1. Размещение логотипа и имени сайта, компании, проекта – это дает возможность посетителю понимать, что сайт существует. Достаточно лишь кликнуть по лого, и он уже на главной странице.
  2. Наличие сообщения, которое четко говорит посетителю, что произошло и (желательно) что делать ему дальше.
  3. Заметная кнопка, переводящая посетителя на главную страницу сайта.
  4. Допускается наличие контактных данных владельца сайта, чтобы при желании с ним сразу связаться
  5. Иконки социальных сетей – раз уж человек пришел к вам в гости, не лишним будет его пригласить в круг читателей и последователей вашего ресурса в социальных сетях

 

Нужен ли вообще текст на странице «Ошибка 404»?

Конечно, нужен!

Иначе вы потеряете посетителя. И возникает вопрос – нужен текст-то для чего?

Скажу так: на этой страницы у текста есть 3 последовательные функции:

  1. Сообщить, что произошло
  2. Указать причины происшедшего
  3. Подсказать, что делать дальше

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

 

Копирайтинг для страницы "Ошибка 404"

 

Сообщите, что произошло

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

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

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

  • «Извините! Страница, которую Вы ищете, не может быть найдена»
  • «Упс… Мы не можем найти то, что Вы ищете»
  • «Простите, но у нас возникли проблемы с поиском страницы, которую Вы запрашиваете»
  • «Добро пожаловать на страницу 404! Вы находитесь здесь, потому что ввели адрес страницы, которая уже не существует или была перемещена по другому адресу».
  • «Так уж получилось, что из множества страниц нашего сайта Вы оказались как раз на той, которая уже не существует…»
  • «404… Увы, но эта страница где-то затерялась в галактике Интернета»
  • «Дружище, извини, но мы не смогли найти эту страницу…»
  • «Ищете что-то интересное на нашем сайте? К сожалению, страница, которую Вы запрашиваете, не существует…»

 

Укажите причины происшедшего

Очень часто на странице «ошибка 404» этот текстовый блок вообще отсутствует

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

А дальше думайте, как хотите, если вообще хотите думать.

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

Вот несколько примеров формулировок указания возможных причин ошибки 404:

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

 

Подскажите, что нужно делать

Во-первых, не паниковать…

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

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

Звучит это примерно так:

  • «… Чтобы найти интересующую Вас информацию – воспользуйтесь этой формой поиска»
  • «… Переходите на главную страницу – там Вы также сможете найти много полезной информации»
  • «… Пожалуйста, воспользуйтесь навигацией или формой поиска, чтобы найти интересующую Вас информацию»

 

Выделяем главное

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

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

Поэтому…

Со своей стороны, позвольте поделиться личным мнением и рекомендациями:

  1. Избегайте фразы «Ошибка 404», замените ее на более мягкий вариант – «Страница 404», просто слово «ошибка» способно спугнуть посетителя.
  2. Аналогично – убирайте с дизайна любые предупреждающие знаки («стоп», «внимание») – это также способно спугнуть посетителя
  3. Если у вас бизнес-ресурс и ориентированный на клиентов, рекомендуем придерживаться четкого, строго и понятного стиля изложения.
  4. Если блог и развлекательный портал – можно отходить от «официальностей», подключая юмор и оригинальность – главное, чтобы ваша идея ориентировалась на формат восприятия информации читателей
  5. Не нужно ограничиваться сообщением о том, что произошло, обязательно подскажите посетителю, что ему делать дальше

А если наглядно, вот вам простой пример для сайта компании – строго, четко и понятно:

Здравствуйте!

Добро пожаловать на «страницу 404» нашего сайта.

К сожалению, введенный Вами адрес недоступен. Этому может быть несколько объяснений:

  1. Страница удалена (из-за утраты актуальности информации)
  2. Страница перенесена в другое место
  3. Возможно, при вводе адреса была пропущена какая-то буква (на самом деле, у нас самих так часто получается)

Тем не менее, предлагаем Вам найти нужную информацию с помощью этой простой формы: 

ФОРМА

Или же приглашаем Вас посетить другие разделы нашего сайта:

Главная Услуги О компании Примеры работ Отзывы Блог 

Если у Вас возникли какие-то вопросы – свяжитесь с нами по тел. ______ или же напишите на e-mail ___________.

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

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

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

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

Хорошо это или плохо – на самом деле, не важно. Это просто факт.

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

Понравилось? Поделитесь с друзьями!

дизайн и текст для 404 страницы

Отдайте свои заботы о хорошем контенте на сайте в наши руки

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


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

Ошибка 404 или Not Found («не найдено») — код ответа сервера на несуществующую страницу на сайте.

Как это работает?

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

В нашем случае код ответа- 404. Ответ сервера выглядит следующим образом:

Причины 404 ошибки

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

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

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

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

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

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

Как сделать страницу 404? Необходимо просто прописать в данный файл следующую инструкцию:

ErrorDocument 404 //semantica.in/404.php

Всё довольно просто!

Страница 404 для сайта: общие рекомендации

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

В небольших проектах уменьшить вероятность возникновения 404 ошибки можно используя программу Xenu’s Link. С её помощью вы можете отыскать все битые ссылки на сайте и выполнить следующие действия:

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

 

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

 

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

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

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

Текст для 404 страницы

  1. Скажите “Нет!” технической информации!
  2. Большинству пользователей знаком термин “404 ошибка”, но не стоит углубляться в причины её возникновения и давать дополнительные технические рекомендации. Донесите пользователю суть ошибки.
  3. Предоставьте полезный контент!

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

Это можно реализовать разными методами:

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

В оформлении 404 страницы важно не переусердствовать — не стоит слишком нагружать ее контентом.

Дизайн страницы 404

Визуальное оформление 404 страницы не должно выбиваться из общего  дизайна.

Сделайте 404 страницу изюминкой сайта! Добавьте креативности страницы с ноткой юмора — это привлекает и удерживает посетителей.

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

 

 

Не стоит забывать!

1. Редирект на 404 страницу должен осуществляться без изменения URL страницы.
2. Следите за битыми ссылками на вашем сайте!

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

 

И напоследок вот вам пример того, как мы оформили страницу 404 для своего сайта:

Идеальная страница 404 ошибки, или как удержать пользователя на сайте? / Хабр

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

В качестве вступления отметим, что страница 404 «Не найдено» (404 Page Not Found) – это один из кодов состояния HTTP, принятых Консорциумом Всемирной паутины (W3C) в 1992 году. Для тех, кому интересно значение цифр 404, вкратце расскажем.

  1. Первая «4» означает, что произошла ошибка со стороны клиента. Такой ошибкой может быть неверно написанный URL или запрос несуществующей страницы. В свою очередь, первая «5» значила бы ошибку со стороны сервера.
  2. Цифры «04» — определяют конкретную ошибку Not Found из группы 4хх. Среди других ошибок из этой группы — 400 Bad Request, 401 Unauthorized, 402 Payment Required, 403 Forbidden и так далее.

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

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

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

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

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

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

  1. Будьте любезны с посетителями.Они попали на эту страницу не по своей вине. Постарайтесь выразить свое сожаление и готовность помочь.
  2. Не углубляйтесь в технические детали. Термин «ошибка 404» сам по себе уже в достаточной мере техничен и в то же время понятен большинству пользователей. Нет никакой необходимости отпугивать посетителей любой другой специфической информацией о причинах этой ошибки. По сути, необязательно даже использовать цифры «404», достаточно просто объяснить суть проблемы.
  3. Предложите пользователям проверить написание ссылки. Если они вводили адрес ссылки самостоятельно, то вполне вероятно могли допустить ошибку.
  4. Придерживайтесь единого стиля сайта. Дизайн страницы 404 по оформлению и по ощущениям должен быть выдержан в стиле Вашего бренда, чтобы у пользователей не возникло заблуждения, что они попали на какой-то другой сайт.
  5. Страница ошибки 404 не должна выглядеть как обычная страница. Ваши посетители должны ясно видеть, что страница не была найдена и не содержит какого-либо контента. Поэтому не стоит наполнять ее слишком большим количеством текста и ссылок.
  6. Небольшая порция юмора никогда не помешает. Довольно часто 404 страница становится для дизайнеров и разработчиков платформой для выражения своих креативных и юмористических идей. Вместо того чтобы пользователи быстро закрывали ненайденную страницу, лучше удержать их от закрытия сайта, заинтересовав забавно и изобретательно выполненной страницей.
  7. Будьте полезными и предоставьте ссылки на возможные совпадения. Если пользователи оказались на ненайденной странице, они, вероятно, что-то искали. Так помогите же им это найти. Разместите на странице меню или ссылки на недавно перемещенные страницы. Или почему бы не дать ссылки на самые популярные страницы Вашего сайта? Либо на самый новый и актуальный контент. Так или иначе, пользователи должны быть не более чем в одном клике от перехода на какую-либо другую страницу сайта. И, конечно же, всегда давайте ссылку на главную страницу.
  8. Добавьте строку поиска. Чтобы не потерять своих посетителей, позвольте им найти то, что они искали, оказавшись на странице ошибки.
  9. Обеспечьте способ отправить отчет об ошибке. У пользователя всегда должна быть возможность отправить вам сообщение об ошибке, если он пожелает. Это поможет Вам узнать о каких-либо внутренних недочетах сайта. Еще лучшим решением для отслеживания проблем на сайте станет автоматическое уведомление. А если произойдет внезапный всплеск 404-х ошибок, полезным будет мгновенное уведомление. Это позволит исправить проблему в режиме реального времени, пока она еще релевантна.
  10. Позаботьтесь о вопросах SEO. Для оптимизации сайта важно максимально сократить количество внутренних ссылок на 404-е страницы, а еще лучше вовсе исключить возможность формирования некорректных URL адресов, ведущих на страницы 404. Инструменты для вебмастеров помогут Вам отслеживать ошибки на сайте, в том числе и ошибки с кодом 404 Not found. Более того, эти инструменты помогут Вам понять, откуда берутся ошибки и как они формируются – ошибка в URL ссылки на сайте, либо это атака конкурентов.

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

    Яндекс:

    Также рекомендую ознакомиться с официальной информацией о страницах 404 от поисковых систем: Google — здесь и Яндекс — здесь.

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

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

Все течет, все изменяется…

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

А ссылки на них со сторонних источников могли остаться. Переходят по ним новые посетители и видят перед собой пустой экран с фразой “404 Not found”.

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

Посетитель снова видит перед собой «404 Not Found».

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

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

Классические правила оформления страницы «Ошибка 404».

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

  1. Размещение логотипа и имени сайта, компании, проекта – это дает возможность посетителю понимать, что сайт существует. Достаточно лишь кликнуть по лого, и он уже на главной странице.
  2. Наличие сообщения, которое четко говорит посетителю, что произошло и (желательно) что делать ему дальше.
  3. Заметная кнопка, переводящая посетителя на главную страницу сайта.
  4. Допускается наличие контактных данных владельца сайта, чтобы при желании с ним сразу связаться.
  5. Иконки социальных сетей – раз уж человек пришел к вам в гости, не лишним будет его пригласить в круг читателей и последователей вашего ресурса в социальных сетях.

Нужен ли вообще текст на странице «Ошибка 404»?

Конечно, нужен!

Иначе вы потеряете посетителя. И возникает вопрос – нужен текст-то для чего?

Скажу так: на этой страницы у текста есть 3 последовательные функции:

  1. Сообщить, что произошло.
  2. Указать причины происшедшего.
  3. Подсказать, что делать дальше.

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

Сообщите, что произошло.

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

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

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

  • «Извините! Страница, которую Вы ищете, не может быть найдена».
  • «Упс… Мы не можем найти то, что Вы ищете».
  • «Простите, но у нас возникли проблемы с поиском страницы, которую Вы запрашиваете».
  • «Добро пожаловать на страницу 404! Вы находитесь здесь, потому что ввели адрес страницы, которая уже не существует или была перемещена по другому адресу».
  • «Так уж получилось, что из множества страниц нашего сайта Вы оказались как раз на той, которая уже не существует…».
  • «404… Увы, но эта страница где-то затерялась в галактике Интернета».
  • «Дружище, извини, но мы не смогли найти эту страницу…».
  • «Ищете что-то интересное на нашем сайте? К сожалению, страница, которую Вы запрашиваете, не существует…».

Укажите причины происшедшего.

Очень часто на странице «Ошибка 404» этот текстовый блок вообще отсутствует

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

А дальше думайте, как хотите, если вообще хотите думать.

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

Вот несколько примеров формулировок указания возможных причин ошибки 404:

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

Подскажите, что нужно делать.

Во-первых, не паниковать…

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

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

Звучит это примерно так:

  • «… Чтобы найти интересующую Вас информацию – воспользуйтесь этой формой поиска».
  • «… Переходите на главную страницу – там Вы также сможете найти много полезной информации».
  • «… Пожалуйста, воспользуйтесь навигацией или формой поиска, чтобы найти интересующую Вас информацию».

Выделяем главное.

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

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

Поэтому…

Со своей стороны, позвольте поделиться личным мнением и рекомендациями:

  1. Избегайте фразы «Ошибка 404», замените ее на более мягкий вариант – «Страница 404», просто слово «ошибка» способно спугнуть посетителя.
  2. Аналогично – убирайте с дизайна любые предупреждающие знаки («стоп», «внимание») – это также способно спугнуть посетителя.
  3. Если у вас бизнес-ресурс и ориентированный на клиентов, рекомендуем придерживаться четкого, строго и понятного стиля изложения.
  4. Если блог и развлекательный портал – можно отходить от «официальностей», подключая юмор и оригинальность – главное, чтобы ваша идея ориентировалась на формат восприятия информации читателей.
  5. Не нужно ограничиваться сообщением о том, что произошло, обязательно подскажите посетителю, что ему делать дальше.

А если наглядно, вот вам простой пример для сайта компании – строго, четко и понятно:

Здравствуйте!

Добро пожаловать на «страницу 404» нашего сайта.

К сожалению, введенный Вами адрес недоступен. Этому может быть несколько объяснений:

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

ФОРМА

Или же приглашаем Вас посетить другие разделы нашего сайта:

Главная Услуги О компании Примеры работ Отзывы Блог

Если у Вас возникли какие-то вопросы – свяжитесь с нами по тел. ______ или же напишите на e-mail ___________.

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

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

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

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

Хорошо это или плохо – на самом деле, не важно. Это просто факт.

Дополнительная информация

Копирайтинг для страницы "Ошибка 404"

Источник: Студия Дениса Каплунова.
Автор: Денис Каплунов.

Книги Дениса Каплунова

Рекомендуем изучить книги Дениса Каплунова:

Нравится информация? Расскажите о ней в своей социальной сети!

Советы по созданию своей ошибки 404

«Ошибка 404 или Not Found (не найдено) – стандартный код ответа HTTP о том, что клиент был в состоянии общаться с сервером, но сервер не может найти данные согласно запросу» – определение из Википедии.

404 ошибка — самая часто встречаемая на просторах интернета. А что же означают эти до боли знакомые всем цифры? Первая цифра ­4 указывает на ошибку со стороны клиента, например, плохое соединение или неверно введенный адрес в строку поиска. Другие два числа обозначают конкретную категорию ошибок, которая включает такие статусы, как Conflict, Precondition Failed, Bad Request и другие статусы четвертого класса. Возникновение данной ошибки имеет несколько причин:

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

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

Стандартную страницу с этой ошибкой знают все, выглядит она достаточно устрашающе:

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

Как удержать посетителя?

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

Существует несколько способов вернуть доверие:

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

  2. Объясните, что произошло. Не обязательно подробно расписывать о происхождении ошибки, составлять длиннющие инструкции. Достаточно обойтись одной или несколькими фразами. Слово «ОШИБКА» совсем необязательное, зачастую лишь больше вгоняет в ступор. Если сайт носит развлекательный характер, можно юморнуть и покреативить. Заставьте улыбнуться гостя, тогда он охотнее вернется на главную страницу. Но обойдемся без юмора ниже пояса и обидных шуточек, давайте уважать наших пользователей.

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

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

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

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

Как у нас

Наша страница с ошибкой 404 выглядит так:

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

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

Оформление страницы 404 — примеры нестандартных вариантов оформления

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

Советы по дизайну

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

Задачи, которые решает page 404:

  1. Объясняет, что случилось. «У нас сгорел сервер. Пожарные и системные администраторы уже в пути, скоро здесь будет контент».
  2. Рассказывает о причинах. «Наш сотрудник Василий мониторит битые ссылки, но в этот раз недоглядел. Придётся снизить ему зарплату».
  3. Даёт советы по дальнейшим действиям. «Не переживайте, это случается со всеми. Ниже мы разместили 2 кнопки. Перейдите на главную или используйте поиск».

Создавать нестандартный дизайн Not Found надо на этапе проектирования структуры онлайн-проекта.

Рекомендации по оформлению:

  1. Сконцентрируйтесь на пользе. Посетители не любят переходить по битым ссылкам, им поднимет настроение бонус или промокод на скидку. К примеру, книжный магазин может извиниться за ситуацию и предложить бесплатный экземпляр популярной книги.
  2. Найдите баланс. Красивая графика, анимация и геймификация круто работают, но важно не переборщить с визуальными компонентами. Перед публикацией покажите прототип друзьям и коллегам.
  3. Сохраните стиль. Очень важно, чтобы раздел не выбивался из общей композиции. Иначе люди подумают, что попали в другое место и закроют вкладку.

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

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

Пример 1 — Ueno

Компания помогает бизнесу выстраивать отношения с клиентами. Ueno с юмором отнеслись к разработке структуры page 404. Анимация бегущего хот-дога завораживает. Над текстом маркетологи тоже потрудились: «Вы нашли её и выиграли стиральную машину и сушилку». Ниже размещена ссылка перехода на главную с текстом «На самом деле, нет». Этот пример демонстрирует нестандартный подход — компания по философски относится к ситуации. Ueno предлагают последовать за хот-догом и сбежать отсюда в другие разделы.

Пример 2 — Canva

Популярный сервис для разработки графики — от логотипов до полноценных макетов — позаботился о посетителях. Юзеры, которые потерялись в «дебрях» интерфейса, могут собрать пазл или вернуться обратно. Примечательно, что Canva сделал раздел в другой стилистике. Хедера и футера нет, зато есть два призыва к переходу на главную. Сервис не забывает давить на психологию: «Попробуйте разобраться». Почти все захотят сначала пройти квест и только потом уйдут решать свои проблемы.

Пример 3 — Airbnb

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

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

Пример 4 — Agnes Lloyd-Platt

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

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

Пример 5 — Android

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

К сожалению, протестировать геймификацию онлайн уже не получится. На сайте Андроида её больше нет. Теперь там красуется стандартная надпись в стиле «Хьюстон, у нас проблемы».

Пример 6 — PayJunction

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

В этом проекте даже есть пасхалка (бонус). На одной из планет установлен флажок с логотипом PayJunction. Если захотите зайти посмотреть вживую — подключитесь к VPN с американской локацией, сервис заблокирован в России и Украине.

Пример 7 — Spotify

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

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

Пример 8 — Superrb

Фирма занимается веб-дизайном и транслирует истории клиентов через UX. Философия агентства построена на том, чтобы аудитория получала уникальный цифровой опыт. С несуществующим URL эта задача выполнена на 200%. Красивый анимационный персонаж грациозно бежит по разноцветному колесу. Детализация настолько крутая, что на круге даже видны его шаги.

Текст и Сall to action — стандартные. В духе «Здесь ничего нет, возвращайтесь в начало».

Пример 9 — Goooders

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

Пример 10 — Romain Avalle

Ромен занимается веб-разработкой. Он креативно подошел к оформлению портфолио и не побоялся экспериментировать с темным интерфейсом. В центре 404 — объёмный текст. При перемещении курсора он растягивается на всю длину. Если поместить фокус в центр цифры 0, магия прекращается.

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

Пример 11 — Andrea Reni

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

Пример 12 — Dribbble

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

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

Пример 13 — Kommigraphics

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

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

Пример 14 — Aviasales

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

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

Пример 15 — Seegno

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

«Тупик — хорошее место для разворота». Именно так думают посетители и возвращаются на главную.

Мы проанализировали 15 крутых примеров дизайна страницы 404. Надеемся, они вдохновили вас на разработку нестандартного варианта. Специалисты IDBI создадут страницы Not Found любой сложности. Свяжитесь с нами любым удобным способом.

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

Стань автором нашего блога. И зарабатывай на этом

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

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

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

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

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

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

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

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

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

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

Чем грозит

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

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

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

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

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

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

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

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

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

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

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

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

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

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

как оформить

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

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

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

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

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

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

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

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

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

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

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

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

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

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

как сделать 404 страницу пример 5Попробуйте еще раз

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

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

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

как сделать 404 страницу пример 6Пример рекламы 1как сделать 404 страницу пример 7 Пример рекламы 2

– Интерактив

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

как сделать 404 страницу пример 8Интерактив игракак сделать 404 страницу пример 9Интерактив видео

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

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

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

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

как сделать 404 страницу пример 10Пример формы захвата

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

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

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

как сделать 404 страницу пример 11Ух, я Вам покажу!

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

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

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

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

Блестящие примеры 404 страниц

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

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

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

01. Marvel

(Изображение предоставлено Marvel)

У Marvel есть несколько версий своих страниц 404, которые (конечно) все посвящены MCU.Мы заметили ссылки на Гидру (одна из которых выше) и глаз Утау, и это всего лишь пара. Проверьте страницу, чтобы узнать, какой из них вы получите.

02. LEGO

(Изображение предоставлено LEGO)

Страница Lego 404 довольно проста, но излучает индивидуальность. Испуганное выражение лица Lego-человечка плюс толчок к лозунгу бренда («все по-прежнему великолепно») создают впечатление страницы с ошибкой, о которой вам не жаль, что вы наткнулись.

03. Omlet

(Изображение предоставлено Omlet)

Игра слов уведет вас далеко, поэтому мы ценим подход Omlet к его странице 404.На странице креативной компании написано: «Эта страница — яичный запах», поскольку на экране появляется анимированная яичная трещина. Ярко-красный цвет показывает, что это «предупреждение», в то время как тема яиц соответствует имени Омлета. Что не нравится?

04. Mantra Labs

(Изображение предоставлено: Mantra Labs)

Эта страница 404 от Mantra Labs проста, но эффективна. Иллюстрация космического человека, плывущего в «404», сопровождает текст «Ой! У вас закончился кислород ». Также есть таймер, отсчитывающий до того, как вы вернетесь на главную страницу.Если вы моргнули, то можете даже пропустить эту 404-ю страницу, хотя стоит специально пойти не так, чтобы просто посетить ее.

05. Готовы к выживанию

(Изображение предоставлено: Готовы пойти на выживание)

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

06. Carwow

(Изображение предоставлено carwow)

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

07. Ueno

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

08. Gymbox

Gym Box — компания по производству спортзалов, цель которой — предлагать «самые уникальные и разнообразные классы в Лондоне». Пределы этого утверждения могут заключаться в великолепном фитнес-зрелище 80-х, которое появляется на его странице 404. Короткие шорты, укороченные топы и подталкивание таза — что еще нужно от страницы с ошибкой?

09. Slack

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

10. Purée Maison

Purée Maison — это креативное агентство, специализирующееся на коммуникационной стратегии, и его характерный веб-сайт полон восхитительных анимаций (мы рекомендуем посмотреть вокруг). Мы — особые поклонники этой сюрреалистической страницы 404, которая каким-то образом прекрасно передает боль от удара о цифровую стену.

11. Pixar

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

12. 20th Century Studios

Не можете найти нужный фильм? Недавно переименованная студия 20th Century Studios (ранее 20th Century Fox) может вдохновить вас на случай, если вы укажете неправильный URL; На его странице 404 появляется кадр из культового фильма с лаконичной подписью и подборкой других фильмов, которые вы, возможно, захотите посмотреть.Мы заметили отрывки из фильмов «Эдвард руки-ножницы», «Месть ботаников» и «Наполеон Динамит» и других (посмотрите, какой из них вы получите).

13. Cloud Sigma

Cloud Sigma — это облачный сервер и облачный хостинг, работающий в США, Европе и Азиатско-Тихоокеанском регионе. Хотя гибкие облачные серверы полезны, они не совсем интересны, и мы предполагаем, что именно поэтому компания приложила немного дополнительных усилий, чтобы добавить немного юмора в свою насмешливую страницу с ошибкой 404.Интересно, сколько времени пройдет, прежде чем этого полезного молодого разработчика переманили конкуренты.

14. BluePath

Еще один веб-сайт, который использует юмор на своей странице с ошибкой 404, — это консалтинговая компания по стратегии данных BluePath из Атланты. На странице изображена карта Атланты с точкой на другой стороне страницы, указывающей на то, что посетитель — «Уйыы с карты». Карта также включает в себя основанную на данных информацию, показывающую сообщения о преступлениях в этом районе. «Почему? Потому что это преступление, для которого вы еще не наняли нас!» Ах, эти дурацкие аналитики данных.

15. Kualo

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

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

Как говорит Хлоя Золлингер из Pointe: «Достижение страницы с ошибкой 404 чаще всего разочаровывает пользователя сайта. Мы понимаем, насколько важно взаимодействие с пользователем на веб-странице. Чтобы улучшить взаимодействие с нашими посетителями, наша команда посвятила себя созданию интерактивного на нашей странице 404.»

16. Waaark

Страница 404 французской студии Waaark достаточно хороша для просмотра, но ее лучше слушать — хотя, возможно, и не на работе. Вдохновленная Стивеном Хокингом, Автостопом по Галактике и Порталу, она использует инструмент преобразования текста в речь на языке JavaScript под названием meSpeak, чтобы подвергнуть вас ругательной роботизированной тираде. Подключите наушники и посмотрите.

17. Стив Ламберт

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

Следующая страница: Более вдохновляющие страницы 404 для изучения

.

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 к тегу , который можно использовать для дополнительного стиля.

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

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

«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)

.