для чего нужна страница 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
Если пользователь пытается загрузить в браузере несуществующий 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 и влияние на 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 в индекс.
Ошибка 404: ответы на распространенные вопросы и советы по оформлению страницы
В этой статье ответим на частые вопросы о странице 404, объясним, почему она важна для SEO, и покажем, как правильно ее оформить.
Что такое ошибка 404 и почему она возникает
Ошибка 404 или Not Found появляется, если страница, на которую вы переходите, не найдена. Чтобы лучше понять, как возникает ошибка Not Found, рассмотрим этот процесс детально:
Если соединиться с сервером не получилось, вы увидите сообщение «не удается получить доступ к сайту».
Если соединение с сервером установлено и страница, которую вы запросили, существует, браузер получит ответ с кодом 200 OK. Этот код означает, что сервер успешно обработал запрос и запрашиваемая страница будет загружена. А вот если страница, которую вы искали, не найдена, появится экран 404.
Пример страницы 404
Причины ошибки 404 Not Found:
Что такое ложная ошибка 404 и почему она возникает
Ложная ошибка появляется, когда браузер получает успешный ответ 200 OK, но все равно выводится сообщение 404 Not Found. Также можно увидеть страницу, на которой мало контента, или пустой экран.
Причины ложной ошибки 404:
Чем вредны ошибки 404 для SEO
Падает рейтинг сайта. Негативно влияют на SEO не столько страницы 404, сколько внешние URL-адреса, которые ссылаются на эти страницы. Большое количество таких адресов указывает на плохое качество сайта. Это может ухудшить индексацию ресурса и привести к потере его позиций в поисковой выдаче. Также возникает негатив со стороны пользователей — растут показатели отказов и снижается время взаимодействия с сайтом.
Тратится краулинговый бюджет. У каждой поисковой системы есть бот, который анализирует страницы сайтов. Максимальное количество URL-адресов, которые он может обойти за один визит, называется краулинговым бюджетом. Ошибки 404 впустую тратят этот бюджет, поскольку вместо действительно важных страниц бот будет сканировать некорректные URL-адреса.
Как найти внутренние и внешние ссылки на страницы 404
Битые ссылки бывают внутренние и внешние. Внутренние расположены на самом сайте и ведут на внутренние страницы своего же сайта. Внешние битые ссылки расположены на сторонних ресурсах и отправляют на страницы своего сайта.
Обнаружить оба вида ссылок помогут бесплатные сервисы Яндекс.Вебмастер, Google Search Console, Xenu’s Link Sleuth, условно-бесплатный Screaming Frog SEO Spider Tool и платный Netpeak Spider.
Яндекс.Вебмастер
Как найти внутренние ссылки: добавьте URL сайта → зайдите в панель «Ссылки» → «Внутренние ссылки».
Страница ошибки 404: как оформить, чтобы избежать оттока пользователей
Расскажем, что такое ошибка 404, почему она возникает и как оформить под неё страницу, чтобы не терять посетителей сайта. Объясним, как найти ошибки на сайте и предотвратить их появление.
Ошибка 404: что это значит?
Иногда при переходе по ссылке вместо страницы сайта на экране появляется надпись: «Страница не найдена. 404 not found. Ошибка 404». Это значит, что такой веб-страницы нет или у неё поменялся адрес.
Пример страницы 404 на сайте Lenta.ru Подключить Roistat бесплатно
Почему возникает ошибка 404:
Иногда владельцы сайтов не догадываются о таких ошибках. Особенно сложно следить за корректностью ссылок на крупных порталах с тысячами страниц. Поэтому пользователи периодически сталкиваются с надписью «404 Page Not Found». Иногда страница 404 появляется из-за ошибки самого пользователя, если он вводит или корректирует URL-адрес вручную.
Почему нужна отдельная страница для 404 ошибки
При вводе URL в строке браузера вручную возможны неточности и опечатки. Пользователи так или иначе могут столкнуться с ошибкой 404 на любом сайте. Если не задать такую страницу, посетитель не поймёт, что произошло, почему по ссылке не открылась ожидаемая страница. Для страницы с ошибкой 404 нужно придумать интересное оформление, оптимизировать её, чтобы пользователи не покидали сайт.
Грамотно настроенная страница 404 поможет:
Как создать страницу с уведомлением об ошибке 404
Во многих CMS стандартная страница 404 создаётся автоматически для любых страниц, кроме одностраничных сайтов-визиток. Или можно создать дизайн этой страницы самостоятельно. Для создания страницы нужно продумать веб-дизайн и призыв к совершению целевого действия. Это может быть ссылка на каталог товаров или строка поиска, чтобы найти нужную страницу.
Чтобы добавить страницу на сайт:
Некоторые CMS автоматизируют процесс создания страницы об ошибке: например, в WordPress это можно сделать с помощью плагина 404page. Плагин может кастомизировать страницу на разных темах. Для его установки нужна версия WordPress от 4.0.
Как оптимизировать страницу 404 ошибки
Страница должна быть простой и понятной для пользователя. Пусть она будет креативной и гармонично продолжать концепцию всего сайта, но не усложняет путь к основному пространству, например, в каталог товаров или на главную страницу.
Советы по созданию страницы 404:
Примеры отличных 404 страниц для сайта
Пусть подборка классных примеров вдохновит вас на создание собственного креативного шаблона страницы 404.
У McDonalds на странице 404 есть навигация по сайту и даже форма для подписки на рассылку:
Пример страницы 404 на сайте McDonalds
На странице 404 блога Roistat пользователю предлагается вернуться на главную страницу блога, перейти в нужный раздел или воспользоваться кнопкой обратного звонка:
Пример страницы 404 в блоге Roistat
На странице 404 для основного сайта Roistat отсутствие страницы нивелируется подарком для пользователя. Дополнительно посетитель может прочитать кейсы работы с сервисом:
Пример страницы 404 на сайте Roistat
На сайте Спортмастера использована забавная тематическая картинка, есть ссылки на главную страницу, каталог товаров и поисковая строка:
Пример страницы 404 на сайте Спортмастер
Ещё одна страница известного интернет-магазина Lamoda. Кроме навигации и строки поиска, пользователям предлагают популярные товары:
Пример страницы 404 на сайте Lamoda
Тинькофф предлагает простую страницу, на которой сообщается об ошибке и даются ссылки на основные услуги банка:
Пример страницы 404 на сайте банка Тинькофф
Страница об ошибке у ресторана KFC очень лаконичная страница. Пользователю предлагают всего 2 кнопки с простым CTA — «Заказать еду» и «Найти ресторан»:
Пример страницы 404 на сайте KFC
Как избегать ошибок на сайте
Неработающие ссылки и большое количество ошибок приводят к потере трафика и снижают позиции сайта в выдаче поисковых систем. Поэтому важно регулярно проверять сайт на ошибки и исправлять их.
Подключить Roistat бесплатно
Упростить проверку сайта поможет услуга SEO-аудита от Roistat. Аналитики проверят страницы сайта, найдут ошибки и создадут список рекомендаций по их исправлению. На весь оплаченный период оптимизации сайта за вами будет закреплён веб-аналитик, который сможет ответить на все вопросы по работе с сайтом.
Воспользуйтесь услугой SEO-аудита от Roistat
На нашем Telegram-канале делимся полезными материалами по маркетингу и аналитике, кейсами клиентов, собираем познавательные дайджесты и анонсируем бесплатные обучающие вебинары. Подписывайтесь, чтобы ничего не пропустить!
Будьте в курсе новостей
Присоединяйтесь к нашему каналу в Telegram или подпишитесь по E-mail
Маркетинговая платформа сквозной аналитики,
привлечения трафика, повышения конверсии и лояльности