Содержание

Почему любому сайту нужна страница 404

Приемы создания страницы и лучшие примеры от сайтов на Тильде и в вебе

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

Содержание

Зачем нужна страница 404
Приемы создания страницы 404: о чем стоит помнить
Как правильно сделать страницу ошибки на Тильде
Примеры классных страниц 404 на Тильде

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

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

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

Зачем нужна страница 404

Кажется, что можно и обойтись без собственного дизайна страницы ошибки — что в этом такого?

На самом деле страница 404 нужна всем, и вот почему:

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

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

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

ifttt.com

www.dtelepathy.com

www.cosowinerestaurant.com

oak.is

www.hannabi.com

www.panicstudio.tv

panike. pt

outlane.co

Создать дизайн страницы 404 — способ по-человечески поговорить с вашим пользователем и вернуть его на сайт.

Приемы создания страницы 404: о чем стоит помнить

Объяснить посетителю, что происходит.

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

solarcomplekt.com

www.uxsofia.com

marvelapp.com

Развлечь и рассмешить.

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

hugeinc.com

Тональность сообщения на странице ошибки зависит от позиционирования вашего бренда, но немного юмора никогда не помешает.

worrydream.com

www.pixar.com

renk-magazin.de

off-box.com

bakkenbaeck.com

emojibook.club

Вернуть пользователя на сайт.

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

builtvisible.com

theoryandpractice.ru

finely.co

mag.fieldsroads.ru

Сохранять свой стиль.

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

dropbox.com

hula-hoop.fr

intercom.com

airbnb.ru

Предупредить ошибку.

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

У Google и Яндекс есть бесплатные сервисы для веб-мастеров, которые помогают найти неработающие ссылки.

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

Создайте новую страницу сайта на Тильде.

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

Опубликуйте.

Перейдите в «Настройки сайта > Еще > 404 страница». Выберите из списка страницу, которую вы создали и сохраните.

Важно:

  • Не задавайте адрес /404 — будет появляться стандартная ошибка Тильды
  • Чтобы 404 заработала, вам нужно переопубликовать все страницы сайта

Какую информацию разместить на странице 404?

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

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

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

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

Как должна выглядеть моя страница 404?

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

danwoodger.com

bons.me

swelldesigngroup.com

robinhood.com

www.dogstudio.co

Примеры классных страниц 404 на Тильде

controforma.school

basetemplates.com

www.arenaslab.com

thewonderdesigns.com

www.togdazine.ru

happyfication.space

lab-w.com

Текст: Варя Гурова
Иллюстрации, дизайн и верстка: Юлия Засс

Если материал вам понравился, расскажите о нем друзьям. Спасибо!

Читайте также:

Продвижение по методу AARRR

Что такое UX дизайн?

Как привлечь новых пользователей с подходом Jobs To Be Done

Закон о защите персональных данных — как избежать штрафов

Впечатление о сайте — что повышает доверие пользователя в веб-дизайне

Визуальная иерархия сайта: оформление и организация контента

Персональный сайт личного бренда: как использовать Тильду для развития личного бренда

Бизнес в инстаграм: как увеличить продажи с помощью сайта

Как повысить конверсию сайта — 12 психологических приемов

Уникальное торговое предложение для сайта — как составить продающий оффер

Аналитика сайта — как повысить конверсию сайта, используя веб-аналитику

SEO продвижение сайта на Тильде самостоятельно — пошаговая инструкция

Показать больше

Ошибка 404 Not Found на сайте, что значит и как исправить

404 ошибка и Not Found 404 — что это значит и как исправить

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

Как работает протокол HTTP

Чтобы продолжить рассматривать код ответа 404, нужно разобраться как работает HTTP (HyperText Transfer Protocol или протокол передачи гипертекста), по которому идёт обмен данными между сайтом и браузером. Упрощённо схема его работы выглядит так: пользователь вводит URL-адрес в браузер или кликает по ссылке на сайте → браузер по HTTP передаёт запрос на сервер → сервер отдаёт в ответ запрошенную страницу или код ошибки.

Существует пять классов состояния — типов ответа веб-сервера:

  • 1xx — информационные. Например, код 102 означает, что запрос обрабатывается.
  • 2xx — успешный запрос. 200 ОК это ответ о том, что страница найдена. Пользователь получает запрошенный HTML-документ.
  • 3xx — переадресация. Например, при коде 301 пользователь получает документ, но не тот, адрес которого вводил в адресную строку браузера, а тот на который владелец сайта поставил перенаправление.
  • 4xx — ошибка клиента. Так, 404 — страница не найдена, 401 — требуется авторизация, а 403 — доступ запрещён.
  • 5хх — ошибка сервера. Запрос невозможно обслужить из-за внутренней ошибки сервера (500 Internal Server Error), недоступности шлюза (502 Bad Gateway), недоступности сервиса (503 Service Unavailable) и прочих.

Таким образом, 404 ответ — это разновидность кода, который говорит о том, что страница была удалена или введённый адрес неверен.

Хотите, чтобы ваш сайт всегда был доступен? Хостинг-провайдер Tendence.ru c 2006 года обеспечивает бесперебойную работу серверов и оказывает круглосуточную техническую поддержку клиентов.

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

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

Ещё один вариант устранения 404-й ошибки подойдёт на случай, если информация на странице устарела, неактуальна или не устраивает дизайн страницы — 301 редирект на новый документ. Таким образом, вместо удаленной устаревшей страницы, сервер показывает пользователю ту, которая лучше отвечает на запрос. Если сайт выполнен на одной из популярных CMS (WordPress, Joomla, UMI.CMS, MODX, HostCMS или подобной), настроить редирект не составит труда. Нужно просто выбрать один из плагинов для переадресации, указать в нём старый URL и новый, на который нужно перенаправить пользователя.

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

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

  1. Необходимо привести внешний вид страницы ошибки в соответствие с общим дизайном сайтом. Так пользователь не запутается и поймёт, что он всё ещё находится на том же сайте.
  2. Поместить на неё ссылку на главную страницу и основные разделы каталога или, если речь идет о блоге, на последние публикации. Это позволит задержать пользователя на сайте, даже если нужного товара или статьи не нашлось.
  3. Указать на странице контакты и разместить форму поиска по сайту. Благодаря этому посетитель сможет найти нужную информацию на сайте или связаться с владельцем.

Заключение

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

Ошибка 404 — что это такое? Определение

Что такое ошибка 404? – Определение

404 ошибка (также известная как: 404, 404 Not Found или HTTP 404) — это код ошибки ответа HTTP, который информирует о том, что сервер не смог найти запрошенный ресурс (веб-страницу). Сообщение об ошибке 404 указывает, что веб-браузер может подключиться к серверу, однако не может найти ресурс по введенному URL-адресу. Эта ошибка чаще всего возникает, когда страницы больше не существует, потому что она была удалена или пользователь неправильно ввел URL-адрес. 9Ошибку 0007

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

Как исправить ошибку 404 при работе в Интернете?

 

Было ли это определение полезным?
Author

Delante — агентство интернет-маркетинга, специализирующееся на привлечении трафика на веб-сайты из поисковых систем и платной рекламы (SEO / SEM). Более 80% наших клиентов представляют быстрорастущую индустрию электронной коммерции.

Родственные определения
  • Кэш
  • Куки
  • HTML

НЕДАВНО В НАШЕМ БЛОГЕ

Преодолеть негативную тенденцию и повысить видимость в 3 раза — раскрытие примера переноса веб-сайта

|

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

Подробнее

Внутреннее или SEO-агентство — что лучше в 2023 году? [ВИДЕО]

|

  • SEO сотрудничество

В 2023 году выбор между наймом штатного специалиста по SEO или партнерством с SEO-агентством стал важным решением для компаний, стремящихся расширить свое присутствие в Интернете.

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

Подробнее

Лучшие локальные SEO-инструменты для продвижения вашего бизнеса в Интернете

|

  • Местное SEO

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

Подробнее

Посмотреть все статьи

Что дальше?

Вас интересуют наши услуги? Напишите нам, и мы договоримся о встрече или телефонном звонке.

Оставьте сообщение

Отправьте нам адрес вашего сайта и ваш контактный номер – мы свяжемся с вами в течение 48 часов.

Пишите нам

Поговорим!

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

Получите предложение по действиям

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

Будьте готовы к изменениям

Если вам понравилась стратегия, которую мы подготовили для вашего сайта, и вы хотите начать сотрудничество – готовьтесь к изменениям! Мы начинаем путь к более высоким рангам и повышению конверсии вашего сайта!

Получить бесплатное предложение

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

Что такое страница 404 и зачем она нужна?

Страница 404 — это главный элемент Интернета.

Если вы объедините все случаи, когда кто-то попадал на страницу 404, а не на ту страницу, которую он пытался открыть, у вас было бы больше обращений, чем в Google, Facebook и America Online вместе взятых.*

(*Примечание редактора: это может быть неправдой.)

Но что такое страница 404? И зачем он нужен сайту моей компании?

Все хорошие вопросы. Начнем, как говорится, с самого начала.

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

Вот официальное объяснение страницы 404:

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

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

Во-первых, «URL» или «Унифицированный указатель ресурсов» — это, на техническом языке, веб-адрес. Вообще говоря, URL-адреса состоят из трех разделов:

  • Протокол
  • Доменное имя
  • Путь

В качестве примера рассмотрим веб-адрес «https://websitemuscle.com/blog». Протокол — «https://», доменное имя — «websitemuscle.com», а путь — «/blog».

Что произойдет, если вы ошибетесь и наберете «https://www.websitemuscle.com/blerg?» Они правильно назвали ваше доменное имя, поэтому сервер смог получить доступ к вашему сайту. Однако путь, по которому они пытаются следовать, буквально никуда не ведет. Вот когда появляется ваша страница 404.

Напротив, ввод «https://www.weebsitemsucle.com/blog» дает неработающую ссылку. В этом случае имя домена неверно, хотя путь работает.

Наконец, «404» относится к ответу кода HTML. Трехзначное означающее проникло в народный язык и другими способами. (Ищите парня на следующей вечеринке в честь Хэллоуина в белой футболке с надписью «404 — костюм не найден». Хотя это все еще не смешно, по крайней мере, вы поймете шутку.

)

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

Другой пример: допустим, у вас есть продукты, перечисленные на вашем сайте, каждый со своим уникальным URL-адресом. Домен будет выглядеть примерно так: «https://fakebusiness.com/products/widget-1/».

Теперь предположим, что у вас есть ссылки на эти продукты на главной странице продуктов — «https://fakebusiness.com/products/». Достаточно просто, не так ли?

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

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