Содержание

Как оформить страницу ошибки 404

ГлавнаяCRM и бизнес-процессыСтраница ошибки 404: как оформить, чтобы избежать оттока пользователей

CRM и бизнес-процессы

Дизайн

Содержание

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

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

Подпишись на Telegram

Подписаться

Ошибка 404: что это значит?

Иногда при переходе по ссылке вместо страницы сайта на экране появляется надпись: «Страница не найдена. 404 not found. Ошибка 404». Это значит, что такой веб-страницы нет или у неё поменялся адрес.

Пример страницы 404 на сайте Lenta.ru

Почему возникает ошибка 404:

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

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

Почему нужна отдельная страница для 404 ошибки

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

Хотите освоить сквозную аналитику?

Посетите регулярный мастер-класс по аналитике от Roistat.

Подключиться

Грамотно настроенная страница 404 поможет:

  1. Сохранить трафик сайта и позиции в выдаче результатов поиска. Сайт теряет трафик, если пользователи часто закрывают его из-за ошибки 404. Из-за этого поисковые системы могут понизить уровень ранжирования сайта.
  2. Предложить посетителю что-то взамен неоткрывшейся страницы. Пользователь попал на неработающую страницу, когда искал конкретный контент, возможно, даже форму регистрации. Сделайте страницу 404 полезной для посетителя, предложите ему почитать о ваших ключевых продуктах, дайте ссылки на полезные статьи.
  3. Вызвать доверие. Грамотно оформленная страница 404 — это возможность сохранить потенциального клиента на сайте. Извинитесь и помогите пользователю найти то, зачем он зашёл на сайт. Так посетитель с большей вероятностью останется на сайте и завершит оформление заявки или покупку.

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

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

Чтобы добавить страницу на сайт:

  1. Перенесите шаблон страницы ошибки 404 в корневую папку сайта.
  2. Откройте файл .htaccess и пропишите код: ErrorDocument 404 http://АДРЕС_САЙТА/404.html
  3. Впишите код в любую свободную строку, залейте на хостинг и проверьте: совершите ошибку в какой-нибудь ссылке, например, удалите букву. Вместо стандартного шаблона 404 должен отобразиться новый вариант. Если нет — проверьте правильность кода, возможно, была допущена ошибка.

Некоторые CMS автоматизируют процесс создания страницы об ошибке: например, в WordPress это можно сделать с помощью плагина 404page. Плагин может кастомизировать страницу на разных темах. Для его установки нужна версия WordPress от 4.0.

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

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

Советы по созданию страницы 404:

  1. Будьте доброжелательны. Расскажите посетителю, что страница удалена или произошла ошибка, помогите вернуться на основные страницы сайта.
  2. Предложите посетителю проверить точность адреса или дайте ссылки на разделы, которые были недавно перемещены.
  3. Дайте ссылки на продукт или статьи, релевантные поиску. Для этого нужно знать, на какую страницу пользователь пытался перейти. Это можно сделать, когда в URL указан раздел или категория.
  4. Сделайте страницу полезной: дайте возможность скачать книгу или перейти на статьи в блоге, которые рассказывают о ценности продукта.
  5. Не ограничивайтесь забавной картинкой. Добавьте ссылку на главную страницу сайта, блог, каталог или афишу событий компании.
  6. Предложите посетить страницу с акциями, спецпредложениями.
  7. Разместите строку поиска, чтобы посетитель сайта мог найти то, что он искал. Например, модель телефона в интернет-магазине или статью на новостном портале.
  8. Покажите посетителю квиз или мини-игру. Это отличный способ свести негативное впечатление пользователя к минимуму.
  9. Выдержите единое оформление, чтобы страница 404 не отличалась от остальных страниц сайта.

Рассказали, как квиз-маркетинг помогает пользователям совершить покупку.

Примеры отличных 404 страниц для сайта

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

У McDonalds на странице 404 есть навигация по сайту и даже форма для подписки на рассылку:

Пример страницы 404 на сайте McDonalds

На странице 404 блога Roistat пользователю предлагается вернуться на главную страницу блога, перейти в нужный раздел или воспользоваться кнопкой обратного звонка:

Пример страницы 404 в блоге Roistat

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

Пример страницы 404 на сайте Roistat

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

Пример страницы 404 на сайте Спортмастер

Ещё одна страница известного интернет-магазина Lamoda. Кроме навигации и строки поиска, пользователям предлагают популярные товары:

Пример страницы 404 на сайте Lamoda

Тинькофф предлагает простую страницу, на которой сообщается об ошибке и даются ссылки на основные услуги банка:

Пример страницы 404 на сайте банка Тинькофф

Страница об ошибке у ресторана KFC очень лаконичная страница. Пользователю предлагают всего 2 кнопки с простым CTA — «Заказать еду» и «Найти ресторан»:

Пример страницы 404 на сайте KFC

Как избегать ошибок на сайте

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

Рассказали, как SEO-аудит помогает оптимизировать работу сайта.

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

Хотите освоить сквозную аналитику?

Посетите регулярный мастер-класс по аналитике от Roistat.

Подключиться

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

Ошибки 404 not found — как найти и исправить эти страницы на сайте. Массовая проверка Labrika

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

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

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

Причины возникновения ошибок 404

Как правило, появление такой ошибки вызывают:

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

Как ошибки 404 влияют на ранжирование сайта?

Хотя ошибки 404 сами по себе не являются фактором ранжирования, они могут отрицательно повлиять на SEO-продвижение.

Даже единичные битые ссылки снижают поведенческие характеристики сайта, вызывая уход посетителей и рост показателя отказов. Это является негативным сигналом для поисковых систем. Официальные источники Яндекса и Google рекомендуют избегать неработающих ссылок на сайте. Большое количество таких ошибок негативно влияет на его ранжирование. Чем больше неработающих ссылок на вашем сайте, тем сложнее будет Google и другим поисковым системам сканировать сайт. Поисковые системы считают, что за состоянием такого веб-ресурса никто не следит, и понижают его позиции в результатах поиска. Страницы, отдающие ответ с ошибкой 404, исключаются из индекса (базы данных поисковой системы).

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

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

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

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

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

Как обнаружить ошибки 404 с помощью сервиса Labrika

Отчет «Ошибки 4хх» вы сможете найти в левом боковом меню в разделе «Технический аудит».

Отчет содержит:

  • URL-адрес страницы, которая отдала код ошибки 4xx.
  • Информацию о коде ответа страницы.
  • Кнопку для проверки HTTP-статуса — при нажатии на неё откроется сервис проверки HTTP-заголовков страниц.

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

Как исправить ошибки 404?

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

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

Более подробно об оформлении страницы 404-й ошибки вы можете прочитать в отдельной статье нашего сайта.

Ошибка 404 не найдена — что это значит и как это исправить!

Вы знаете страницу: вы переходите по ссылке, но вместо того, чтобы получить нужный сайт, выскакивает ошибка о том, что запрошенная страница недоступна. Что-то вроде «404 Not Found». Ошибка 404 — это стандартизированный код состояния HTTP . Сообщение отправляется с веб-сервера онлайн-присутствия в веб-браузер (обычно клиент), отправивший HTTP-запрос. Затем браузер отображает этот код ошибки.

Содержание

  1. Как возникает ошибка 404?
  2. Как исправить ошибку ‘404 не найдено’
  3. HTTP 404 Ошибка может повредить рейтинг и репутация веб -сайта
  4. Определение 404 ошибок на своем собственном веб -сайте
  5. Создание страницы ошибки 404
  6. . Почему вы должны персонализировать свой 404 ошибка. ?

Как возникает ошибка 404?

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

  • URL-адрес или его содержимое (например, файлы или изображения) были либо удалены , либо перемещены (без соответствующей корректировки каких-либо внутренних ссылок)
  • URL-адрес был неправильно написан редизайн), неправильная ссылка или неправильно набрана в браузере
  • сервер , отвечающий за веб-сайт, не работает или соединение разорвано
  • Запрошенное доменное имя не может быть преобразовано в IP системой доменных имен (DNS)
  • Введенное доменное имя не существует (больше) 90 012

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

Доменные имена за 1 доллар

Зарегистрируйте отличные TLD менее чем за 1 доллар в первый год.

Зачем ждать? Захватите свое любимое доменное имя сегодня!

Подходящий адрес электронной почты

Сертификат SSL

Поддержка 24/7/365

Как исправить ошибку ‘404 Not Found’

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

  • Перезагрузить страницу : Возможно, ошибка 404 появилась по той простой причине, что страница не загружалась должным образом. Это можно легко проверить, нажав кнопку «Обновить» в браузере или также нажав кнопку F5.
  • Проверьте URL-адрес : Независимо от того, ввели ли вы URL-адрес вручную или были направлены по ссылке, может быть допущена ошибка. По этой причине вы должны проверить указанный путь веб-сайта. Возможно, вы или человек, который ввел ссылку, что-то опечатались. Помимо орфографических ошибок, также может быть, что косая черта была пропущена или неуместна. Но имейте в виду, что это действительно можно проверить только с «чистыми» URL-адресами, так как они содержат нечитаемые слова вместо непонятных аббревиатур, букв, цифр и символов.
  • Вернуться на уровни каталога : Например, если URL-адрес следующей структуры example.com/Directory1/Directory2/Directory3 вызывает страницу ошибки 404, то вы всегда можете вернуться в предыдущий каталог level (в данном примере: example.com/Directory1/Directory2 ), чтобы проверить, есть ли там ссылка на нужную страницу. Все, что вам нужно сделать, это очистить последний каталог в URL-адресе. Ссылка на страницу, которую вы ищете, должна быть видна на предыдущей странице. Если ее нет на этой странице, вы также можете вернуться на предыдущую страницу и найти там правильную ссылку. Но если так получилось, что этот метод также оказался успешным, и вы в конечном итоге вернетесь на домашнюю страницу, тогда переходите к следующему совету.
  • Используйте функцию поиска на веб-сайте : Многие веб-сайты предлагают функцию поиска на своей домашней странице. Введя одно или несколько ключевых слов, вы сможете найти нужную страницу.
  • Используйте поисковую систему : У вас также есть возможность использовать веб-сайт по вашему выбору, чтобы найти веб-сайт. Пока нужный сайт существует, вы сможете найти его, введя домен веб-сайта и/или транскрипцию ключевого слова предмета.
  • Удалить кеш браузера и файлы cookie: Если вы можете получить доступ к веб-сайту с другого устройства, а ошибка HTTP 404 появляется только на определенном компьютере, проблема может заключаться в вашем браузере. Поэтому вам следует удалить кеш браузера, а также все файлы cookie для этого сайта, и это, возможно, позволит вам получить доступ к странице.
  • Связаться с веб-сайтом : Если ни один из вышеупомянутых советов не увенчался успехом, единственным оставшимся вариантом может быть контакт с лицом / людьми, ответственными за веб-сайт. Контактную информацию обычно можно найти в шапке веб-сайта или на специальной странице «Свяжитесь с нами». Операторы веб-сайта должны иметь возможность предоставить информацию о том, действительно ли существует страница, которую вы ищете. Возможно, рассматриваемая страница была перемещена на новый URL-адрес, и в этом случае вы окажете большую услугу оператору веб-сайта. Затем они могут выполнить исправление ошибки 404, введя перенаправление домена, которое автоматически направит пользователей со старой веб-страницы на текущую.

Ошибки HTTP 404 могут повредить рейтингу и репутации веб-сайта

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

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

Выявление ошибок 404 на вашем собственном веб-сайте

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

  • Консоль поиска Google (ранее известная как «Инструменты Google для веб-мастеров»): если у вас уже есть учетная запись Google и вы зарегистрировали там свой веб-сайт, вам следует воспользоваться Опция Google Search Console. Любые ошибки 404, обнаруженные поисковым роботом Google, отображаются в веб-инструменте и также могут быть отмечены здесь как исправленные. Дополнительные функции позволяют находить ошибки в файлах robots.txt и использовать статистику сканирования, чтобы определить, как часто ваш сайт сканировался поисковыми роботами Google.
  • Средство проверки мертвых ссылок : одним из самых простых и быстрых инструментов для поиска как внутренних, так и внешних страниц с ошибкой 404 является средство проверки мертвых ссылок. С помощью этого веб-приложения вы просто вводите URL-адрес сайта, который хотите проверить, а затем запускаете проверку. Здесь у вас есть выбор проверки отдельной веб-страницы или всего сайта. Приложение перечисляет все отслеживаемые страницы ошибок с кодами состояния и URL-адресами.
  • W3C Link Checker : этот онлайн-инструмент Консорциума World Wide Web (W3C) особенно подробен, когда речь идет о тестировании отдельных страниц веб-сайта, поэтому процесс проверки ссылок занимает больше времени, чем с другими веб-сайтами. Средство проверки ссылок W3C работает так же, как средство проверки мертвых ссылок: вы вводите URL-адрес, а инструмент сделает все остальное. Также можно добавить дополнительные детали

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

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

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

  • Создать страницу с ошибкой (« 404.html » или « 404.php «) в корневом каталоге (если он еще не существует).
  • Откройте файл .htaccess (или создайте его при необходимости) в корневом каталоге, введите его в « ErrorDocument 404 /404.html » и сохраните изменения. Страница ошибки будет сгенерирована с этим кодом.
  • Чтобы проверить, работает ли это, попробуйте получить доступ к недоступной веб-странице и, надеюсь, в браузере должно появиться сообщение об ошибке 404.

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

Наличие стандартной страницы с ошибкой 404 лучше, чем отсутствие ее вообще, хотя пользовательская страница предпочтительнее по нескольким причинам. С одной стороны, вы можете быть уверены, что посетители получат точный код состояния HTTP : например, если запрошенный контент больше не присутствует на сайте, это должно быть передано с помощью « 410 Gone 9».0004′ сообщение. Затем посетитель узнает, что этот контент был окончательно удален.

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

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

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

  • Создание веб-сайта
  • Интернет-магазин
  • HTTP
  • Юзабилити
90 024 Статьи по теме

Коды состояния HTTP и их значение

  • Технические вопросы

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

Коды состояния HTTP и их значение

Современная веб-разработка: основы

  • Веб-разработка eboten hin zu Interaktiven Inhalten. Auch wenn HTML und CSS nach wie vor das Grundgerüst einer jeden Website darstellen, greifen Webentwickler immer öfter auf serverseitige Programmiersprachen wie PHP zurück, um dynamische Webauftritte zu Realisieren. Zudem bieten clienteitige Skriptsprachen wie JavaScript die Möglichkeit, eine…

    Современная веб-разработка: основы

    Как осуществляется доступ к веб-сайтам?

    • Веб-разработка

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

    Как осуществляется доступ к веб-сайтам?

    Как исправить синий экран смерти (BSOD)

    • Ноу-хау

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

    Как исправить синий экран смерти (BSOD)

    HTTP 400: Объяснение неверного запроса

    • Технические вопросы

    Пользователи Интернета часто сталкиваются с сообщениями об ошибках. Коды состояния HTTP могут быть особенно раздражающими, особенно если вы не понимаете, что они означают. Сообщение «HTTP 400 — Bad Request» является загадкой для многих интернет-пользователей, но, к счастью, в большинстве случаев ее можно решить. Мы объясняем, что означает сообщение об ошибке и как исправить ошибку.

    HTTP 400: Объяснение неверного запроса

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

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

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

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

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

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

    Вот пример:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    1. 20th Century Fox

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

    2. Amazon

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

    3. Astuteo

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

    4. Batman 3-D

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

    5. Benjamin Reid

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

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

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

    7. Bitly

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

    8. Blizzard Entertainment

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

    9. Bloomberg

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

    10.
    Bluegg

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

    11. Codecademy

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

    12. Daniel Karcher

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

    13. Дилберт

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

    14. Dogstudio

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

    15. Восточный рынок


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

    16. Emailcenter UK

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

    17 . Google

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

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

    18. HeyZap

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

    19. Hot Dot Production

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

    20 Хьюго Боначчи

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

    21. IGN

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

    22. IMDb

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

    23. Iconfinder

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

    24. Imgur

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

    25. Jackrabbit Design

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

    26. Куало

    Space Invaders — еще одна классическая аркадная игра. Британская команда, стоящая за Kualo, сделала забавный ход, назвав название своей компании Invaders. Захватчики, которых вы полюбите уничтожать космическим лазером.

    27. Lego

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

    28. Lonely Planet

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

    29. Lush

    Эта страница с ошибкой косметического бренда Lush — отличный пример привязки вашей страницы к рекламной акции. К Пасхе 2014 бренд анонсировал «Охоту за пасхальными яйцами». Найдите пасхалку на их сайте и выиграйте бесплатный приз. Оказывается, пасхалка была спрятана на странице с ошибкой 404, а призом стала специальная версия «Ошибка 404» их популярного продукта с бомбой для ванны.

    30. Magnt

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

    31. MailChimp

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

    32. NPR

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

    33. Национальный музей истории похорон

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

    34. Житель Нью-Йорка

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

    35.
    Правительство Новой Зеландии

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

    36. Nuvango

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

    37. Оранжевое пальто

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

    38. Romain Brasier

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

    39.
    Spotify

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

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

    Страница художника Стива Ламберта, получившая название «Самая неловкая страница ошибок в Интернете», заслуживает внимания. Попробуйте дойти до конца. Как пишет Стив на странице: «Такая идея приходит к вам только в 12:30. И ты должен сделать это тогда, иначе ты никогда этого не сделаешь».

    41. Sygic Travel

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

    42. Австралийские

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

    43. Музей творения

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

    44. The Irish Times

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

    Дополнительный совет:

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

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

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

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