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

Содержание

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

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

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

Сайт русский, а страница 404 на английском

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

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

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

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

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

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

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

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

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

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

Объяснение и подсказка для посетителя

Посетителю предлагается перейти на основной раздел сайта

Не только объяснение и подсказка, но и телефон для связи

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

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

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

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

«Лабиринт» на 404 странице продает бестселлеры

«Аквалого» даёт возможность посмотреть хиты продаж

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

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

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

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

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

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

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

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

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

Расположение 404 ошибок в Яндекс Вебмастере

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

Выборка страниц в Яндекс Вебмастерес кодом ответа 404 (Not found)

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

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

Расположение 404 ошибок в Google Search Console

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

Призыв сообщить о 404 ошибке
Еще один вариант предложения отправить отчет о 404 ошибке

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

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

belcantofund.com


vertum.su
drenazh.su
chopshopsamara.ru
monahotel.ru
rielt-bg63.ru

Как сделать из страницы 404 что-то полезное и интересное: 30 примеров

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

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

Рассмотрим наиболее удачные примеры.

Страница 404 AliExpress
  • Автоматический редирект на главную страницу сайта через 4 секунды.
Страница 404 Amazon
  • Предложение перейти на главную страницу.
  • Есть ссылка на страницу «Собаки Amazon»:
Собаки Amazon Занимаемся разработкой фирменного стиля: повышаем узнаваемость бренда. Подробнее Страница 404 Aviasales
  • Предложение перейти на главную страницу.
  • Ссылки на сервисы компании.
Страница 404 Blizzard
  • Уместный сарказм.
  • Возможности перейти во все разделы со страницы.
Страница 404 Coca-Cola
  • Возможность перейти на главную страницу.
  • Доступ к разделам компании со страницы (круглая красная кнопка в верхнем правом углу).
  • Подписка на новости компании.
Страница 404 Convert Monster
  • Креативное оформление – молодая красивая девушка с призывом в духе sex sells.
  • Доступ ко всем разделам сайта из футера (его видно при прокрутке вниз).
  • Изображение и призыв к действию меняется каждый раз при обновлении страницы 404:
Sex sells! Страница 404 Ebay
  • Прямое указание на то, что что-то пошло не так. И извинение.
  • Предложение вернуться на главную страницу или воспользоваться техподдержкой.
Страница 404 Evernote
  • Указание на ссылки, которыми можно воспользоваться для дальнейшей работы – начать работу с приложением, приобрести бизнес-версию или почитать материалы из блога.
Страница 404 Facebook
  • Возможность возвратиться на предыдущую страницу, перейти в ленту новостей или перейти в справочную информацию.
Страница 404 Тупичка Гоблина
  • Графическое оформление в духе компьютерных игр конца 90-ых.
  • Анимация на странице – в прорези двери справа появляются красные глаза.
  • Доступ из страницы ко всем разделам сайта.
Страница 404 студии Дениса Каплунова
  • Оказывается адрес неверно введенной страницы.
  • Оригинальный сопроводительный текст.
  • Доступ из страницы к основным разделам сайта.
Страница 404 «Лабиринта»
  • Ссылка на акции в теле страницы.
  • Возможность воспользоваться поиском по сайту или выбрать книгу из каталога.
Страница 404 студии Артемия Лебедева
  • Оригинальный сопроводительный текст.
  • Доступ к самым интересным разделам сайта студии.
Страница 404 Новолипецкого металлургического комбината
  • Возможность вернуться на предыдущую страницу или перейти на главную.
  • Ссылка на географию активов завода и на его продукцию.
Страница 404 Ozon
  • Оригинальный сопроводительный текст.
  • Доступ к каталогу товаров.
  • Возможность посмотреть все акции и спецпредложения «Озона».
Страница 404 Sotmarket
  • Нетривиально оформленные ссылки на разделы каталога электроники.
  • Кликабельный логотип «Сотмаркет» для перехода на главную страницу сайта.
Страница 404 «Текстерры»
  • Описание причин проблемы.
  • Ссылка на главную страницу сайта.
  • Возможность поиска нужной страницы по сайту.
Страница 404 банка «Тинькофф»
  • Оригинальный текст со смайликом.
  • Ссылки на основные услуги банка «Тинькофф».
Страница 404 «Викиума»
  • Оригинальный текст.
  • Возможность перейти на главную страницу, чтобы успокоить профессора или связаться с командой «Викиума».
Страница 404 «Яндекса»
  • Возможность воспользоваться поиском 🙂
  • Ссылки на сервисы «Яндекса».
  • Ссылка на установку переключателя раскладки клавиатуры Punto Switcher.
  • Рекламные объявления (!) на странице 404.
Страница 404 Университета «Синергия»
  • Позитивная картинка со смыслом.
  • Возможность воспользоваться поиском.
  • В описании страницы предлагается способ решения проблемы.
Страница 404 Студии Аниматоров «Кудесник»
  • Рисунок-смайлик недвусмысленно намекает, что произошла досадная ошибка.
  • В описании страницы даются способы решения проблемы, притом оформлены они гиперссылками.
  • Излишнее дублирование информации о том, что страница не найдена.
Страница 404 Lego
  • Все человечки выражают неподдельную панику. Пользователь понимает, что что-то пошло не так.
  • В описании страницы выдержан неформальный тон общения.
  • Предлагается решение проблемы – кнопка перехода на главную страницу сайта.
Страница 404 «Кинопоиска»
  • На странице показываются кадры из известных фильмов.
  • В описании указывается, почему могла появиться такая страница. Способы решения оформлены гиперссылками.
  • Каждый раз страница 404 генерирует новое изображение:
Если на картинке сверху это был Рон Уизли из «Гарри Поттера», теперь – Хан Соло из «Звездных войн» Страница 404 творческой мастерской «Штуки»
  • Нетривиальный и очень уместный заголовок для подобного рода страницы.
  • Способ решения проблемы оформлен гиперссылкой.
  • Все пункты меню, авторизация и регистрация на сайте, гиперссылки в футере доступны со страницы 404.
Страница 404 Playboy Russia
  • Странница разрывает шаблоны J.
  • В описании заманивают остаться на сайте из-за большого количества материалов и прекрасных дам (хорошо, если бы статьи и фото девушек были оформлены ссылками на соответствующие разделы).

«Единый визовый центр»

Страница 404 «Единого визового центра»
  • Запоминающаяся картинка-мем с Grumpy Cat.
  • В описании страницы способы решения проблемы выполнены гиперссылками.
  • За присланный на почту скриншот страницы 404 обещают подарок.
Страница 404 Udemy
  • Заголовок страницы мотивирует простить владельцев сайта за попадание на нее.
  • Есть гиперссылка на страницу поддержки. Все серьезно.
Страница 404 Pikabu
  • Скажу просто – на этой странице прекрасно ВСЁ!
  • Что за существо сидит рядом с парнем?
Страница 404 Pixar
  • Более удачный образ, чем Печаль из мультика «Головоломка» для страницы 404 трудно представить.
  • Заголовок страницы «Оооо… Не плачь». Трудно сдержаться, глядя на изображение.
  • Описание страницы написано будто от лица Радости из того же мультфильма:

«Этот всего лишь ошибка 404!

То, что ты ищешь, могло затеряться в долгосрочной памяти».

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

  1. Мгновенный переход на главную страницу: в этом случае человек не поймет, что он ввел неверный адрес или перешел по неработающей ссылке, и может повторить неверный ввод.
  2. Внешний вид страницы
  • с нечитаемыми символами:
Страница 404 с «кракозябрами» – совершенно непонятно, что делать дальше
  • со стандартной и малоинформативной надписью:
Дежурная и неинформативная страница, которая никак не объясняет, что делать дальше
  • дзен-вариант страницы 404 (такой, например, у Школы-студии МХАТ):
Белоснежный пустой фон страницы 404

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

kak-sdelat-iz-stranitsy-404-chto-to-poleznoe-i-interesnoe-primery

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

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

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

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

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

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

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

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

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

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

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

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

Чем грозит

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

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

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

  1. Уходить с сайта;
  2. Расстраиваться, что не нашли нужную информацию;
  3. Понижать свой уровень доверия к Вам.

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

НАС УЖЕ БОЛЕЕ 29 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 ошибки появляются если:

  • страница удалена;
  • ссылка на страницу указана неверно;
  • страница была перемещена из-за чего изменился её адрес, по которому она была доступна ранее.

Например, ссылка на страницу указана https://d-element.ru/services/individuals/, а страница доступна по ссылке https://d-element.ru/services/individual/

Как найти 404 ошибки на сайте

Чтобы обнаружить 404-ые ошибки (404 not found), воспользуйтесь специализированными программами и сервисами для комплексного анализа сайтов:

Как найти 404 ошибки (битые ссылки) на сайте с помощью Xenu

Xenu – бесплатная программа для анализа сайта. С её помощью можно обнаружить 404 ошибки на сайте. Скачайте программу и установите её на компьютер.

  1. Откройте программу и выберите Check Url, как это показано на скриншоте, ниже.
  2. Главное окно программы Xenu

    Главное окно программы Xenu
  3. Введите в появившееся окно ссылку на сайт и нажмите OK.
  4. Окно старта сканирования программы Xenu

    Окно старта сканирования программы Xenu
  5. Отсортируйте ошибки по статусу.
  6. Результат сканирования программы Xenu

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

В данном случае, мы обнаружили ошибку ссылки на внешний ресурс. Сайт nkkdc.ru доступен по адресу http://www.nkkdc.ru/, а ссылка установлена на адрес https://www.nkkdc.ru//

Как найти 404 ошибки (битые ссылки) на сайте с помощью Screaming Frog

Screaming Frog – платная программа комплексного SEO анализа сайта. С её помощью можно найти 404 ошибки и узнать какие страницы ссылаются на 404 ошибки. Скачайте программу Screaming Frog и установите её на компьютер.

  1. Откройте программу, введите адрес сайта и нажмите «Start».
  2. После окончания сканирования, перейдите во вкладку «Response Codes» и выберите в фильтре «Client Error (4xx)».
Окно вывода 404 ошибок в программе Screaming FrogОкно вывода 404 ошибок в программе Screaming Frog

В результате вы получите полный список 404 ошибок. Чтобы узнать, откуда идёт 404 ошибка, нажмите на строку ошибки и перейдите во вкладку «Inlinks» (внизу).

Анимация вывода 404 ошибок на сайтеАнимация вывода 404 ошибок на сайте

Как узнать код ответа страницы в Яндекс.Вебмастер

Бесплатный сервис определения кода страницы от Яндекс.Вебмастер. Введите ссылку на страницу и узнайте, какой код отдает страница. 404 код страницы – это 404 ошибка.

Проверка ответа сервераПроверка ответа сервера

404 ошибка (not found) как исправить

Универсального способа избавления от 404 ошибок нет - всё зависит от сайта. Например, если ваш сайт на CMS Bitrix, исправить ссылку можно внутри административной части или добавить 302 перенаправление (редирект). Обратитесь к нам, и мы поможем избавиться от технических проблем вашего сайта.

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

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

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

Установить перенаправление можно разными способами.

Если планируете создать страницу по адресу, который сейчас отдаёт 404 код, то используйте правило 302 редиректа. После создания этой страницы, удалите 302 редирект.

301 редирект – правило перенаправления «навсегда».

302 редирект – правило временного перенаправления.

Влияние 404 ошибок на позиции в поисковых системах

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

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

Отсутствие 404 ошибок говорит о правильной перелинковке и структуры сайта.

Делаем страницу 404-й ошибки разумной с помощью Google / Habr

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

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

Не найдено.
Извините, но вы ищите что-то чего здесь нет.

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

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

Для начала посмотрите страницу 404й ошибки, которая поумнела на методе, о которой я вам расскажу чуть-чуть попозже.
http://absolvo.ru/contactf

Здорово же? Правда сразу немного огорчу — эта метода для блогов не совсем подходит, однако если ваш блог насквозь проиндексирован Google, а также добавлен в панель вебмастера Google — то работа с ней станет несколько позитивней и удобней.

Итак, всё очень просто.

<p>
<script type=«text/javascript»>var GOOG_FIXURL_LANG = 'ru';var GOOG_FIXURL_SITE = 'http://absolvo.ru/';</script>
<script type=«text/javascript» src=«linkhelp.clients.google.com/tbproxy/lh/wm/fixurl.js»></script>
<ul><li>Перейти на главную <a href="/">страницу</a></li></ul>
</p>

Добавляет мозгов 404й странице JS скрипт, fixurl.js, вам необходимо будет указать язык (в данном случае ru), и url вашего сайта, в данном случае — absolvo.ru Ещё раз огорчу, для поисковика www.site.ru и site.ru спокойно могут показаться разными сайтами, но это, мне кажется, не смертельно.

Стили, которые вы спокойно можете использовать для своих целей (я к примеру скрыл панель поиска Google по моему блогу, она мне не нужна)

#goog-fixurl
#goog-wm
.content
.other-things
#goog-wm-sb

Через .content рулить списком (ul, li).

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

Я у себя поставил, и в общем, доволен. Это выглядит много опрятней, и правильней.

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

Как настроить страницу 404 и правильный ответ сервера (http-код страницы)

? LiveJournal
  • Find more
    • YOUR 2019 IN LJ
    • Communities
    • RSS Reader
  • Shop
  • YOUR 2019 IN LJ
  • Help
Login
  • Login
  • CREATE BLOG Join
  • English (en)
    • English (en)
    • Русский (ru)
    • Українська (uk)
    • Français (fr)
    • Português (pt)
    • español (es)
    • Deutsch (de)
    • Italiano (it)
    • Беларуская (be)

10 оригинальных страниц ошибок для сайта

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

Стандартная страница 404 для uCoz легко заменяется на нестандартную, об этом ниже. Эти страницы такие же простые, как и в этом материале.

Установка

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

Каравай, каравай, кого хочешь выбирай...

Страница 404
Весьма интересный вариант в виде объявления.
Скачать



Страница 404
Объемные цифры возникли из пустоты.
Скачать



Страница 404
А это анимированная страница.
Вы станете свидетелем похищения страницы НЛО.
Скачать



Страница 404
Одинокая и грустная луна...
Скачать



Страница 404
А здесь Лох-несское чудовище.
Скачать



Страница 404
Какая-то сказочная страница, не находите?
Скачать



Страница 404
Кулак. Похоже, какого-то зека.
Скачать



Страница 404
Код виден через дыру в сайте.
Скачать



Страница 404
Слыхали легенду о кракене?
Скачать



Страница 404
Ну, и на последок такая вот страница ошибки.
Скачать



Хочется сделать подборку просто оригинальных страниц ошибок 404 (Page not found) на разных сайтах. Если знаете такие страниц, то отправляйте ссылки на них в комментариях. Будет интересно посмотреть, до чего додумались веб-мастера и дизайнеры.

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

Отправить ответ

avatar
  Подписаться  
Уведомление о