10 умных страниц ошибок 404 с реальных сайтов
Ошибка 404 — код сообщения об ошибке на сайте. Он означает, что страница сайта, на которую вы хотите перейти, не найдена. Но эта страница может стать и хорошим маркетинговым инструментом. На ней можно разместить персонажа бренда, интересный текст с юмором, карту сайта, форму поиска или контактную информацию компании.
Бренды нашли разные способы информировать посетителей об ошибке 404 и перенаправлять их обратно в нужное место на сайте — кто-то делает это просто, кто-то подходит к вопросу творчески, а кто-то с юмором. Мы собрали примеры креативных страниц 404, которые могут вдохновить и вас.
Pipcorn
Страница ошибки 404 Pipcorn гармонично сочетается с остальным брендингом сайта. Есть красивый анимированный фон, понятная текстовая подсказка, направленная на поиск по сайту и кусочек попкорна, используемый как «0» в «404».
Spotify
Гигант музыкального стриминга Spotify сделал умную страницу 404 — остроумный каламбур из альбома Канье Уэста «808s and Heartbreak» и анимация записи.
Сайт ненадолго отвлекает посетителей, а затем отправляет их обратно на страницу, с которой они пришли.
Genially
Простой способ снизить напряжение на странице 404 — добавить быстрое «Ой!. Это поможет вашему сайту выглядеть более привлекательным, поскольку вы направите пользователей в нужное место. У сайта Genially, страница включает игривую и красивую иллюстрацию с призывом к действию.
Смотрите также нашу подборку креативных страниц товаров от различных брендов.
Adobe
Страница ошибки 404 от Adobe полезна и визуально приятна. В ней перечислены популярные ссылки, которые могут понадобиться посетителям, а также интересные цифровые произведения искусства, служащие визуальной метафорой сломанной или потерянной страницы. Сайтам следует чаще использовать визуальные метафоры.
Clorox
Страница 404 для чистящих средств Clorox вращается между тремя беззаботными фотографиями, чтобы сообщить посетителям о том, что они сделали ошибку. Это разумное использование брендинга — оно помогает добавить момент восхищения и одновременно помочь потерявшимся пользователям.
Chillhouse
Бренд средств самообслуживания Chillhouse приложил дополнительные усилия, чтобы стильно перенаправить своих посетителей. Страница 404 имеет соответствующий стиль и даже отправляет посетителей в небольшое путешествие по нескольким кадрам изображений, прежде чем они вернутся на главную страницу.
Bitly
Если вы введете неправильную ссылку Bitly, вы попадете на страницу Bitly 404. Мы предполагаем, что это происходит довольно часто, поэтому страница 404 сразу переходит к делу. Он объясняет, что могло пойти не так, и предлагает пользователям посетить домашнюю страницу Bitly, если им это нужно.
Ikea
Страница 404 Ikea также минималистична, но ей все же удается внедрить умный брендинг. Этот пример показывает, что ваши страницы с ошибками не должны быть сложными, чтобы донести суть, но нет ничего плохого и в том, чтобы немного развлечься.
Конечно, фраза «вы взорвали интернет» на странице ошибки 404 может показаться немного преувеличенной, но она говорит посетителям, что Moxie Design Co.
не относится к себе слишком серьезно с такими небольшими промахами, как этот. Кроме того, внизу удобно расположена панель поиска, чтобы вы могли отправиться в путь.
МакКиссак и МакКиссак
Классический трюк — «мы потеряли страницу». Опять же, простой способ представить 404, не оттолкнув аудиторию. Если вы такое агентство, как McKissack & McKissack, которое управляет множеством взаимодействий с клиентами, четкая подача необходима для всех страниц вашего сайта, включая страницы с ошибками.
Что за ошибка 404 | Как создать 404 страницу
Предлагаемые агентством услуги поискового продвижения предполагают поиск и устранение технических ошибок — недочетов в программном коде ресурса, которые напрямую влияют на видимость в поиске. Один из важных пунктов — устранение оптимизация 404 ошибки. В тексте ві узнаете, что за ошибка 404, почему она может мешать получить бесплатный трафик из органики и как ее исправить.
Ошибка 404 и ее влияние на SEO
Not Found 404 — это код, который указывает на то, что сервер найден, но обнаружить страницу по заданному URL невозможно.
В справке Google говориться: ошибка не влияет на рейтинг в поиске. И это логично, ведь страницы, выдающие указанный код ответа сервера, есть на каждом ресурсе.Вам выпадет уведомление “ошибка 404 страница не найдена” даже если вы просто введете некорректный адрес. Допустите опечатку.
Но есть “НО!”
Если неработающая страница образовалась в процессе удаления страницы или из-за наличия ошибки в URL на сайте, это может косвенно повлиять на продвижение в поиске. Почему?
- Страдают поведенческие факторы.
Большое количество несуществующих страниц в выдаче приведет к значительному числу отказов. Да и попав на нее с другой страницы сайта, посетители могут покинуть его, а длительность сеансов сильно сократится. Все это фиксируют поисковики и сочтут ваш ресурс некачественным и неполезным для аудитории. - Растрачивается краулинговый бюджет.
Краулинговый бюджет — это общее число веб-страниц онлайн0площадки, которое роботы поиска могут обойти за один сеанс. Если он будет растрачен на страницы с ошибкой, страницы с обновленным, новым контентом останутся вне индекса и не будут видимы в поиске.
- Теряется ссылочный вес.
Линки, которые направляют на удаленные веб-страницы, называются битыми и могут заметно сказаться на ранжировании. Поэтому, при удалении тех или иных страниц ресурса, следует заменить или удалить ссылки, которые на них ведут. - Формируются дубли.Попадая в индекс, страницы с 404-ой ошибкой будут засчитываться как дубли, что чревато попаданием под фильтр.
Итак, что делать? Рекомендуем целенаправленно создать страницу 404 для рассматриваемой ошибки и разместить на ней ссылки на любые страницы ресурса. Например, вы можете предложить пользователям перейти на главную, вернуться к предыдущей странице, обратиться в справочный центр и т.д.
Далее мы рассмотрим, как сделать страницу 404 в подробной инструкции.
Что делать с ошибкой 404: техническая часть
Прорабатываются три основных технических момента:
- все страницы с неправильно введенными адресами переадресовываются на страницу 404 в .htaccess.
- настраивается верный ответ сервера после перенаправления адресов (страница должна быть с 404-м http-кодом, не 200-м).
- созданная страница 404 скрывается от индексации через файл robots.txt.
Далее рассмотрим, как настроить 404 страницу в подобной инструкции.
Редирект ошибочных адресов на страницу 404
Что делаем?
- Создаем 404 страницу HTML.
- Перенаправляем адреса в файле .htaccess, чтобы при некорректном адресе человек попадал на 404 страницу.
Для этого вписываем строчку:
ErrorDocument 404 http://msystem.com/404.php
Это в качестве примера. На месте «msystem.com» – ваш домен, а http://msystem.com/404.php — путь к реальной странице.
ErrorDocument 404 http://msystem.com/404.html - Размещаем файл .htaccess на хостинге в корневом каталоге сайта.
Задаем корректный ответ сервера
Убедитесь, что создана правильная страница — 404, а не с кодом ответа 200. Проверить код ответа можно в Консоли Google при помощи функции “Сканирование/Посмотреть как GOOGLE бот”.
После проведения описанных выше действий, ответ сервера на битую ссылку будет выглядеть так:
- сначала HTTP/1.1 302 Found (перенаправление),
- а затем HTTP/1.1 200 OK (страница существует).
Это чревато тем, что в индекс вероятно попадут все битые ссылки, как существующие. Поисковик воспримет их как дубли и начнет пессимизировать сайт.
Отметим, что если мы рассматриваем ошибку 404 (нет такой страницы) в Яндекс, можно проверить код ответа сервера при помощи Вебмастера Яндекс (https://webmaster.yandex.ru/tools/server-response/) или одного из онлайн-сервисов:
http://checkmy.ru/
https://www.bertal.ru/
В любом случае создавая кастомную страницу для 404 ошибки, не забывайте задать правильный ответ сервера.
Итак, как создать 404 страницу правильно:
- Прописываем в самом начале файла 404 строчку кода и добавляем файл на сервер.
- Закрываем 404-ю страницу от попадания в индекс в файле rodots.txt, введя директиву Disallow: путь к странице.
С технической частью разобрались. Переходим к маркетинговой.
Что делать с ошибкой 404: маркетинговая часть
Ошибка 404 — это как работа с негативными отзывами. Сама по себе — досадность, но если все сделать правильно — может сыграть на руку бизнесу.
Что советует наш маркетолог для оформления 404 страницы:
- Подключайте дизайнеров. Подавайте 404 страницу со вкусом, не забывая об особом дизайне сайта: его нужно сохранить. Это даст понять пользователю, что он попал туда, куда нужно и сгладит разочарование от ошибки.
- Объясните гостю сайт, что могло привести к ошибке. На языке обычного интернет-пользователя.
- Предложите гостю посетить страницы, которые будут ему интересны и полезны. Об этом мы писали в начале статьи. Обызательно оформите ссылку и кнопку с переходом на Главную.
- Оставьте ссылку на поддержку, чтобы пользователь мог сообщить о неприятности. Так вы не только проявите участие, но и сможете мониторить ошибки на сайте.
Вместо заключения предлагаем пример страницы 404: вдохновляйтесь!
Оцените статью
Средняя оценка 0 / 5. Количество оценок: 0
Оценок пока нет. Поставьте оценку первым.
Личный помощник
Ведет дела в рамках услуги поисковая рекламаПогружается в специфику работы, но при этом умеет донести информацию доступным способомСвязывается с заказчиком минимум раз в неделю для передачи отчетов, обсуждения результатов
Обсудить проект
Как отредактировать страницу ошибки 404 в Squarespace
Что такое ошибка 404: страница не найдена
Страница 404 — это место, где кто-то оказывается, когда вы нажимаете неработающую ссылку на вашем сайте.
Существует несколько основных причин, по которым посетитель может оказаться на странице с ошибкой 404.
вы удалили контент, и страница больше не существует
контент был перемещен на другую страницу или был изменен URL-адрес
человек неправильно написал или опечатался в URL0005
Как видите, это обязательно произойдет, и когда это произойдет, вы захотите превратить это в возможность.
Ваша цель — убедиться, что они не уйдут и, надеюсь, найдут то, что ищут.
Зачем настраивать страницу 404
В худшем случае кто-то попадет на вашу стандартную страницу 404, которая выглядит так.
К сожалению, это не очень полезно и не приносит пользы пользователю.
Единственный вариант, который он предлагает, — перейти на домашнюю страницу или щелкнуть на странице /search.
Вот почему мы хотим создать пользовательскую страницу.
Мы хотим, чтобы люди знали, что они на правильном сайте, но что-то пошло не так, и мы хотим это исправить.
Это также возможность добавить немного индивидуальности и немного юмора.
Поскольку в противном случае это было бы тупиком, это также дает нам ценную возможность SEO.
Что должно быть на странице 404
Сохраняйте работоспособность.
Заголовок или текст, объясняющий простым языком, что происходит. Помните, что это не то место, где они ожидали приземлиться, поэтому сообщите им, что это ошибка, но заверите их, что они находятся на правильном месте.
Вместо ссылки на страницу поиска включите ее, встроив строку поиска.
Наконец-то четкий призыв к действию, дающий им возможность получить то, за чем они пришли.
Как создать пользовательскую страницу 404
Начните с пустой страницы без ссылок.
Отредактируйте свой контент.
Присвойте уникальное название страницы
Примеры ниже могут вдохновить вас на дизайн.
Как изменить страницу 404
В главном меню перейдите к Design > 404 Page и выберите пользовательскую страницу из раскрывающегося списка.
Полезные советы и рекомендации по дизайну
Существует 2 основных подхода к этим страницам. Один супер минималистичный и голый. Другой немного более джазовый.
Веселись
Компьютерщик. Сходить с ума. Будьте беззастенчивы, извиняйтесь.
Будь смелым
Используй прикольную графику, анимацию. Пользовательское фоновое изображение. Что-нибудь бросающееся в глаза.
Сохранить верхний и нижний колонтитулы
Некоторые дизайнеры отказываются от этого, превращая 404 в страницу сжатия с несколькими выходами. Я рекомендую оставить ссылки в верхнем и нижнем колонтитуле на месте, чтобы у пользователей был другой вариант.
Добавить панель поиска
Панели поиска — очень простой способ помочь кому-то найти то, что он ищет.
Используйте форму, чтобы они могли отправить сообщение
Если страницы больше нет на вашем веб-сайте или есть что-то неясное, контактная форма помогает, позволяя кому-то связаться с вами напрямую.
Используйте блок сводки для ссылок на популярный контент.
Блоки сводки — это отличный способ получить контент из других частей сайта, который вы хотите показать.
Используйте для блогов и продуктов.
Будь проще
Не сходи с ума. Не загромождайте страницу лишним.
Скрыть страницу 404 из результатов поиска.
Установите флажок «Скрыть эту страницу из результатов поиска» на вкладке «SEO» в настройках страницы, чтобы избежать потенциальной ошибки «мягкого кода 404». По сути, Google потенциально помечает эти страницы, потому что они индексируются, но говорит, что там ничего нет.
Примеры
Вот несколько примеров страниц 404 в Squarespace
Squarespace
Как удержать посетителей на вашем сайте на вашем сайте вместо того, чтобы расстраиваться и уходить.
Лучшие примеры на 404 страницы иллюстрируют, как сделать лимонад из лимона. Это творческий способ удержать посетителей вашего сайта, а не причина, по которой они переходят с вашего сайта на другой или обратно в Google.
ВИДЕО:
Содержание
Что такое страница 404?
Когда кто-то переходит на несуществующую страницу вашего веб-сайта, ваш сайт обычно отображает сообщение об ошибке «Страница не найдена» или что-то подобное. Это известно как страница 404. Большинство веб-инструментов по умолчанию настраивают сообщение об ошибке страницы 404. Текст часто бывает простым, сообщая посетителю что-то вроде
- 404 Ошибка
- Страница не найдена
- 404 Страница не найдена
- Эта страница не существует
Хуже того, посетитель может начать сначала только со ссылки на домашнюю страницу, а иногда и без нее.
Результат: тот посетитель, которого вы усердно пытались привлечь, теперь разочарован и, скорее всего, покинет ваш сайт.
Это известно в веб-терминологии как «отказ». Вы не хотите, чтобы посетители уходили с вашего сайта, потому что они попали на несуществующую страницу.
Совет профессионала: ознакомьтесь с 10 основными факторами ранжирования SEO: как повысить рейтинг Google
Как посетители попадают на страницу 404?
Существует множество причин, по которым посетитель находит вашу страницу 404. Вот некоторые распространенные причины:
- Вы обновили имя (URL) страницы, возможно, в целях SEO-названия файла, но не обновили ссылки на нее или вставили переадресацию 301, чтобы все ссылки на старое имя были удалены. на новый URL
- Вы удалили страницу и не обновили внутренние ссылки, ведущие на нее (или использовали редирект 301, как указано выше)
- Другой сайт разместил ссылку на одну из ваших страниц, но сделал опечатку, поэтому ссылка не ведет на нужную страницу
- Веб-посетитель сделал опечатку при попытке попасть на вашу страницу
Если страница не может быть найдена на вашем сайте, ваш веб-сервер автоматически отображает страницу ошибки 404.
Если они попали на страницу с ошибкой по другой ссылке на вашем сайте, они могут даже подумать, что вам следует лучше следить за ссылками на вашем сайте, чтобы обновлять те, которые больше не работают. Вы можете провести аудит сайта с помощью таких инструментов, как SEMrush (наша главная рекомендация — это партнерская ссылка на инструмент, который мы используем ежедневно). Вы можете настроить бесплатную пробную учетную запись и провести полный аудит своего сайта за считанные минуты.
Как увидеть свою страницу 404
Хотите знать, как выглядит сообщение 404 страница не найдена на вашем сайте? Сделайте это:
- Перейдите на свой домен в Google (введите https://
) - Введите косую черту «/» (без кавычек)
- Добавить случайные символы после косой черты
- Поскольку этой страницы не существует, на вашем веб-сайте будет отображаться сообщение об ошибке 404 страницы.
Пример того, что мы должны ввести, чтобы увидеть наш:
- https://morebusiness.
com/9sd2j2k312fpkma-3
Если вы нажмете на ссылку выше, она перейдет на страницу, которой нет на нашем веб-сайте, поэтому вы увидите нашу страницу 404.
Запомните : вряд ли кто-то зайдёт на страницу, подобную той, что выше, а вот опечатки сделать легко. Итак, если у вас есть страница под названием «о нас», а ваши посетители (или сайт, ссылающийся на вас) вводят «об использовании», то ваш посетитель перейдет на страницу 404.
Лучшие страницы 404
Хорошая новость заключается в том, что не все потеряно, если кто-то попадет на вашу страницу с ошибкой 404. Вы можете направить их к соответствующему контенту или даже побудить их просмотреть другие разделы вашего сайта.
Вот лучшие примеры страниц 404, которые покажут вам, как заставить посетителя улыбнуться и остаться на вашем сайте, вместо того, чтобы разочароваться и уйти.
Было бы упущением, если бы мы не указали здесь собственное сообщение 404 страницы. Посмотрите, как мы структурировали его, чтобы сделать его одним из лучших примеров страницы 404:
- Используйте сообщение о бренде, а не говорите 404, Ошибка или Страница не найдена
- Предлагайте релевантный контент в качестве альтернативы странице, которую ищет пользователь
- Предоставить дополнительные возможности навигации
Если вы не публикуете контент, вы можете направлять посетителей в соответствующие места на вашем сайте, как это делает United Airlines на своей странице: юмор.
Забавные страницы 404 — хороший вариант, если бренд вашей компании использует юмор в других областях маркетинга.
Поддерживайте согласованность страницы с ошибкой, используя забавное сообщение 404 страницы, подобное приведенному ниже в Mint Mobile. Это компания актера Райана Рейнольдса. Он известен своим юмором в своих предпринимательских усилиях не только в своих фильмах, а обмен сообщениями делает их одним из лучших примеров 404 страниц в Интернете.
Креативные страницы 404
Иногда лучшей творческой страницей 404 является та, которая возвращает посетителя на домашнюю страницу. Это именно то, что делает страница Pizza Hut, но с пит-стопом, чтобы показать заставку в качестве промежуточного шага. Это делает его одним из лучших примеров страницы 404, которые мы видели.
Сообщения на этой странице 404 очень креативны и связаны с темой компании — выпечкой пиццы.
Управляете пиццерией? Скачать бесплатно: Бизнес-план магазина пиццы
Optin Monster, один из наших любимых веб-инструментов для захвата адресов электронной почты посетителей (кстати, мы являемся партнером Optin Monster), предлагает посетителю способ «получить урок маркетинга», пока он находится на странице ошибки.
:
Страница видео 404
Disney использует анимацию в своих сообщениях для создания страницы видео 404. Анимация показывает, как один из их персонажей выходит из «0» в 404, и предлагает посетителю возможность найти другой контент.
Добавление движения для создания видеостраницы 404 может удерживать внимание вашей аудитории немного дольше. Использование Диснеем юмора и видео ставит их страницу в один из наших лучших примеров страницы 404.
Примеры страниц 404
Со всеми креативными страницами 404 выше мы хотели поделиться тем, что, к сожалению, слишком часто встречается: плохие страницы 404. Вот пример страницы 404, которая кричит «обновите меня, пожалуйста!» Посетители застревают, потому что они оказываются в тупике без очевидных указаний, что делать дальше. Не позволяйте этому быть вашим сайтом:
Шаблон для вашей страницы 404
Как видно из лучших примеров страницы 404 выше, существует множество способов создать идеальную страницу для вашей компании, чтобы вы оставались на бренде.
