Для чего нужна страница ошибка 404

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

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

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

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

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

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

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

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

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

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

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

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

www.cosowinerestaurant.com

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Важно:

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

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

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

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

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

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

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

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

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

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

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

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

Что означает ошибка 404 или жаль, страница не найдена

Код ошибки 404 – не конец света, он всего лишь означает, что браузер не нашел на сервере предложенную ссылку (урл по протоколу http). Его больше нет или никогда и не было – причины не так уж важны, ведь пользователь с большой долей вероятности расстроился и ушел с подотчетного ресурса (то есть вся работа по привлечению и вовлечению насмарку).

Цифровой код ответа появился не случайно: 

  • первая 4 означает ошибку ввода адреса и слишком долгий ответ на запрос
  • 0 посредине обозначает неточность синтаксиса
  • вся суть в 4 в конце, она «рассказывает» об отсутствии запрошенного url

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

Почему появляется ошибка 404:

  • Битая ссылка – то есть нерабочая внутренняя гиперссылка, сео-мусор, который никуда не ведет. Часто возникают после обновлений, удаления неактуальных материалов, при невнимательном отношении к внутренней перелинковке.
  • Неправильно набранный http значит, что фактически формируется запрос на не существующую в реальности страницу. 
  • Страница удалена, поэтому закладка или редирект ведут в пустоту. 
  • Изредка ошибку 404 выдает сервер при некорректной работе. Тогда у сайта наблюдается ворох других симптомов. 

Как влияет на продвижение ошибка 404 (Not Found)

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

Важно! Номинально и Яндекс, и гугл настроены к не найденным урлам с ошибкой 404 толерантно. Однако надо и честь знать: процент 404 ошибок сервера не должен выходить за рамки разумного (статистически, даже 1% много). 

Если http с ошибкой 404 много (к примеру, множество эффективных внешних ссылок ведут на удаленные страницы на сайте), то это ударит по показателям посещаемости:

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

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

Как должна выглядеть страничка с ошибкой

Если жизнь преподносит сплошные лимоны, сделай из них… Правильно, высококонверсионную страничку! Это значит, что абсолютную бесполезную ошибку 404 (Not Found) нужно конвертировать хоть во что-нибудь. Оставлять унылую страничку, рассчитывая, что пользователь проявит сознательность и как-то сам найдет, что ему нужно – ничем не подкрепленная самоуверенность. 

Варианты, как поступить с ошибкой 404 на сайте:

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

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

Правила оформления

Хорошо прописанная, ясная, четкая и соответствующе оформленная страница с Not Found сгладит разочарование посетителя и принесет замаскированные извинения. Извиняться напрямую не стоит: интернет – агрессивная среда, могут не понять.

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

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

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

Где видны все проблемы?

Сайт-визитку легко просмотреть постранично, но с многотысячными порталами понадобятся автоматизированные средства или предустановленное ПО, чтобы выявить и устранить нерабочие адреса. Помогает использование бесплатных метрик поисковых систем:

  1. В Search Console Google «потеряшки» находятся в «Ошибки сканирования». Может понадобится подтвердить право на редактирование, отослать текстовый файл с данными DNS. 
  2. В Яндекс.Вебмастер в «Индексировании» нужно искать исключенные из поиска страницы. 

Также существуют платные и бесплатные программы – SiteAnalyzer, Screaming Frog, Netpeak Spider.

Ошибка 404: как исправить

Перед тем, как пытаться что-то исправить, нужно понять, почему сервер выдает то, что выдает, а не то, что надо. Обнаружив проблемы, веб-мастер приступает к их устранению:

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

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

Профилактика – лучшее лечение (и ошибки 404 на сайте тоже)

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

Что делать:

  • Не перекидывайте адреса. Из-за этого теряется ссылочная масса, закладки у постоянных посетителей и появляются подозрения у поисковых алгоритмов. 
  • Избегайте опечаток и неверного трактования: несмотря на то, что сейчас практически никто не набирает урлы вручную, все равно старайтесь делать его максимально четким и легким в написании.
  • Используйте надежный сервер, нормального хостера и приличную CRM. Все внутренние ревизии и перелинковки проводите не вручную, а с помощью плагинов, которые при необходимости можно откатить назад.

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

  • Опубликовано:
  • Теги:
    seo, ux

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

Оглавление

  • 1. Когда сервер выдает ошибку 404?
  • 2. Почему нужно оформлять страницу
    • Впечатление пользователя
    • Индексация поисковиками
    • Поведенческий фактор
    • Доверие
    • Генерация лидов
  • 3. Что должно быть на странице 404
  • 4. Ссылки

1. Когда сервер выдает ошибку 404?

Ошибка 404 выдается, если

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

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

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

2. Почему нужно оформлять страницу 404

Впечатление пользователя

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

Страница 404 веб-сервер Nginx

Еще вариант оформления «из коробки»

Индексация поисковиками

Поисковой паук, попав на дефолтную страницу 404, не сможет проследовать дальше, если на странице нет ссылок. А на кастомной странице можно проставить ссылки, которые желательно еще раз «скормить» поисковику;

Поведенческий фактор

Если пользователь не закроет окно, а продолжит пользоваться сайтом, это уменьшит уровень отказов, что опять-таки будет полезно для

Доверие

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

Генерация лидов

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

Страница ошибки на LeadPages

3. Что должно быть на странице 404

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

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

4. Ссылки

  • Small Business Trends
  • kingged.com

Ошибка 404, либо Error 404 Not Found — ошибка, которая появляется, если браузеру не удалось обнаружить на сервере указанный URL.

Страница 404.

Сообщение об ошибке 404

Что означает ответ 404

Error 404 Not Found отображается по-разному: «HTTP 404 не найден», «Ошибка 404 Not Found», «404 Страница не найдена». Смысл надписи всегда остаётся тем же: страница отсутствует либо просто не работает. Not Found в переводе означает «не найдено».

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

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

Разберёмся в техническом формировании ответа Error 404 Not Found.

Техническая сторона вопроса. При связи по HTTP браузер запрашивает указанный URL и ждёт цифрового ответа. То есть любой запрос пользователя направляется на сервер размещения искомого сайта. Когда браузеру удаётся связаться с сервером, он получает кодированный ответ. Если запрос корректный и страница найдена, отправляется ответ с кодом 200 OK, что соответствует благополучной загрузке. При отсутствии страницы отправляется ответ об ошибке.

Что значит код «404». В ответе 404 первая четвёрка указывает на то, что запрос был чрезмерно длительным или в самом адресе была ошибка. Ноль предполагает синтаксическую неточность. Завершающая цифра кода отображает конкретную причину ошибки — «4» означает отсутствие данной ссылки.

Какие ещё ошибки бывают. Ошибку 404 не нужно путать с другими ответами, которые указывают на невозможность связи с сервером. Например, ошибка 403 сообщает, что доступ к URL ограничен, а ответ «Сервер не найден» свидетельствует, что браузер не смог обнаружить место размещения сайта.

Страница 404 от Google.

Google на 404 странице сообщает о возможных причинах ошибки

Причины ошибки

Причины, по которым HTTP возвращает ответ 404 Not Found:

  • Неверный адрес. К примеру, при ручном наборе пользователь допустил опечатку в адресе либо ссылка ведёт на несуществующую страницу. При этом домен должен быть написан верно. Если пользователь ошибется в названии домена, страница вообще не загрузится (без показа ошибки).
  • Битая ссылка. Это нерабочий URL, который никуда не ведёт. Данный вариант иногда возникает при внутренней перелинковке. К примеру, раньше страница существовала, а потом её удалили и забыли убрать ссылку.
  • Удалённая страница. Когда пользователь попытается перейти на удалённую с сервера страницу, он также увидит ошибку 404. Ссылка для перехода может сохраниться в браузерных закладках или на сторонних ресурсах.
  • Неправильный редирект на страницу с изменённым адресом. Допустим, в процессе редизайна URL изменили, но оставили без внимания связанные ссылки.
  • Неполадки на сервере. Это самый редкий вариант.

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

Несуществующая страница на сайте.

Причины отсутствия страницы на сайте бывают разными

Возможные последствия для сайта

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

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

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

Как выявить ошибку

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

Search Console Google

Консоль поиска Google позволяет находить страницы с ошибкой 404 за несколько кликов:

  1. Войдите в учётную запись Google и перейдите в Search Console.
  2. Откройте раздел «Ошибки сканирования» → «Диагностика».
  3. Кликните на «Not Found».

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

Интерфейс Search Console Google.

Для использования Search Console Google нужно подтвердить свои права на сайт

Яндекс Вебмастер

Сервис для вебмастеров от Яндекса поможет быстро найти все ошибки 404:

  1. Откройте Вебмастер после авторизации в Яндекс-аккаунте.
  2. Выберите «Индексирование» → «Доступные для поиска страницы» → «Исключённые страницы».
  3. В выданном списке выберите фильтр «Ошибка HTTP: 404».

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

Главная страница Яндекс.Вебмастер.

Для входа в Вебмастер авторизуйтесь в Яндексе

Screaming Frog

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

Сервис Screaming Frog.

Инструмент SEO-паук в Screaming Frog помогает найти технические неисправности сайта

SiteAnalyzer

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

Страница загрузки SiteAnalyzer.

SiteAnalyzer бесплатно найдёт неработающие URL

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

Выбор конкретного решения зависит от причины ошибки:

  1. Ссылка ведёт в никуда из-за неверного URL. Для решения проблемы замените ошибочную ссылку на правильный адрес, чтобы сервер отдавал код 200 OK.
  2. Битая ссылка. Подобная ситуация не редкость при внутренней перелинковке страниц. К примеру, ссылка есть, а саму страницу давно удалили. Решений два: удалить ссылку или заменить её на другую.

Удалять и менять ссылки вручную удобно только на небольших сайтах. Исправление ошибок на крупных порталах лучше автоматизировать. Например, с помощью специальных плагинов для внутренней перелинковки (Terms Description, Dagon Design Sitemap Generator) и для автоматического формирования адресов страниц (Cyr-To-Lat).

Чтобы ошибки 404 появлялись как можно реже, достаточно соблюдать простые рекомендации:

  • Не присваивайте сложные адреса основным разделам сайта. Это снизит число ошибок, связанных с опечатками в URL.
  • Не меняйте адреса страниц слишком часто. Это неудобно для пользователей и вводит в заблуждение поисковых роботов.
  • Размещайте сайт на надёжном сервере. Это предотвратит ошибки, возникающие из-за неработоспособности сервера.

Мы разобрались, как найти и исправить ошибки Not Found внутри сайта. Но неработающая ссылка может быть расположена и на стороннем ресурсе. Допустим, когда-то на другом сайте разместили рекламную публикацию со ссылкой на определённую страницу. Спустя какое-то время страницу удалили. В этом случае появится ошибка 404. Устранить её можно, связавшись с администрацией ссылающегося сайта. Если же удалить/исправить ссылку нельзя, постарайтесь использовать ошибку с выгодой.

Как сделать страницу 404 полезной

Грамотно оформленная страница с ошибкой Error 404 Not Found — действенный инструмент конвертации посетителей. Ограничений по использованию страницы с ошибкой 404 нет. При этом практически все CMS позволяют настраивать дизайн этой страницы.

Что публиковать на странице 404:

  • меню с кликабельными ссылками;
  • ссылку на главную страницу;
  • анонс последних публикаций;
  • контакты для обратной связи.

При оформлении страницы-ошибки желательно опираться на рекомендации поисковиков:

  • Яндекс настоятельно рекомендует, чтобы страница контрастировала с основным содержанием сайта — иные цвета, другие графические приёмы либо их отсутствие. Необходимо чётко и понятно объяснить пользователю, что запрошенной страницы не существует и предложить другое решение.
  • Google советует придерживаться единого стиля оформления. Но также рекомендует понятно рассказать об ошибке и предложить полезные материалы.

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

Примеры оформления страниц 404

Designzillas

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

404 страница на сайте Designzillas

Меню на сайте Designzillas есть и на 404 странице

Domenart Studio

Веб-студия «Домен АРТ» использует красочную страницу 404, оформленную в единой стилистике ресурса. Заблудившимся пользователям предлагают попробовать ещё раз ввести адрес или перейти в нужный раздел.

Страница 404 Domenart Studio.

Контакты, поиск, меню — и всё это на 404 странице Domenart Studio

E-co

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

Ошибка 404 «Эко Пауэр»

Ошибка 404 «Эко Пауэр» выглядит как страница входа

Дом со всем

Компания «Дом со всем», занимающаяся бурением скважин, разместила на странице 404 свои контакты и перечень услуг. Со страницы можно перейти в любой раздел сайта или заказать обратный звонок. С таким наполнением посетителю не нужно искать дополнительную информацию где-то ещё.

Страница 404 «Дом со всем».

Компания «Дом со всем» предлагает заказать обратный звонок

Kualo

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

Cтраница 404 Kualo

На странице Kualo можно просто поиграть и заработать скидки

Рано или поздно с ошибкой 404 сталкивается большинство сайтов. При регулярной проверке можно своевременно исправить неработающие ссылки, чтобы в ответ пользователи получали код 200 OK. Но для крупного ресурса лучше настроить оригинальную страницу, которая будет отображаться при появлении ошибки Not Found и подскажет посетителям, что делать дальше.

Главные мысли

Ошибка 404 это

Наверное, каждый из вас попадал на «незнакомку» под именем — 404. Что это за страница и почему она не найдена? В этой статье мы дадим детальнее разъяснение и расскажем как создать и эффективно использовать страницу 404 в SEO.

навигация по статье

  1. Что такое “страница 404” и как влияет на SEO
  2. Создание и настройка страницы 404
  3. Оптимизация страницы 404
  4. Как отследить ошибки 404?
  5. Выводы

Что такое “страница 404” и как влияет на SEO

  • 404 — это код статуса HTTP (Not found), который отдает сервер, если пользователь пытается получить доступ к URL-адресу страницы, которая не существует:

Это может случится из-за ряда причин:

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

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

  1. детально объяснить причину посетителю, почему запрашиваемая страница не найдена;
  2. предложить готовые решения: поиск, карта сайта, обратная связь и др.;
  3. заинтересовать дополнительным содержимым сайта: лучшие материалы, горячие акции и т.д.;
  4. сохранить посетителя на сайте.

Кроме 404, существут и другие коды ответа (400 Bad Request, 401 Unauthorized, 402 Payment Required, 403 Forbidden). Главное, чтобы сервер корректно их обрабатывал. Ведь поисковик обращает на это внимание, когда индексирует сайты. К примеру, если страница была удалена, то с помощью кода 404, поисковые системы поймут, что такого URL больше не существует и удалят страницу из индекса через определенное время. Если же у несуществующей страницы вместо кода 404 (Not found), будет код 200 (Ok) — поисковик проиндексирует страницу и она может оказаться в результатах поисковой выдачи:

Такие страницы принято называть — “Soft 404” (гибкие 404).  Они нежелательны, так как поисковой краулер тратит время (которое ограничено, так называемый «бюджет краулера») на сканирование не существующих страниц, а это в свою очередь порождает массу дублей и снижает видимость основного контента. 

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

Лучшим решением будет прописать 301 редирект со старого, несуществующего URL-адреса страницы на новый URL-адрес с аналогичным контентом. Для этого нужно внести изменения в системный файл .htaccees, который лежит в корневой директории сайта (если его нет, нужно создать) и добавить строку:

Redirect 301 /oldpage.html https://www.site.com/category/newpage.html

Теперь поисковик поймет, что данная страница перемещена и объединит два разных адреса в один, где основным будет тот URL, на который и происходит перенаправление.

Что касается самих поисковиков, то Яндекс считает Soft 404 одним из распостраненных ошибок, а позиция Google относительно ошибки 404 проста и понятна, объясняя, что они являются нормальной частью Интернета и не влияют на позиции сайта, но в целом нежелательны, так как ухудшают поведенческие факторы.

Ознакомиться с официальными рекомендациями Google по 404:https://webmasters.googleblog.com/2011/05/do-404s-hurt-my-site.htmlhttps://support.google.com/webmasters/answer/181708?hl=ruhttps://support.google.com/webmasters/answer/93641?hl=en

Ознакомиться с официальными рекомендациями Яндекс по 404:https://yandex.ru/support/metrika/stand-out/informative-page-404.html

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

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

404 страница по умолчанию на CMS Joomla 1.5

Но есть выход — вы можете создать собственную страницу 404 и выжать из нее максимум!

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

ErrorDocument 404 http://example.com/404.html

*этот способ работает для веб-сайтов, работающих на серверах Apache, подробная документация здесь.
Таким образом, посетители увидят вместо бесполезной стандартной ошибки 404 вашу кастомную, умело подготовленную страничку, нацеленную на пользователя.
Внимание: обязательно не забудьте убедиться, что сервер действительно возвращает код 404! Проверить HTTP статус URL можно с помощью сервиса: https://bertal.ru/.

Можете также дополнительно запретить индексацию в robots.txt:

Disallow: /404.html

Для обладателей сайтов на WordPress способ выше не подойдет, т.к. страница 404 обрабатывается с помощью файла 404.php, лежащего в директории шаблона сайта (/wp-content/themes/имя-темы/404.php). Просто отредактируйте его на свое усмотрение. А если нет желания разбираться в коде, существует отличный плагин 404 Error Page — он поможет в два клика установить любую страницу, созданную в редакторе WordPress, в качестве 404-й:

Присоединяй­тесь к
Rush-Analytics уже сегодня

7-ми дневный бесплатный доступ к полному функционалу. Без привязки карты.

Попробовать бесплатно

Присоединяй­тесь кRush-Analytics уже сегодня

Оптимизация страницы 404

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

  1. Дизайн. Используйте оригинальный, привлекательный дизайн с небольшой долей юмора, что позволит сгладить негативное впечатление пользователя от того, что он не нашел то, что искал. Используйте остроумные и релевантные вашей тематике изображения. Людям это запомнится и они будут вспоминать ваш бренд. При этом в структуре страницы можно оставить шапку с логотипом и подвал сайта (блоки header и footer соотвественно). Главное не переусердствуйте, оформите страницу в том же стиле и тоне, что и остальная часть сайта. 
  2. Информативность. Извинитесь перед посетителем и вежливо, в детальной форме объясните, почему он оказался на странице 404. Перечислите возможные причины из-за которых это случилось.
  3. Предложите решение. Помогите пользователю решить проблему, например предложите перейти на “Главную”, воспользоваться “Поиском по сайту” или просмотреть “Карту сайта”, чтобы он смог найти то, что искал. Нужно доказать посетителю, что он вам не безразличен, это поднимет доверие к вашему сайту. Хорошим тоном будет предоставить ссылки на популярные материалы/категории/разделы сайта или горячие скидки, акции, если у вас интернет-магазин. Необходимо перевести внимание пользователя на что-то полезное для него. Можно также предложить подписаться на обновления, чтобы посетитель следил за новыми материалами и новостями сайта.
  4. Обратная связь. Заявите о своей доступности. Позвольте пользователям связаться с вами и лично сообщить о неработающей ссылке/странице. Если будете просто “в глухую” перенаправлять посетителей на “Главную”, это будет слишком банально.

Несколько различных примеров страницы 404:

Как отследить ошибки 404?

Рано или поздно ошибки 404 появятся на вашем сайте. Чтобы вовремя успевать их устранять, существуют инструменты аналитики Google и Яндекс.

Например, в Google Search Console отследить 404 ошибки поможет отчет “Сканирование”->”Ошибки сканирования”:

В Яндекс Вебмастере отследить 404 ошибки можно в разделе «Индексирование» -> «Страницы в поиске»  и выбрать группировку «Исключенные страницы», затем применить фильтр статуса — «HTTP 404»:

В Яндекс Метрике быстро получить список страниц с кодом 404 можно с помощью отчета: “Отчеты” -> “Стандартные отчеты” -> “Заголовки страниц”:

Затем нажать на кнопку “Группировки” и в новом окне добавить фильтр “URL->Адрес страницы”, нажать кнопку “Применить”:

Далее переключиться на линейный вид отчета и ввести в поле заголовок, например “404”:

Таким образом мы сможем отфильтровать страницы по заголовку 404 и просмотреть их URL, а также количество просмотров этих страниц.

Если нужно отследить “битые” ссылки на сайте, которые возвращают 404, можете воспользоваться полезным онлайн-сервисом или установить программу-краулер Seo Screaming Frog.

Обладателям сайта на WordPress, как всегда, поможет специальный плагин — Broken Link Checker.

Как не допустить появления 404-й ошибки на сайте?

  • грамотно формируйте постоянные URL для страниц;
  • регулярно проверяйте битые линки на сайте — как внутренние так и внешние, устранять их; 
  • не удаляйте старый контент, а если удаляете — ставьте 301 редирект на альтернативные страницы;

Выводы

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

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

Надеюсь, этот пост был полезным и даст понятие что такое страница 404 и зачем нужна вашему сайту. Если у вас есть какие-то мысли, вопросы или идеи, оставляйте комментарии на нашей странице Facebook или пишите на support@rush-analytics.ru


Привет, друзья. Иногда лазая по интернету можно наткнуться на интересную ошибку: “Ошибка 404 – Страница не найдена” или “404 Page not found”, давайте же разбираться что это такое и что Вы в конце концов сломали.

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

Ошибка 404 (или на англ. 404 Page not found) – это ответ сервера (место где хранится сайт) Вашему браузеру, который содержит в себе такую информацию: “Друг, такой страницы больше не существует, а может и никогда и не существовало, я не могу ее найти в своей базе данных”.

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

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

Давайте на примере, чтобы вас успокоить. Вы зашли в Google или Яндекс (поисковые системы), набрали какой-нибудь поисковый запрос (купить машину), и далее попали по какой-нибудь ссылке из результатов выдачи на ошибку 404. В вашем случае произошло вот что. Когда-то существовал адрес страницы сайт.рф/mashina и администратор сайта изменил ее URL-адрес (сайт.рф/mashina – это и есть URL адрес, т.е адрес по которому можно найти эту страницу в интернете) на сайт.рф/kupit-mashinu, а поисковую систему не оповестил. А в ее базе данных до сих пор хранится старый адрес – сайт.рф/mashina, а как вы догадались там уже ничего нет. Пусто.

Вот во время таких казусов, когда вы попадете на сайт по “битой” (сломанной или нерабочей) ссылке и возникает такая ситуация. Поисковая система (Яндекс, Google) отправляет вас на сайт по нерабочей ссылке, а сервер отвечает вам – “Ошибка 404. Упс, похоже вы заблудились”.

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

Зачем нужна ошибка 404

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

В интернете миллиард страниц и у каждой есть свой URL-адрес. По этому адресу можно найти страницу, но иногда он (URL) меняется в определенных целях. В таких случаях поисковый робот (Mail.ru, Yandex, Google, Bing) переходя по старой ссылке, рано или поздно, обратят внимание что страницы больше не существует и удалят ее из базы данных. Больше она никогда не будет появляться перед пользователем. Обычно процесс удаления занимает от 3 до 7 дней.

Некоторый компании очень креативно оформляют на своих сайтах 404 страницы, помогая пользователю не теряться (не уходить с сайта). Все не без греха, иногда даже крутые сайты оставляют 1-2 “битых” ссылки в год, просто из-за невнимательности.

страница 404 пример

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

  1. Что такое ошибка 404
  2. Функции страницы 404 ошибка
    1. Разъяснительная функция
    2. Продающая функция
    3. Развлекательная функция
    4. Важные моменты
  3. Исправьте и настройте отслеживание 404 ошибкок
  4. Примеры страниц 404 в наших проектах

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Призыв сообщить о 404 ошибке

Призыв сообщить о 404 ошибке

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

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

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

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

belcantofund.com

belcantofund.com

vertum.su

vertum.su

drenazh.su

drenazh.su

chopshopsamara.ru

chopshopsamara.ru

monahotel.ru

monahotel.ru

rielt-bg63.ru

rielt-bg63.ru

Понравилась статья? Поделить с друзьями:
  • Для чего нужна работа над ошибками
  • Для чего нужна проверка диска на наличие ошибок
  • Для чего нужен функционал ошибки
  • Для чего нужен код ошибки
  • Для чего нам нужны ошибки