Лучшие 404 страницы
Все знают, как обидно вместо желаемой страницы получить ошибку 404. Многие разработчики наполняют Not Found страницу более полезной информацией, или, по крайней мере, пытаются повеселить несчастного заблудившегося пользователя, иногда удивляя своей креативностью.
Сегодня, ко дню вебмастера, мы подготовили подборку интересных четырестачетвертых страниц.
На этом сайте можно найти интерфейс Commodore 64.
Похоже, вам не стоило сюда заходить.
Попробуйте поймать кота 🙂
Студия дизайна делится забавными гифками про собак.
А эта страничка ушла в поход… и не вернулась.
Очень атмосферная интерактивная 404-ая страница.
Веб-страница ищет HTML своей жизни. Желательно без ошибок и вредных привычек.
Спасите несчастных леммингов!
Классический мем на сайте 9GAG.
Красивая иллюстрация броуновского движения от Hot Dot.
А этой страницы на сайте Mikandi нет, как и одежды у этой прекрасной леди.
Вам попалась страница 404? Решайте, кого уволить за такое свинство.
Синий экран смерти от Willismonds.
А эту страницу съели пациенты клиники. Очень сожалеем 🙁
Диаграмма Венна на сайте magnt.com.
Дыра в интернете на сайте CSS Tricks.
Поздравляем. Вы сломали наш сайт.
Некоторые сайты предлагают целую блок-схему действий для тех, кто попал на 404.
Здесь можно поиграть в пакмана.
Airbnb при переходе на сломанную ссылку порадует вас анимацией девочки с упавшим мороженным, а также предложит некоторые полезные ссылки.
Ниже представлен скриншот страницы 404 известного сокращателя ссылок. На нём изображена мутировавшая рыба-шар, вглядывающаяся в дно водоёма, у которой ещё и чайка над душой висит. Всё это представлено в виде анимации.
Популярный сайт обмена картинками imgur сделал страницу 404 в виде стены с картинами в академическом стиле, но только с животными, из которых готов к беседе с вами только жираф.
Всё минималистично и главное — ссылка на релевантный материал.
Сайт HatchedLondon решил сделать страницу 404 очень длинной, но до конца можно дойти всего за одну секунду. При этом страница хорошо вписывается и смотрится отлично.
Вот про экран с ошибкой от GitHub вы точно знаете, а как насчёт не менее известного Docker? Расстроенный кит смотрит на утонувший корабль, параллельно размышляя о ваших проектах.
Инструмент для проектировки интерфейсов отлично справился и с собственным. Можно поиграться с узлами на странице ошибки, но не более. Со шрифтами поиграть не получится.
Создатель блога с душой подошел к делу и сделал красивую и анимированную страницу 404, почти полностью написанную на CSS (картинки, конечно же, были в png).
Он даже исходным кодом поделился. При входе на страницу меню разваливается и крутится в чёрной дыре, при этом оставаясь кликабельным.
Сайт, специализирующийся на продаже векторных иконок, не забыл и про себя, подобрав именно ту, которая гармонично сочетается с тематикой ресурса.
Интересная реализация ошибки 404 в блоге любителя иконок. Пользователь, вероятно, находится в машине, к нему приближается светящееся число 404 и в это же время пробегает ящерица по лобовому стеклу (вообще тут всё зависит от вашей фантазии).
Один из наиболее популярных сервисов общения между членами одной компании тоже вошёл в эту подборку. Ребята хорошо потрудились над созданием интересной и анимированной страницы ошибки 404 с небольшими элементами интерактивности (можно трогать кур и свинок). Также во время отсутствия активности на странице всё становится серым.
На странице 404 сайта Музея Сотворения Мира (там всё по Библии) отчётливо видно, что junior и senior не могут найти менеджера проекта.
А вообще классно сделали: силуэт с отсутствующей стадией эволюции в центре отражает отношение создателей сайта к этой теории возникновения жизни. Кроме того, «that link is missing» можно перевести так: «связывающее звено отсутствует». Тут как в русском с фразой «я плачу» — либо платишь (за софт), либо плачешь (из-за багов).
Если вы думали, что новозеландцы не в восторге только от шуток про «Властелина Колец», то теперь вы знаете, что каждый раз, когда вы видите карту без Новой Зеландии, где-то в Шире плачет один хоббит. Собственно, на этом и решили акцентировать внимание новозеландцы на сайте правительства.
Самоиронией может похвастаться не только правительство Новой Зеландии. В Делавэре решили поиграть и с картой, и с названием. Хотя карта просто для красоты.
Мы тоже не исключение 🙂 Возможно, вы уже замечали, что мы, как и сайты выше, имеем собственную страницу 404.
Реклама на Tproger: найдем для вас разработчиков нужного стека и уровня.
Подробнее
Реклама на tproger.ru
Загрузка
Зачем нужна страница 404? | L-TECH
В этой статье мы расскажем, зачем нужно обязательно сделать на сайте страницу 404 и как правильно её оформить.
Не найденные страницы — частая ошибка, с которой сталкиваются пользователи. Если ввести на сайте неверный адрес или перейти по несуществующей ссылке (например, когда вы удалили ссылку, а в поисковой выдаче она осталась), появится стандартный код ответа HTTP — Not Found или «Ошибка 404». Неизвестность пугает, поэтому большинство пользователей захотят сразу закрыть страницу и покинуть сайт.
Поэтому вот так оставлять нельзя:
Правильно оформленная страница 404 поможет понять пользователю, что случилось и что делать дальше, удержит его на вашем сайте и улучшит показатели SEO.
Зачем нужна страница 404?
Собственный дизайн страницы 404 нужен всем по нескольким причинам:
- Всегда есть вероятность случайной ошибки, например, когда человек ввел неверный адрес, не нашел того, что искал, и в результате ушёл с сайта разочарованным.
- Если у сайта много страниц, иногда бывает сложно отследить актуальность всех адресов. Например, какой-то раздел был удалён, а где-то поменялся адрес, чтобы улучшить SEO.
- Неоформленные 404 страницы, с которых пользователи не могут перейти на главную страницу, снижают позиции в поиске. Поэтому реализовать правильный дизайн 404 страницы очень важно для SEO.
Как ошибки 404 влияют на SEO?
Технические ошибки мешают поисковым роботам корректно индексировать сайт, а пользователям — взаимодействовать с сайтом. Люди уходят с сайта, увеличивается количество отказов, появляется негативный опыт взаимодействия с продуктом. Пользователь закрывает сайт и уходит к конкурентам.
А что касается выдачи, то поисковый робот — краулер тратит время (которое ограничено, это называется «бюджет краулера») на сканирование несуществующих страниц, в результате снижается видимость основного контента.
При обслуживании сайта очень важно отслеживать страницы, отдающие неверные коды. Выявление и устранение ошибок входит в программу технического аудита и мероприятий по поисковой оптимизации. Также важно выяснить с помощью специальных веб-сервисов (например, Яндекс.Вебмастер или Google Search Console), откуда берутся битые ссылки. Ошибки 404 могут также быть результатом атаки конкурентов.
Рекомендации по созданию страницы 404
Хороший дизайн страницы 404 расскажет пользователю, что происходит, и удержит его на вашем сайте.
Объясните, что вообще происходит
Сообщите, что произошло и по какой причине. В результате люди ведут себя более спокойно и реже покидают сайт. В технические детали вдаваться не нужно. На этой странице не должно быть много контента, а слова «ошибка 404» — уже понятный большинству пользователей термин. А некоторые компании даже не используют этот код ошибки, а объясняют суть проблемы простыми словами.
https://www.zr.ru
Верните пользователя на сайтСделайте ссылку «Вернуться на главную», чтобы не потерять потенциального клиента. Также можно разместить меню, поиск или ссылку на раздел «Помощь». Так пользователь сможет сам выбрать, куда ему идти дальше. Страница получится полезной, так как поможет найти нужную информацию.
https://www.kinopoisk.ru
https://pikabu.ru
Сохраните стилистику сайтаЕсли на странице 404 отсутствуют шапка и футер, а само оформление отличается от общего оформления сайта, то пользователи просто не поймут, где они находятся, решат, что попали не по адресу, и покинут сайт.
https://alfabank.ru/
При этом можно сделать страницу 404 интересной и креативной, чтобы снизить негатив и отвлечь посетителя юмором. А еще люди запомнят остроумные и соответствующие тематике изображения и позже будут вспоминать ваш бренд.
https://petrovich.ru/
Попросите сообщить об ошибке
Предложите пользователю проинформировать вас о проблеме.
Например, можно добавить кнопку сообщения о некорректной ссылке. Так вы сможете оперативно узнавать о технических проблемах сайта и показать человеку, что он вам небезразличен. Это повысит доверие и покажет вашу открытость и доступность.
https://enjoyme.ru
Итак, страница 404 необходима на сайте, как и любой другой раздел. Выберите правильный тон общения, сделайте узнаваемый дизайн и грамотную навигацию, чтобы посетители оставались на вашем сайте.
Как найти ошибки 404 на вашем сайте — и что с ними делать для улучшения SEO (коды состояния HTTP)
Главная / Блог Lumar / Лучшие практики / Как найти ошибки 404 на вашем сайте — и что с ними делать для улучшения поисковой оптимизации (коды состояния HTTP)
Вот как найти и устранить ошибку 404 на вашем веб-сайте для улучшения поисковой оптимизации, а также как вам следует подходить к переадресации 404 по сравнению с переадресацией 301 и другими вариантами для устаревших URL-адресов.
Натали Стаббс
Старший технический специалист по поисковой оптимизации в Lumar
Давайте поделимся
| 9 минут чтения
Как найти ошибки 404 на вашем сайте и что с ними делать
—
Само собой разумеется, что ссылки на битые страницы на вашем домене не рекомендуются. Мало того, что неработающие ссылки раздражают пользователей, они также могут замедлять работу сканеров поисковых систем и способствовать таким проблемам, как более высокий показатель отказов или меньшее время, проводимое посетителями на вашем сайте.
Но ошибки 404 по своей сути не являются чем-то плохим. На самом деле, возврат страницы с ошибкой 404 , когда пользователь переходит по URL-адресу, который не существует , часто считается лучшей практикой. Google много раз заявлял, что ошибки 404 сами по себе не вредят общей индексации или рейтингу вашего сайта. Итак, какое влияние на самом деле оказывают ошибки 404, и есть ли реальная польза от устранения ошибок 404 на вашем сайте?
Каждый раз, когда пользователь или поисковая система пытается получить доступ к вашему URL-адресу, выполняется HTTP-запрос, и ваш сервер отправляет код состояния HTTP, который используется для определения того, был ли запрос на доступ к странице успешным.
Коды состояния HTTP попадают в одну из пяти категорий, которые определяют, как они обрабатывают Google:
- 1xx — Информационный ответ
- 2xx — успех
- 3xx – Redirection
- 3xx – REDIRection
- 3xx – Redirection
- 3xx – REDIRECT – Ошибки клиента
- 5xx – Ошибки сервера
Возврат кода ошибки 404 означает, что страница не найдена. Возможно, содержимое этого URL-адреса было удалено, или, возможно, там вообще ничего не было. Все, что знает веб-браузер, это то, что запрошенный контент не может быть расположен по этому адресу.
Как найти ошибки 404 на вашем веб-сайте Поиск ошибок 404 с помощью Lumar Отчет «Все страницы » и фильтрация по «Код состояния HTTP > Равно > 404».
Вы также можете использовать отчет « Broken Pages» для получения полного списка ошибок 4xx (обратите внимание, что он включает другие ответы 4xx, а также ошибки 404, такие как 403 и 401. Опять же, вы можете использовать фильтрацию здесь, чтобы удалить ошибки из списка). список).Обзор всех не-200 страниц и их кодов состояния также находится на главной панели. Просто щелкните полосу рядом с «Неработающие страницы (ошибки 4xx)» , чтобы перейти к соответствующему отчету.
Наряду с отчетами, которые определяют все ошибки 404 вашего сайта, есть возможность дополнительно отфильтровать их по источнику . Например, найти все страницы 404, на которые есть обратные ссылки, указывающие на них , так же просто, как перейти к « Неработающие страницы с обратными ссылками» отчет. Или, если вы хотите увидеть, что все страницы 404 связаны с внутренними , отчет « неработающих ссылок » — это тот, который нужно использовать.
Наш отчет « уникальных неработающих ссылок » также может быть полезен при определении приоритетов URL-адресов, требующих срочного внимания. Здесь вы найдете все неработающие страницы, на которые есть внутренние ссылки на вашем сайте, удобно отсортированные по URL-адресу и якорному тексту. Это простой способ узнать, на какие страницы 404 чаще всего ссылаются и откуда.
Поиск ошибок 404 с помощью Google Search ConsoleЕсли вы не используете Lumar, то Google Search Console — это хорошая отправная точка для поиска URL-адресов, которые возвращают код ошибки 404. Отчет Coverage в GSC содержит список URL-адресов, которые были отправлены в Google и вернули код состояния 404 при последнем сканировании.
Что такое «мягкие 404» ? Если вы используете GSC для поиска страниц ошибок 404, вы также можете заметить отчет о чем-то, что называется « мягкий 404 ”. Мягкие 404 — это страницы, которые сообщают пользователю, что страница не существует, но все же возвращают действительный код ответа 200.
Мягкая ошибка 404 указывает на то, что Google не нашел на этой странице ценного контента или иным образом пытается понять, почему страница существует.
Мягкие ошибки 404 отличаются от стандартных ошибок 404 тем, что на самом деле они не возвращают неработающий код ответа страницы. Тем не менее, метки софта 404 может быть достаточно, чтобы Google удалил страницу из своего индекса 9.0027 .
Google часто считает пустые страницы программными ошибками 404. Если вы используете Lumar, попробуйте настроить собственное извлечение для страниц с количеством слов ниже определенного порога. Если вы видите URL-адреса любого значения, появляющиеся здесь или в мягком отчете GSC 404, стоит потратить время, чтобы просмотреть их отдельно и внести соответствующие улучшения на странице.
Поиск ошибок 404 с помощью Google Analytics Google Analytics не предоставляет указанный отчет для 404 страниц. Тем не менее, их можно найти, если вы знаете стандартный заголовок страницы 404 на вашем домене.
Просто зайдите на « «Поведение» > «Контент сайта» > «Все страницы » и установите для основного параметра значение « Заголовок страницы ». Оттуда вы сможете отфильтровать результаты, введя заголовок страницы 404 в поле поиска.
Когда ошибки 404 становятся проблемой для SEO
После того, как вы определили свои страницы 404, пришло время определить, нуждаются ли они в исправлении.
Как уже упоминалось, наличие страниц, возвращающих ошибку 404, не обязательно должно вызывать беспокойство. Диагностика того, нуждается ли сломанная страница в исправлении, больше связана с понимание как и когда пользователи могут столкнуться с этой страницей.
Возврат страницы с ошибкой 404, когда вы уверены, что URL-адрес не должен существовать на вашем сайте, является общепринятым. Собственная документация Google подтверждает, что наличие некоторых ошибок 404 само по себе не повредит поисковой эффективности вашего сайта.
Тем не менее, , есть некоторые случаи, когда ошибки 404 могут потребовать дополнительного внимания, в том числе:
- Отправленные URL-адреса, которые возвращают код состояния 404
- Контент, который был перемещен в другое место (это должно привести к перенаправлению 3xx, а не 404)
Когда страница должна быть 404?
Нет двух абсолютно одинаковых сайтов, но есть несколько общих правил, которым необходимо следовать при принятии решения о том, какие действия предпринять в отношении удаленных или перемещенных страниц.
Если страница все еще существует…
Несмотря на то, что ошибка 404 является естественной частью Интернета, она все же может возникать там, где ее быть не должно. Восстановите любой контент, который был случайно удален, и подождите, пока страница будет повторно проиндексирована поисковыми системами.
Если страница была временно удалена…
Код состояния 404 не рекомендуется для страницы, которая была удалена только временно . Редирект 302 — лучший выбор. Рассмотрите дальнейшие шаги, такие как удаление внутренних ссылок во время действия 302, а затем их восстановление после восстановления контента. Это дает поисковым системам больше шансов быстро найти эти страницы.
Если страница была удалена, но по-прежнему имеет значение…
Страница, которая больше не существует и не имеет замены, обычно может быть допущена к ошибке 404. Возврат этого кода состояния обычно приводит к тому, что Google замедляет сканирование страницы. страницу, пока в конце концов она не будет полностью исключена из индекса (обычно это занимает около месяца).
Даже если страница исчезла навсегда, следует учитывать некоторые дополнительные соображения:
- Внутренние ссылки — Есть ли на рассматриваемой странице внутренние ссылки, указывающие на нее? Если это так, стоит удалить или заменить эти ссылки, чтобы пользователи не переходили на неработающую страницу. Внутренние ссылки на 404 также могут привести к нежелательному раздуванию сканирования и негативно повлиять на время, необходимое поисковым системам для обнаружения и сканирования действительно важных страниц.
- Обратные ссылки – Есть ли какие-либо ссылки из внешних источников? Если это так, разрешение страницы на 404 может привести к потерянный капитал ссылок . Проверьте ссылающиеся домены URL-адреса, прежде чем разрешить страницу 404. Если есть что-то ценное, вы можете вместо этого рассмотреть возможность перенаправления 301. Здесь пригодится отчет «Неработающие страницы с обратными ссылками». Также можно сузить и расставить приоритеты страниц для перенаправления на основе отчета «Неработающие страницы с трафиком», поскольку он выделяет любые ошибки 404, которые пользователи находят естественным образом.
Внутренние ссылки на 404 также могут привести к нежелательному раздуванию сканирования и негативно повлиять на время, необходимое поисковым системам для обнаружения и сканирования действительно важных страниц.Если страница была окончательно удалена и не имеет значения ссылки…
Страницы, которые были удалены навсегда и не имеют значения ссылки, могут получить код состояния 410.
Это говорит о том, что страница полностью исчезла и была намеренно удалена. В настоящее время Google одинаково просматривает страницы 404 и 410, но 410 — хороший вариант, если вы точно знаете, что контент не будет восстановлен.
Обработка действительных страниц 404
Мы обсудили все причины, по которым ошибки 404 являются естественной и часто полезной частью Интернета. Поэтому вас можно простить за то, что вы думаете, что никаких дальнейших действий не требуется, когда страница остается до 404, но это не совсем так.
Страницы 404, которые возникают естественным образом, должны возвращать правильный код ответа 404 HTTP. Они также должны быть заблокированы с номером , а не через robots.txt, так как это может затруднить для Google понимание того, как вы хотите, чтобы страница обрабатывалась.
Возможно, вам также придется поработать над усовершенствованием страницы с ошибкой 404, чтобы она была удобной и информативной.
Код ответа 404 может разочаровать пользователей. Наша работа как веб-мастеров состоит в том, чтобы облегчить это разочарование и направить пользователей к контенту, который они ищут (или, по крайней мере, к следующему лучшему). Эта ответственность ложится на вашу страницу с ошибкой 404, поэтому стоит потратить некоторое время на ее исправление.
Не существует жестких и быстрых правил относительно того, что представляет собой эффективную страницу ошибки 404. Часто это зависит от типа сайта и характера искомого контента.
Тем не менее, существуют определенные рекомендации для страниц с ошибкой 404, которым должны следовать все веб-мастера. сайт
Как именно вы выполните эти рекомендации, зависит только от вас. Некоторые сайты создают эффект wow с потрясающими визуальными эффектами, в то время как другие используют юмор, чтобы заинтересовать пользователей.
Лучше всего посмотреть на страницу глазами совершенно нового пользователя. Если бы вы попали на страницу в первый раз, знали бы вы, как вернуться на правильный путь? Ясно ли, что запрошенная вами страница не найдена, но может быть другой интересующий вас контент в том же домене? Если ответ будет чем-то иным, кроме ясного и громкого « yes », пришло время улучшить страницу с ошибкой 404.
Этот пост является частью серии статей Лумара на
Начните улучшать онлайн-опыт уже сегодня
Lumar — это интеллектуальная и автоматизирующая платформа для прибыльных веб-сайтов
Начать
Натали Стаббс
Старший технический специалист по поисковой оптимизации в Lumar
Натали является старшим специалистом по технической оптимизации в Lumar и входит в нашу группу профессиональных услуг.
Как найти ошибку 404 на вашем сайте
Последнее обновление: 03 /25/22
Во-первых, Что такое 404?
Ошибка 404 просто указывает на то, что пользователь зашел на запрошенный веб-сайт, но точный URL-адрес не содержит информации о сервере (и в результате он отвечает кодом ошибки 404). По сути, страница, к которой пытался получить доступ пользователь, не существует и не загружается должным образом.
Не все ошибки 404 требуют устранения! Иногда пользователь мог просто ввести что-то неправильно. В этом случае страница 404 — полезный способ сообщить им об ошибке и указать правильное направление. Однако в некоторых случаях ошибка 404 указывает на основную проблему. Например, у вас может быть неработающая ссылка на вашем веб-сайте или у вас могут быть ссылки в объявлениях или электронных письмах с опечаткой.
Как найти ошибку 404 с помощью Google Search Console
Google Search Console — отличный способ быстро найти URL-адреса, которые отвечают с ошибкой 404. После входа в Google Search Console ошибки 404 можно увидеть в отчете «Покрытие».
Нажмите «Исключено» и найдите ошибки с типом «Не найдено (404)».
Вы можете развернуть этот список, чтобы увидеть все URL-адреса, которые приводят к ответу 404. Google сообщает о любом URL-адресе, который они находят при переходе по ссылкам (на вашем веб-сайте и любых других веб-сайтах), если он отвечает 404.
Вы можете использовать инструмент «Проверить URL» в Search Console, чтобы узнать, откуда ведет ссылка на страницу. В некоторых случаях это будут внутренние ссылки на вашем сайте. Это ссылки, которые вы захотите обновить или заменить! Кроме того, вы можете обнаружить, что URL-адрес связан с другим веб-сайтом.
Это может быть возможность связаться и попросить обновить ссылку.
Как найти ошибки 404 на вашем сайте с помощью Google Analytics
Поиск по заголовку вашей страницы 404 — самый простой метод в Google Analytics. Вы можете найти это, введя URL-адрес, который, как вы знаете, приведет к ошибке 404, например: yourwebsite.com/thispageisnotreal.
Затем просмотрите исходный код и найдите тег «Заголовок» страницы (
*СОВЕТ. Если на вашей странице 404 еще нет тега заголовка, содержащего « 404 not found» или что-то подобное, вы должны добавить это! Это значительно упрощает отслеживание и поиск ошибок 404.
Если у вас есть заголовок для страницы 404, вы можете найти ее в Google Analytics в разделе «Все страницы» в разделе «Поведение».
*ПРИМЕЧАНИЕ. Вам нужно будет переключиться с «Страницы» по умолчанию на «Заголовок страницы» (3).
Нажмите на заголовок страницы 404, чтобы развернуть список всех ошибок 404 за указанный период времени.
Это хороший способ найти URL-адреса 404, но он особенно полезен для определения приоритетов, которые нужно исправить! Вы можете увидеть, какие ошибки 404 встречаются чаще всего, и определить, какие страницы необходимо перенаправить или потенциально исправить/восстановить.
Вы можете обнаружить, что десятки или даже сотни посетителей переходят на страницы с ошибкой 404, которые в противном случае могли бы конвертировать клиентов! Дайте нам знать, если у вас есть дополнительные вопросы.
Удачи!
Автор
CJ Lewis
Главный операционный директор Pouch Marketing
Специалист по цифровому маркетингу с 12-летним опытом. Специализация включает техническую поисковую оптимизацию, управление репутацией, оптимизацию коэффициента конверсии, аналитику и проведение многоканальных маркетинговых кампаний.
Похожие сообщения