зачем нужна страница 404
Почему каждому сайту нужна продуманная страница 404
Если пользователь пытается загрузить в браузере несуществующий URL-адрес, появляется страница 404. Ее задача — сообщить пользователю, что такой страницы на сайте нет.
На первый взгляд все предельно просто. Но давайте рассмотрим вопрос глубже, чтобы понять, какие ошибки вебмастера и разработчики могут допустить при работе со страницей 404.
Почему пользователи видят страницу 404
Свое название страница 404 получила от кода ответа сервера 404 — он означает, что сервер ничего не нашел по указанному адресу.
В такой ситуации пользователь может увидеть одно из стандартных сообщений:
Или же пользователь увидит страницу с оригинальным дизайном и навигационными элементами — именно такой сценарий предпочтительней. Почему — мы объясним чуть позже. А пока давайте разберемся, в каких ситуациях пользователь попадает на страницу 404:
С пониманием причин, по которым пользователь может увидеть вашу страницу 404, перед вебмастером стоит две задачи:
Хорошая и плохая страница 404
Попадание пользователей на несуществующею страницу и взаимодействие с ней неизбежно. Наша задача — сделать этот процесс максимально комфортным и полезным для посетителя сайта.
Рассмотрим все эти рекомендации более детально. Начнем с классического примера, когда страницу 404 не проработали и она представляет собой обычную заглушку, то есть страницу формирует веб-сервер в стандартном для него исполнении.
Согласитесь, попасть на такую страницу неприятно, и ваши эмоции в данный момент далеко не самые радужные. Возможно, вы не понимаете, что же делать дальше. И даже если вы далеко не новичок и знаете что делать, то просто поверьте мне — существует множество пользователей, которых это разозлит, и они просто закроют ваш сайт. Проще говоря, вы потеряете потенциальную продажу на миллион 🙂 Исследования также не на стороне стандартных страниц 404 — пользователь избалован и принимает решение практически мгновенно.
Наконец, подобная ситуация идет вразрез со всеми рекомендациями Google. Ведь если пользователю понятно, что страница не найдена, никаких дальнейших действий он выполнить не может. Поэтому ваша задача — сделать все, чтобы пользователь ошибался красиво 🙂
Какой должна быть хорошая страница 404?
Что же из себя представляет хорошая страница 404? Именно то, что процитировано в справке поисковика.
1. Страницу 404 нужно выполнить в общем дизайне сайта: она не должна отличаться ничем, кроме контента. Это логично, ведь контента на странице нет, вернее он является уведомлением пользователю о том, что страницы не существует. Так у пользователя не будет складываться ощущение, что он попал на другой сайт. Он будет по-прежнему видеть привычные цвета, логотип, шапку сайта и навигацию.
2. Предложите пользователю навигационный блок на свои самые прибыльные или популярные категории, чтобы пользователь не задумываясь остался на сайте.
3. Добавьте на страницу строку поиска по сайту. Возможно, уточнив свой запрос, посетитель найдет именно то, что ему нужно.
4. Предоставьте форму обратной связи, чтобы пользователь мог написать вам о своей проблеме и указать на неработающую ссылку. Таким образом вы установите контакт с пользователем, покажете свою заботу о качестве сайта и, возможно, найдете скрытые проблемы.
5. Следите за тем, чтобы страница не содержала прокруток. Весь контент должен умещаться на одном экране.
6. Если проблема может возникнуть из-за необходимости авторизоваться на сайте, на странице обязательно должна быть форма для авторизации.
Но и это еще не все. Создав красивую дизайнерскую страницу 404, вы можете получить вирусный эффект, когда люди захотят поделиться вашим шедевром и забудут про весь негатив от несуществующих страниц. Примеры таких решений вы можете найти в этой подборке либо просто в поиске по запросу «Лучшие страницы 404».
Согласитесь, эти ребята хорошо покреативили и об этом хочется рассказать друзьям.
Ошибки при создании страницы 404
Кроме плохой информированности страницы 404 нужно помнить и о других проблемах.
Перенаправление на главную
Страница 404 это страница 404 🙂 Никаких перенаправлений с нее быть не должно, за исключением случаев, описанных ниже. Поисковый робот должен четко понимать, что страница не найдена (в случае ответа 404) либо удалена (в случае ответа 410). Больше про ответы сервера в технической документации — https://developer.mozilla.org/ru/docs/Web/HTTP/Status.
Таким образом, когда вы перенаправляете бота на главную страницу, вы вводите его в заблуждение. Не рекомендует так делать и сотрудник Google Джон Мюллер:
Несмотря на это, для WordPress существую специальные плагины, которые перенаправляют несуществующие страницы на главную. Мы настоятельно не рекомендуем их использовать.
Единственный случай, когда перенаправления с несуществующей страницы оправдано — это перенаправление на другую аналогичную страницу, которая решает те же задачи пользователя.
Ответ сервера, отличный от 404
Выше в статье мы цитировали справку Google, где было прямо сказано, что для несуществующей страницы ответ сервера всегда должен быть 404. Часто встречается ошибка, когда страница 404 выполнена по всем правилам, но ответ сервера — 200 либо другой.
Это в корне неверно, так как приводит к ряду проблем:
Поэтому вы должны проконтролировать ответ сервера — сделать это можно, например, с помощью инструмента SE Ranking «Анализ сайта». В разделе «Отчет об ошибках» вы увидите, сколько страниц на вашем сайте отдают код ответа 404, а во вкладке «Просканированные страницы» вы сможете отфильтровать данные по коду ответа сервера.
Возвращаясь к кодам ответа севера, важно понимать следующее:
Итак, подведем итоги. Что же делать, чтобы избежать возможных проблем со страницей 404? Просто сделайте крутую страницу 404, которая понравится вам самим, предложит пользователю все необходимые опции для продолжения работы с сайтом и сообщит боту ответ сервера 404.
нужна ли страница 404
Это был мой первый хабраблог и мне уже успели высказать все поклонники 404-страницы, в связи с чем, идею отредактировал. Итак, давайте рассмотри все ЗА и ПРОТИВ страницы 404.
1. habrahabr.ru/vvdvdvdeer — пользователь понимает, что страницы нет (его никуда не перебрасывает) Он сидит, читает, анализирует, принимает решение.
2. Есть стандарт RFC 2616, там есть описание, значит нужно придерживаться стандартов
3. www.yandex.ru/govno-vopros — примерно, тоже, что и в пункте 1, но мы можем размещать рекламу, добавлять «шапку сайта» с формой поиска или выводить карту сайта.
Все эти ЗА можно увидеть под моим блогом в комментариях. Но я писал о другом. Я писал об минусах, со стороны пользователя (а не админа, хозяина сайта, отдела рекламы, продолжите список сами)
1. Нужно сокращать число ненужных итераций! Зачем мне видеть, что документ удален? Мне нужно попасть в то место, где его можно найти. Т.е. если он перенесен в другой каталог — надо поставить автопереброску на его новое местоположение, если вообще удален за ненужностью — выдавать сообщение о том, что документ удален и предлагать возможные решения ситуации (например, price.ru/bin/price/ctgrlist?pnam=shnyaga&start=0 ).
2. Пользователи, особенно опытные не любят баннеры Мне нужна информация за которой я туда пришел, а не реклама.
3. Иногда там размещают карту сайта, что само по себе не плохо, но на мой взгляд, тоже перекладывает заботу о поиске нужной информации на плечи пользователя. Так как не предлагает путей решения проблемы.
4. Аргумент, что пользователь сообщит админу об этой ошибке через форму — хорош, но не факт, что это забота о пользователях сайта, скорее это некое исследование через пользователей багов системы.
Страница 404. Не ошибка, а помощник
Каждый, кто искал что-нибудь в интернете, хотя бы раз попадал на страницу с 404 ошибкой. Чаще всего она выглядит так, будто сайт сломался и можно смело с него уходить, чтобы не тратить время или, чего доброго, не подцепить вирус.
Вот так печально выглядит большинство страниц с 404 ошибкой, которым не уделили должного внимания
Сайт русский, а страница 404 на английском
Что такое ошибка 404
Это страница, которой по запрашиваемому адресу нет. Попасть на такую страницу можно либо нажав на ссылку, которая ведет на удаленный материал, либо сделав ошибку в URL.
Почти всегда страница с 404 ошибкой — это полупустой экран, непонятная надпись на английском языке «Error 404. Page cannot be found», корявая вёрстка текста и никакой информации, что делать дальше.
Всё потому, что её никто не продумал, а движок сайта использовал стандартную версию.
Варианта развития ситуации два:
Функции страницы 404 ошибка
В первую очередь, рассматривать страницу 404 как еще одну важную страницу вашего сайта, которая, как минимум, должна позаботиться о пользователе, а в идеале — продать ему услугу не хуже обычных страниц.
Разъяснительная функция
Объясните посетителю, что произошло, в чём суть ошибки и что теперь делать. Как правило, это текст подобного содержания: «К сожалению, запрашиваемая страница не найдена. Возможно, вы перешли по ссылке, в которой была допущена ошибка, или ресурс был удален. Попробуйте перейти на главную страницу или каталог (список афиш, расписание поездов, популярные товары)». И обязательно сделайте ссылки на соответствующие страницы. Так человек не закроет страницу, потому что ему показали, куда перейти дальше.
Объяснение и подсказка для посетителя
Посетителю предлагается перейти на основной раздел сайта
Не только объяснение и подсказка, но и телефон для связи
Необычное оформление 404 страницы в сочетании с подсказками располагает пользователя к сайту
Продающая функция
Усложняем задание. Теперь пусть страница ещё и продаёт. Разместите на ней ссылки на продвигаемые категории или товары из вашего каталога, блок горячих предложений или просто свежих статей. Так ошибка превратится в витрину сайта. Предложите человеку задать вам вопрос или заказать обратный звонок. Вдруг он долго искал, а ошибка прервала этот процесс и теперь расстроен, но всё ещё нуждается в вашем товаре.
Сеть магазинов Lego предлагает популярные серии товаров
«Лабиринт» на 404 странице продает бестселлеры
«Аквалого» даёт возможность посмотреть хиты продаж
Развлекательная функция
Не забываем о чувстве юмора. 404 страница — это страница, на которой можно творить то, чего нельзя делать на основных. Развлеките пользователя, скрасьте его разочарование: шутите, размещайте интерактивные головоломки и забавные анимации.
Важные моменты
Title, тем не менее, лучше прописать без креатива: 404 — страница не найдена.
Любая удаленная страница на сайте или несуществующий URL должны отдавать код ответа сервера 404 (Not found) и использовать шаблон, заданный для 404 страницы.
Узнать, какой код ответа сервера отдает любая страница можно с помощью онлайн-сервиса bertal.ru или в Яндекс Вебмастере в разделе Инструменты — Проверка ответа сервера.
Исправьте и настройте отслеживание 404 ошибкок
А теперь о серьезном: часто страница 404 — это действительно ошибка на сайте и ваша недоработка. На крупных сайтах порой появляются «битые» ссылки, ведущие в никуда. От них нужно избавляться и не допускать их появления.
Отлавливать URL, отдающие 404 ошибку, можно с помощью отчетов в Яндекс Метрике, настроив цель на сбор 404 ошибок, и отчетов в Google Analytics, настроив отслеживание через Google Tag Manager. В Яндекс Вебмастере выявить 404 ошибки можно перейдя в раздел Индексирование — Статистика обхода и нажав в правом верхнем углу История обхода.
Расположение 404 ошибок в Яндекс Вебмастере
Далее в фильтре столбца Стало надо выбрать HTTP-код 404 (Not found) и нажать Применить.
Выборка страниц в Яндекс Вебмастерес кодом ответа 404 (Not found)
Полученный список можно выгрузить в формате CSV и XLS при помощи кнопок в правом нижнем углу.
В Google Search Console информация о 404 ошибках находится в разделе Сканирование — Ошибки сканирования — Не найдено. Выгрузить список страниц в формате CSV можно нажав на кнопку Загрузка.
Расположение 404 ошибок в Google Search Console
Хорошим тоном будет разместить призыв отправить отчёт об ошибке. Тогда, особенно если ошибка выдается часто, вы быстро узнаете о проблеме от самих пользователей, получив на почту URL страницы с 404 ошибкой и страницы, с которой человек перешел по «битой» ссылке.
Призыв сообщить о 404 ошибке
Еще один вариант предложения отправить отчет о 404 ошибке
Если вместо удаленной страницы на сайте есть другая похожая по смыслу и/или содержанию, то нужно на нее проставить 301 редирект, чтобы человек, обнаруживший ссылку на удаленную страницу в поиске или на стороннем сайте, попал сразу не на 404 страницу, а на информацию об услуге/товаре, который он искал.
Создание правильной страницы 404 и влияние на SEO
Наверное, каждый из нас когда-нибудь сталкивался со страницей 404-й ошибки, когда искал необходимую информацию в интернете. И скорее всего, в большинстве случаев, хотелось поскорее закрыть эту страницу. Впрочем, иногда, оказавшись на такой странице некоторых компаний или интернет-магазинов, хочется добавить ее в закладки. Поэтому хотелось бы разобраться и выяснить, как же добиться подобного эффекта и использовать возможности страницы ошибки максимально выгодно для сайта?
Влияние ошибки 404 на SEO
Наверняка, все хотя бы раз встречали фразу «404 Not Found (ресурс не найден)» — знакомо? А увидеть ее можно из-за того, что неправильно указали адрес нужной страницы или же она отсутствует на данном сайте. Сервер таким образом сигнализирует нам о том, что не может найти нужную страницу по указанному адресу. Проверить код ответа сервера можно с помощью бесплатных сервисов, например, bertal.ru или в панели Яндекс.Вебмастера.
В среде «SEO-шников» широко бытует мнение, что якобы присутствие на сайте страниц, отдающих код 404, оказывает плохое влияние на процесс продвижения. И здесь не всё так однозначно. Вот что написано в справке Google по этому поводу:
«Обычно ошибки 404 не влияют на рейтинг сайта в Google, поэтому их можно игнорировать. Чаще всего они бывают связаны с опечатками, неправильными настройками или попытками Google распознать и просканировать ссылки во встроенном контенте (например, в коде JavaScript)».
По сути это естественный процесс — появление на сайте страниц с 404-ой ошибкой. К такому нужно относится нормально и не впадать в отчаяние, думая, что все очень плохо. В первую очередь необходимо понять причину, из-за которой появилась ошибка, например:
страница отсутствует (была удалена);
ссылка оказалась «битой»;
вносились изменения в структуру сайта;
произошло изменение URL’а страницы.
Каждую из причин нужно тщательно разобрать и проработать. Как вариант, если изменился URL или структура сайта — обязательно пропишите 301-е редиректы на новые страницы, если же обнаружились битые ссылки — просто замените их на актуальные.
Но иногда появление страницы ошибки сопровождается человеческим фактором, например, пользователь случайно допустил опечатку при вводе нужного адреса или на сайте интернет-магазина закончился товар и нужную страницу удалили.
В приведенных выше ситуациях сам факт появления ошибки 404 вполне понятен для поисковиков и логичен, они распознают такие ситуации и относятся к ним, как к естественному процессу для сайта. Конечно, наличие таких страниц в большом количестве нежелательно и нужно стараться минимизировать их объем (для этого можно даже написать отдельную статью), но а сейчас хотелось бы поговорить о том, как же правильно оформить страницу 404.
В любом случае, сначала нужно продумать и создать своеобразный шаблон страницы, а затем настроить страницу так, чтобы она отдавала 404-й код поисковому роботу при запросе несуществующих страниц на сайте. Но еще желательно следовать парочке советов, которые существенно окажут положительное влияние на SEO:
Не прописывайте редирект на главную. Правильнее будет, если добавите ссылку в «тело» самой страницы 404 на главную, без использования редиректа. Ведь иначе посетитель может запутаться, он же рассчитывал увидеть нужную страницу, а на деле непонятным образом очутился на главной странице. Важно помнить об этом.
Обязательно настройте правильный код ответа сервера: 404 (Not Found), чтобы предотвратить тем самым появление этих страниц в поиске. На поведенческих факторах это может так же отобразиться далеко не лучшим образом, вырастет количество отказов с сайта, а это не желательно. К тому же поисковая система может расценить проиндексированные страницы ошибок как дубли контента, что снова-таки не желательно. Да и сам человек, перейдя из поиска и не найдя нужной информации на странице, скорее всего расстроится и закроет сайт, вернувшись в поиску.
Дефолтные страницы 404: полезны ли они?
В подавляющем количестве случаев, когда попадаем на страницу 404 сайта перед нами появляется очень похожая страница со скриншота ниже:
Не очень привлекательно выглядит, правда? Вот и пользователь, попадая на такую страницу с большой долей вероятности не станет задерживаться и покинет ее. Именно поэтому стоит позаботиться о создании уникального, полезного и интересного дизайна страницы 404, который мог бы запомниться посетителю и сайт хотелось бы добавить в закладки только из-за оформления страницы ошибки.
Даже Яндекс создал специальный пункт в «Рекомендациях для владельцев сайтов» по данному поводу и довольно подробно расписал, как правильно оформить страницу с ошибкой 404:
«Увидев страницу с ошибкой, пользователь может решить, что ваш сайт не работает, и уйти. Чтобы этого избежать, необходимо правильно оформить и разместить на сайте специальную страницу, которая внешне будет отличаться от остальных страниц вашего сайта. При оформлении такой страницы используйте различные графические приемы, подсказывающие человеку, что по запрошенному адресу ничего не существует: например, другие цвета или отсутствие графики. Разместите на странице карту сайта, ссылку на главную страницу или форму поиска, дайте инструкции по дальнейшим действиям».
Создание внешнего вида 404-й страницы
Старайтесь максимально придерживаться единого стиля всего сайта. Это поможет пользователю понять, что он оказался на нужном сайте, но вдруг что-то пошло не так и вероятнее всего он не уйдет сразу с сайта, а продолжит поиск нужной информации на нем.
Вежливость — это важно. Расскажите простыми и вежливыми словами пользователю, почему он оказался здесь, подскажите дальнейшие действия, чтобы он не растерялся. Не стоит использовать при этом сложные обороты и лишние подробности.
Добавьте полезные и информативные для пользователя ссылки. К ним можно отнести: самые популярные категории сайта, новые материалы, часто посещаемые страницы. Ну и конечно должна быть хорошо заметна ссылка для перехода на главную.
Предоставьте возможность посетителю сообщить о возникшей проблеме. Этот функционал даст понять посетителю, что владельцу сайта не все равно и он дорожит вниманием пользователя, а также это позволит дополнительно отслеживать ошибки и своевременно устранять их.
Используйте поиск на странице 404 — это полезная штука. Добавьте поисковую строку, она очень поможет посетителям, которые окажутся здесь. Только сперва точно убедитесь, что функционал поиска исправно работает, иначе получится двойное разочарование и тогда пользователь скорее всего покинет ваш сайт с не лучшим представлением о его владельце.
Список похожих товаров, популярных, хиты продаж или недавно просмотренные страницы — отличный вариант, который подойдет интернет-магазинам для того, чтобы задержать внимание посетителя на сайте.
Креатив всегда поможет
Придумайте креативную страницу ошибки и разместите ее на сайте. Это поможет сгладить неприятную ситуацию, связанную с отсутствием искомой страницы и поможет продлить пребывание посетителя на сайте. Используйте дизайнерские таланты, подключайте тематический юмор — комбинируйте и подходите творчески к оформлению.
Чтобы быстро найти страницы ошибок на сайте и исправить их, можно воспользоваться различными бесплатными программами, например, Screaming Frog.
Для некоторых CMS (в частности WordPress) существуют специальные плагины, способные отслеживать возникновение подобных страниц.
Ну и в конце предлагаем ознакомиться с подборкой креативных страниц 404, которые заслуживают отдельного внимания:
Кстати, страница ошибки 404 нашего блога выглядит следующим образом:
Вывод
Уделяйте достаточное внимание проработке страницы 404 на сайте, старайтесь выделиться и запомниться пользователю даже таким образом. Чтобы уменьшить потерю трафика и улучшить поведенческие показатели создавайте интересные и информативные страницы ошибки, добавляйте ссылки на полезные для посетителей страницы.
Не забывайте и про корректную настройку кода ответа сервера, чтобы исключить попадание страницы 404 в индекс.