Содержание

Как создать страницу ошибки 404?

..или страница которой нет!

Прежде чем создавать страницу ошибки 404 давайте сначала разберёмся что это вообще за ошибка такая..

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

Возникать данная ошибка может в ряде случаев:

  • Ссылка, по которой пришёл пользователь, неверна.

  • Пользователь неправильно указал путь в адресной строке к одной из страниц Вашего сайта.

  • Ранее существовавшая страница Вами уже удалена или переименована, однако всё ещё существует в индексе поисковых систем или закладках пользователей.

Что увидит пользователь в результате этой ошибки?

В лучшем случае страницу с рекламой Вашего хостера и кратким объяснением что мол Вы «не туда попали».. в худшем это будет просто надпись: 404 Not Found — The requested URL /page.

html was not found on this server — собственно «Запрашиваемый URL отсутствует на этом сервере».

Теперь представьте, что сделает пользователь когда увидит эту картину? Правильно!! закроет эту страницу и пойдёт искать интересующую его информацию в другом месте!! — в результате чего Вы потеряете целевого посетителя!

В этом уроке мы займёмся тем что создадим свою собственную пользовательскую страницу ошибки 404 — Которая в отличии от стандартных страниц ошибки будет иметь ряд несомненных преимуществ:

  • Данная страница будет содержать элементы дизайна Вашего сайта — тем самым даст понять посетителю что, несмотря на то что он попал не совсем туда куда хотел он всё таки попал именно на Ваш сайт!

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

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

Как видите сплошные плюсы..

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

Ну например создадим файл с именем 404.html

<html>
<head>
<title>Ошибка 404</title>
</head>
<body>
<img src=»graphics/404.gif» alt=»Ошибка 404″>
<p>К сожалению, запрашиваемая Вами страница не найдена..</p>
<p>Почему?</p>
<ol>
<li>Ссылка, по которой Вы пришли, неверна.
<li>Вы неправильно указали путь или название страницы.

<li>Страница была удалёна со времени Вашего последнего посещения.
</ol>
<p>Для продолжения работы с сайтом Вы можете воспользоваться формой поиска по сайту:</p>
<form>
<input type=»text» size=»30″>
<input type=»submit» value=»Поиск»>
</form>
<p>. .или перейти на:</p>
<ul>
<li><a href=»#»>Главную страницу сайта.</a>
<li><a href=»#»>Карту сайта</a>
</ul>
</body>
</html>

На самом деле это просто страничка «скелет» конечно же Вам следует создать свою собственную, полноценную страницу ошибки 404.

Создали? а вот теперь поговорим о нюансах..

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

Что это за файл такой спросите Вы?

Файл .htaccess (я не опечатался, пишется с точкой в начале имени и не использует никакого расширения) – дает возможность конфигурировать работу сервера в отдельных его директориях. .

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

— что нам собственно и нужно!

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

Итак, создаём файл под названием .htaccess который содержит в себе одну единственную строчку (если таковой файл уже имеется с какими ни будь другими инструкциями серверу, то просто дописываем в него эту строчку):

ErrorDocument 404 http://www.site.ru/404.html

И заливаем его на сервер в корневую папку сайта.

Ну только естественно сначала поменяйте в файле .

htaccess ссылку http://www.site.ru/404.html на адрес Вашей собственной страницы которая должна будет открываться при возникновении ошибки 404.

Вот собственно и всё! теперь если Вы всё сделали правильно, при возникновении ошибки 404 будет загружаться Ваша «ошибочная» страница.

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


P.S.Таким же способом с помощью файла .htaccess Вы можете обрабатывать и другие ошибки сервера:

  • 401 ошибка
    (ErrorDocument 401 http://www.site.ru/page.html)- Требуется авторизация.
  • 403 ошибка(ErrorDocument 403 http://www.site.ru/page.html)- Пользователь не прошел аутентификацию, доступ запрещен.
  • 500 ошибка(ErrorDocument 500 http://www.site.ru/page.html)- Внутренняя ошибка сервера.

Если что-то непонятно или Вы в чем-то сомневаетесь, то за дополнительными разъяснениями обращайтесь на форум.



Как сделать страницу ошибки 404 в REG.Site

В этой статье мы расскажем, как сделать страницу ошибки 404 и какую информацию лучше на ней разместить.

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

Страницу ошибки 404 html кодом делать необязательно. В REG.Site её можно сделать всего за пару кликов.

В большинстве шаблонов, представленных в REG.Site, уже есть настроенный макет ошибки. Вам достаточно просто перейти в «Divi» ― «Глобальные блоки», найти готовый макет и поменять шаблон под свой дизайн:

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

Как настроить такой отбойник, мы расскажем ниже.

Как сделать страницу ошибки 404 в REG.Site

  1. 1. Перейдите в админку REG.Site.
  2. 2.

    Во вкладке «Divi» ― «Глобальные блоки» нажмите Добавить новый шаблон:

  3. 3.

    В появившемся меню прокрутите список до самого конца и поставьте галочку напротив

    404 Страница. Нажмите Создать шаблон:

  4. 4.

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

  5. org/HowToStep»> 5.

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

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

Что нужно разместить на странице

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

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

Например, вот так выглядит страница 404 раздела «Помощь» на сайте REG. RU:

Помогла ли вам статья?

0 раз уже
помогла

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

Автор Максим Остропольский На чтение 4 мин. Просмотров 1.5k. Опубликовано

В данной руководстве мы разберем следующие вопросы и темы:

  • Что такое “404” и почему она так называется?
  • Нужно ли на своем сайте настраивать страницу “404 – not found”?
  • Нестандартный подход к созданию страницы “не найдено” .
  • Примеры крутых “404” страниц.

Что такое код состояния HTTP?

Первая строка в ответе сервера при запросе по протоколу HTTP – код состояния HTTP. Этот код состоит из трех десятичных чисел (цифры от 0 до 9). Клиент определяет по этому коду результат обращения и определяет, что делать дальше. Каждый код ответа имеет свое назначение и описание, согласно стандарту Примеры кодов ответа и их значение: 200 – “хорошо”, 301 – “перемещено навсегда”, 403 – “запрещено”  и так далее. Коды состояния HTTP разделены на 5 групп:
  • 1** – информация;
  • 2**- успешно;
  • 3**- перенаправление;
  • 4**- ошибка клиента;
  • 5**- ошибка сервера.

Код ответа 404

Коды ответа под номером  404 Not Found (перевод c англ. – “не найдено”) обозначает что сервер понял запрос, но не нашел соответствующего ему URL (адрес страницы).  Данная ошибка может возникнуть вследствие  ошибки в написании адреса страницы, либо если страницу удалили или еще не успели создать.

Почему важно настроить страницу “404 – not found” на своем сайте?

Ошибка 404 является самой распространенной ошибкой в интернете, поэтому на нее стоит обратить внимание при разработке сайта.  Часть таких ошибок может возникать в следствии технических ошибок на сайте. Термин “битая ссылка” – обозначает ссылку, ведущую на несуществующую страницу, где будет получен код  ответа – 404. Такие ошибки необходимо оперативно исправлять, так как они влияют плохо влияют на поведение пользователей. При этом как бы технический правильно не был сделан ваш сайт в любом случае люди будут попадать на несуществующие страницу и получать код ответа “404”. Причина ошибки:
  • ошибка в написании URL страницы;
  • страница удалена;
  • страница перемещена.
Итак, мы определились с тем, что ошибка “404 – не найден” популярная и неизбежная вещь на проекте любого уровня.  То есть исключить ее полностью не получится, поэтому нужно идти другим путем.  Необходимо сделать так, чтобы пользователь, попав на эту страницу не уходил с чувством разочарования, а продолжил поиск информации на нашем сайт.

Как подключить свою страницу вместо стандартной?

Необходимо просто прописать в файл . htaccess, который располагается в корневой папке сайта следующую инструкцию: ErrorDocument 404 //website.ru/404.html

Как нестандартно подойти к созданию страницы “четыре  ноль четыре”?

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

Что необходимо обязательно указать на странице 404?

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

Что будет полезно пользователю?

  • Информация о том, почему он сюда попал;
  • Инструкции по дальнейшим действиям;
  • Поиск по сайту;
  • Меню;
  • Бесплатный бонус;
  • Юмор.
Но самое интересное, что есть очень крутые решения, которые превращают страницу в инструмент для работы.

Два интересных примера:

  • На сайта amazon.com. Там на 404 странице появляются собаки (фото + кличка), при чем там несколько десятков разных страниц. Возле каждой собаки – ссылка “Познакомиться с собаками Амазона” . При переходе по ссылке вы попадаете на страницу с фотографиями собак и их мини-досье. А в конце этой страницы предлагается купить календарь с собаками. Получился очень интересный способ монетизации 404 страницы.
  • На сайте wpnew.ru. На блоге Петра также была реализована интересная задумка. Попадая на 404 вам сообщают о том, что вы попали на страницу с секретными материалами и 6 ссылочек на статьи. Такой прием можно использовать для направления трафика сайте на определенные страницы.
Кроме того, если вы интересно сделаете страницу ошибки, то она может понравится людям и ее будут отправлять друг другу, что привлечет дополнительный трафик на ваш сайт.

Еще примеры классный “404” страниц:

Помните! В странице “404” на вашем сайте есть скрытый потенциал, который можно использовать и обратить недостаток в преимущество!

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

Серёжа СыроежкинКопирайтер

Существует несколько вариантов возникновения ошибки 404 на сайте:

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

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

Настройка ошибки 404, т.е. отображения определенной страницы при возникновении ошибки «Not Found», производится в файле .htaccess (который находится в корне вашего сайта). Для этого нужно прописать следующую строку:

ErrorDocument 404 /nubex404.html

Здесь /nubex404.html — это относительный путь к вашей странице 404 (относительно корневого каталога сайта).

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

  • Поскольку ошибка может возникнуть в любом месте сайта, нужно использовать абсолютные пути для ссылок, изображений (http://nubex. ru/404.png), или относительные пути относительно корневого каталога (/404.png). Это позволит корректно отображать графические элементы и элементы навигации на странице ошибки.
  • Дизайн страницы должен быть удобным и привлекательным, ведь цель использования своей 404-страницы — не спугнуть пользователя, а удержать его.
  • Страница должна отвечать на вопрос пользователя «И что мне теперь делать?». Т.е. на странице рекомендуется дать четкие инструкции для пользователя.
  • Стили и картинки желательно включать в HTML-код, чтобы минимизировать число запросов.

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

Также можно на странице 404 вывести специальные предложения, акции и т.п., т.е. превратить страницу ошибки в своеобразный Landing Page.

В конструкторе сайтов «Нубекс» есть возможность показать пользователю красивую страницу с ошибкой 404.

Смотрите также:

Что значит ошибка 404 на веб-странице и как её исправить

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

Сообщение об ошибке 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 ограничен, а ответ «Сервер не найден» свидетельствует, что браузер не смог обнаружить место размещения сайта.

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

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

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

  • Неверный адрес. К примеру, при ручном наборе пользователь допустил опечатку в URL либо ссылка ведёт на несуществующую страницу.
  • Битая ссылка. Это нерабочий 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 нужно подтвердить свои права на сайт

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

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

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

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

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

Screaming Frog

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

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

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

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

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

Domenart Studio

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

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

E-co

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

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

Дом со всем

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

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

Kualo

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

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

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

Как создать и настроить 404 страницу в OpenCart

От автора: приветствую вас, друзья. Итак, мы продолжаем цикл статей, посвященных знакомству с одной из популярнейших CMS для создания интернет-магазинов – OpenCart (Оперкарт). В этой статье мы поговорим о том, как создать и настроить 404 страницу в OpenCart.

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

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

Страница 404 в OpenCart уже имеется и выглядит по умолчанию она так:

Бесплатный курс по PHP программированию

Освойте курс и узнайте, как создать динамичный сайт на PHP и MySQL с полного нуля, используя модель MVC

В курсе 39 уроков | 15 часов видео | исходники для каждого урока

Получить курс сейчас!

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

Например, заголовок страницы меня устраивает, а вот текст я бы хотел изменить. Сделать это можно в языковом файле, который вы найдете по адресу \catalog\language\ru-ru\error\not_found.php

Первая переменная — $_[‘heading_title’] – хранит текст заголовка, а вторая — $_[‘text_error’] – текст под заголовком. Давайте изменим его:

// Text $_[‘text_error’] = ‘404… Упс, такой страницы на сайте нет…’;

// Text

$_[‘text_error’]    = ‘404… Упс, такой страницы на сайте нет…’;

Изменения произошли и на самой странице 404 Опенкарт.

Ок, а что если мы захотим поменять текст на кнопке, добавить какую-нибудь картинку или сделать что-то еще подобное? Это уже лучше делать в файле шаблон. Для этого идем в файл шаблона страницы 404 активной темы, по умолчанию это будет файл \catalog\view\theme\default\template\error\not_found.tpl

Бесплатный курс по PHP программированию

Освойте курс и узнайте, как создать динамичный сайт на PHP и MySQL с полного нуля, используя модель MVC

В курсе 39 уроков | 15 часов видео | исходники для каждого урока

Получить курс сейчас!

Контент страницы находится в блоке с id=»content». Давайте изменим текст кнопки и вместо Продолжить напишем Перейти на главную. Для этого данный код:

<div><a href=»<?php echo $continue; ?>»><?php echo $button_continue; ?></a></div>

<div><a href=»<?php echo $continue; ?>»><?php echo $button_continue; ?></a></div>

Заменим таким:

<div><a href=»<?php echo $continue; ?>»>Перейти на главную</a></div>

<div><a href=»<?php echo $continue; ?>»>Перейти на главную</a></div>

Аналогичным образом вы можете добавлять на страницу любой другой контент. И несколько слов о настройке страницы. Например, как мне добавить меню категорий в левый сайдбар? Это можно сделать в админке сайта. Перейдем в меню Дизайн – Схемы. Здесь вы найдете список макетов, которые используются для той или иной страницы сайта. Для страницы 404 макет по умолчанию.

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

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

Работает! На этом сегодня все. Больше об OpenCart вы можете узнать из наших бесплатных или платных уроков.

Бесплатный курс по PHP программированию

Освойте курс и узнайте, как создать динамичный сайт на PHP и MySQL с полного нуля, используя модель MVC

В курсе 39 уроков | 15 часов видео | исходники для каждого урока

Получить курс сейчас!

Хотите узнать, что необходимо для создания сайта?

Посмотрите видео и узнайте пошаговый план по созданию сайта с нуля!

Смотреть видео

WordPress 404 страница — как настроить страницу ошибки

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

Что такое ошибка 404 и почему важно правильно настроить страницу?

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

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

Как создать страницу 404 ошибки, если ее нет в шаблоне — настройка

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

  1. Первое, что нужно сделать, это сформировать настраиваемый шаблон, например, редактируя файл 404.php, скопированный из другой темы. Если вы редактируете свою тему напрямую, настоятельно рекомендуется сделать резервную копию темы WordPress.
  2. Файл ошибки 404 расположен по адресу: /wp-content/themes/имя-темы/404.php
  3. Страница ошибки примет стиль активной темы, поскольку она вызывает шапку
  4. И подвал текущей темы.
  5. Понадобится только отредактировать заголовок и сообщение на странице в соответствии с вашими конкретными потребностями.
  6. Для этого откройте файл шаблона ошибки 404 в редакторе кода и измените текст сообщения на свое усмотрение.
  7. Добавьте в шаблон строку поиска, если ее там нет. Затем сохраните файл и загрузите его в каталог темы установки WordPress.

Поскольку все темы различаются, нет никакой гарантии, что простое копирование файла шаблона 404.php будет работать. Чтобы сервер нашел страницу 404, добавьте следующую строку в файл .htaccess:

ErrorDocument 404/index.php?error=404

Файл index.php расположен в корневой папке вашего сайта. Если WordPress находится в подкаталоге с именем «wordpress», код, добавляемый в файл .htaccess, должен быть:

ErrorDocument 404/wordpress/index.php?error=404

Что разместить на wordpress странице 404

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

Рекомендуется указать пользователю правильное направление действий, которое заставит его задержаться на сайте. Это можно сделать несколькими способами:

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

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

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

Создать собственную страницу 404, как и любую другую страницу в WordPress можно при помощи плагина 404page (https://wordpress.org/plugins/404page/). Важной особенностью этого плагина является то, что он не создает перенаправление, а формирует правильный ответ сервера с кодом 404. Он сообщает поисковым системам, что страница не существует и должна быть удалена из индексирования, тогда как перенаправление приведет к HTTP-коду 301 или 302 и URL-адрес останется в индексе поиска.

Установите плагин 404page из меню админки «Плагин -> Добавить новый» и активируйте его.

Создайте страницу 404 как обычную страницу WordPress из меню «Страницы -> Добавить новую». Внесите в нее всю необходимую информацию, которую вы хотите показать посетителю, и нажмите кнопку «Опубликовать». Плагин 404page также добавляет CSS-класс error404 в тег <body>, который можно использовать для задания дополнительных стилей на странице.

После активирования плагина в меню «Внешний вид» (1) появился раздел «404 Error Page» (2), в котором можно настроить отображение страницы ошибки.

Выберите созданную страницу 404 из списка страниц сайта (3). Убедитесь, что отмечен флажок (4), чтобы сервер отдавал код 404 при доступе к этой странице. Если вы используете кэширование, плагин выдаст предупреждение – страница из кэша будет отдавать код 200, поэтому ее нужно исключить из кэширования.

При возникновении проблем или конфликта с другими плагинами 404page может быть запущен в режиме совместимости. Нажмите кнопку «Сохранить изменения» (5).

Чтобы включить обработку ошибок 404 в WordPress, нужно установить структуру ссылок в меню «Настройки -> Постоянные ссылки» на любой пункт, кроме «По умолчанию». В противном случае ошибка 404 обрабатывается сервером, а не движком WordPress.

iPipe – надёжный хостинг-провайдер с опытом работы более 15 лет.

Мы предлагаем:

Руководство для начинающих по пользовательским страницам 404

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

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

LCN 404 стр.

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

Создание настраиваемой страницы 404 для веб-сайта дает множество преимуществ, некоторые из которых включают:

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

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

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

  • Получить новые ссылки
    Трудно, но возможно. Если вы создадите действительно уникальную, увлекательную и забавную страницу 404, посетители захотят рассказать об этом всему миру. Это может быть отличным источником новых ссылок. Подробнее о действительно отличных страницах 404 в конце этой статьи…

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

Вы начинаете с создания новой веб-страницы на своем сайте (либо на вашей CMS, такой как WordPress, либо на обычной HTML-странице / PHP-скрипте).

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

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

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

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

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

  • Не заставляйте посетителя чувствовать себя глупо
    Хотя ваш посетитель мог ввести неправильную ссылку, не вините посетителя в ошибке. Вместо этого объясните проблему непринужденно и беззаботно. Кроме того, возможно, ссылка на вашем веб-сайте и отправила вашего посетителя именно туда!

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

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

Процесс начинается с разработки стандартной веб-страницы и включения всех элементов, необходимых для вашей страницы 404.

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

Важно то, как вы назовете свою страницу 404. В данном случае мы назовем его « 404.html ». Затем загрузите свою страницу в корневой каталог вашего сервера / веб-пространства.

При использовании WordPress процесс немного отличается. Доступны плагины, которые делают работу еще проще, без необходимости касаться какого-либо кода.

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

Настройте сервер для перенаправления на пользовательскую страницу 404

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

Подавляющее большинство веб-серверов используют программное обеспечение Apache, поэтому мы будем использовать метод apache для перенаправления.

Для начала вам нужно будет либо найти файл .htaccess вашего веб-сайта, либо создать его.

Веб-серверы Apache используют файл «.htaccess», чтобы пользователи могли настраивать конфигурации своих веб-серверов на уровне каталогов. Для получения дополнительных сведений о .htaccess, в том числе о том, как его найти или создать, ознакомьтесь с нашим руководством здесь.

.htaccess файл в корневом каталоге установки WordPress

.htaccess может иметь множество функций; это шаги для создания вашей страницы 404.

Шаг 1: Создание или поиск файла «.htaccess»: Чтобы найти файл . htaccess, просто загляните в корневой каталог своего веб-сайта с помощью обычного FTP-клиента. Вы должны увидеть это там. Если вам нужно создать его, это просто. Просто откройте текстовый редактор, например «Блокнот», и назовите файл «.htaccess».

Шаг 2: Добавьте следующий текст в файл.htaccess: «ErrorDocument 404 /404.html». Эта строка называет вашу страницу с ошибкой 404 как «404.html» и размещает ее в корневом каталоге вашего веб-сайта.


Добавьте этот код в свой файл .htaccess

Шаг 3: Сохраните файл и загрузите его в корневой каталог вашего сервера.

Шаг 4 : Проверьте, все ли работает нормально, открыв веб-браузер и перейдя на www.yourdomain.com/asdf (случайная страница, которая не существует).

Чего нельзя делать:

При разработке пользовательской страницы ошибки 404 следует избегать некоторых вещей.

  • Никогда не перенаправляйте ошибки 404 на другой веб-сайт. Помните, что цель кастомного 404 — улучшить впечатления посетителей. Отправка их на совершенно другой веб-сайт их расстроит.

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

  • И, пожалуй, самое главное; не вините своего посетителя!

Блестящий 404 страницы

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

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

Щелкните заголовок веб-сайта, чтобы перейти на страницу 404.

Хороший дизайн собаки

Помогите Good Dog Design найти потерянную собаку!

IMDB

Страница 404 IMDBs приветствует вас подборкой соответствующих цитат из фильмов.

Romainbrasier.fr

Ребята из Romainbrasier позволяют вам забыть о 404 бедах, спасая 404 леммингов!

Magnt

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

Modcloth

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

Ваше слово!

Вы создали свою собственную страницу 404? Нам бы очень хотелось это увидеть.

Как посетитель, что вы ищете на странице 404? И что заставляет вас сразу же отказываться от страницы?

Как создать страницу с ошибкой 404 для вашего веб-сайта | Рахит | Дизайнерские рецепты

Шаг 1. Используете ли вы конструктор веб-сайтов, например Squarespace или Weebly?

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

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

Шаг 2. Создайте собственную страницу 404 в HTML.

404 страница моего портфолио

Шаг 3: Найдите файл «.htaccess» в корневом каталоге вашего сервера

FTP на своем сервере и найдите этот файл в корневом каталоге. Вам нужно будет его отредактировать. Если вы не можете его найти, вам придется его создать. Назовите его «.htaccess». Ничего не было до и после .Просто «.htaccess» .

Шаг 4. Отредактируйте файл .htaccess

Откройте его и добавьте следующую строку:

 ErrorDocument 404 /not-found-page.html 

… где /not-found-page.html — это полный путь к новая пользовательская страница 404, которую вы создали.

Этой строкой мы просто сообщаем серверу, что в случае ошибки 404 верните этот файл в браузер.

Шаг 5. Убедитесь, что путь указан правильно, и проверьте его.

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

Шаг 6: Сработало? Если нет, обновите настройки вашего сервера

В моем случае, поскольку я запускаю свой веб-сайт локально на Mac, Apache не допускает создание настраиваемого файла .htaccess . Мне пришлось зайти в конфигурацию Apache и отредактировать настройки.

Вот как я это сделал для всех, кто интересуется и идет по тому же пути:

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

Custom 404 Page Лучшие методы

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

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

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

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

Поскольку страница 404 также может быть стандартной HTML-страницей, вы можете настроить ее по своему усмотрению. Вот несколько советов по созданию эффективной страницы 404, которая поможет удержать посетителей на ваш сайт и найдите информацию, которую они ищут:

  • Четко скажите посетителям, что страница, которую они ищут, не может быть найдена.Используйте язык, который дружелюбный и гостеприимный.
  • Убедитесь, что ваша страница 404 имеет тот же внешний вид (включая навигацию), что и остальная часть твой сайт.
  • Подумайте о добавлении ссылок на свои самые популярные статьи или сообщения, а также ссылку на свои домашняя страница сайта.
  • Подумайте о том, чтобы предоставить пользователям возможность сообщить о неработающей ссылке.
  • Какой бы красивой и полезной ни была ваша пользовательская страница 404, вы, вероятно, не захотите, чтобы она появляются в результатах поиска Google.Чтобы предотвратить индексирование страниц 404 в Google и другие поисковые системы, убедитесь, что ваш веб-сервер возвращает фактический статус HTTP 404 код, когда запрашивается отсутствующая страница.
  • Используйте изменение адреса инструмент, чтобы сообщить Google о перемещении вашего сайта.

Как создать страницу 404 для SEO и удобства использования

Первоначально опубликовано в 2011 году. Обновлено в мае 2021 года.

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

404 СТРАНИЦА НЕ НАЙДЕНА ОШИБКИ Часто задаваемые вопросы:

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

Ошибка 404 (HTTP 404), также называемая «кодом ответа заголовка» или «кодом состояния http», или просто «ошибками сканирования», является компьютерным эквивалентом слов «не найдена» или «страница не найдена».

Вот определение «технического общения»:

« » Сервер не нашел ничего, соответствующего Request-URI.Не указывается, является ли состояние временным или постоянным. Код состояния 410 (Gone) СЛЕДУЕТ использовать, если сервер знает через некоторый внутренне настраиваемый механизм, что старый ресурс постоянно недоступен и не имеет адреса пересылки. Этот код состояния обычно используется, когда сервер не желает точно раскрывать, почему запрос был отклонен, или когда другой ответ не применим ».
— через
w3.org

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

Это роботизированная версия пожатия плечами и пустого взгляда.

Существует много других типов ошибок ответа, и все URL-адреса возвращают те или иные коды ответов. Например, правильно функционирующая страница должна возвращать код состояния «200», что означает «Найдено». Другой крупный тип ошибки называется «ошибкой сервера» и представлен кодами состояния HTTP 500-599. Различные типы ошибок помогают веб-мастерам диагностировать источник ошибок, чтобы исправить его надлежащим образом.

Ошибки 404, как правило, являются наиболее распространенным типом ошибок.С ними также часто неправильно обращаются люди из лучших побуждений — отсюда и цель написания этой статьи! Ошибки HTTP 404 иногда называют «ошибками клиента», где «клиент» обычно относится к веб-браузеру пользователя (Google Chrome, IE, Firefox и т. Д.).

Ошибки с 400 по 499 — это все ошибки клиента. Некоторые другие распространенные ошибки 4xx включают:

  • 400 (неверный запрос)
  • 401 (неавторизованный)
  • 403 (запрещенный) — эта ошибка обычно возникает, когда вы просматриваете сайт слишком быстро, а платформа / сервер (например.грамм. Shopify!) Откажет вам в доступе, чтобы снизить нагрузку на их веб-сервер.

Что такое Soft 404?

Программный 404 — это, по сути, страница, которая не возвращает код ответа 404, но Google (бот), тем не менее, считает, что на странице возникла ошибка.

  • Вы можете узнать, считает ли Google какая-либо из страниц вашего сайта ошибочными 404, через Отчет о покрытии в разделе «Исключенные» в Google Search Console. Подробнее об этом ниже.
  • Иногда эти страницы хорошие, функциональные страницы и Google ошибался.
  • Однако чаще это страницы, которые пусты / не содержат содержимого, но они не выдают правильный код состояния 404 (как и должно быть).
  • См .: Как исправить ошибки 404 с программным обеспечением

Что такое Разница между 404 и мягкими 404?

Мы можем сделать это коротким и понятным — по сути, программный 404 не выдает код состояния заголовка 404; вместо этого он (возможно, неправильно) выдает код состояния 200 (Хорошо).

Правильная страница 404 правильно выдает код состояния HTTP 404 (страница не найдена).

Как и когда возникают ошибки 404?

  • Когда страницы были перемещены (например, отсутствующая страница, возможно, из-за того, что она была перемещена в другой раздел вашего веб-сайта) или удалены (например, несуществующая или удаленная страница была забыта и никогда не перенаправлялась)
  • Когда веб-мастер , Пользователь CMS или разработчик программного обеспечения неправильно вводит URL-адрес на странице или в «шаблоне страницы» или имеет ошибку копирования и вставки (например, был связан неправильный URL-адрес)
  • Когда на веб-страницах появляются неработающие или случайно усеченные ссылки, социальные в сообщениях СМИ или в сообщении электронной почты
  • Настоящие программные сообщения 404 возникают, когда страница выдает статус 200 (OK), когда она должна была выдать другую ошибку, потому что что-то пошло не так.Чаще всего веб-сайт должен был выдать ошибку 404, но этого не произошло. Обычно это признак того, что коды 404 не работают должным образом. Иногда это работает в одних разделах вашего сайта, но не работает в других.

Чем полезны страницы 404?

Ошибка 404 сообщает поисковым системам, посетителям веб-сайтов и веб-мастерам, что URL-адреса страниц повреждены или вообще не существовали.

Когда мы увидим, где возникает этот код ошибки, мы можем исправить проблему для будущих посетителей веб-сайта (обычно с помощью перенаправления 301 на новое местоположение этого контента), тем самым сохраняя мощность страницы, которая когда-то существовала (… или неправильная ссылка на страницу, которой никогда не было. Это то, что мы называем «построением неработающих обратных ссылок».)

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

Итак, ДА . Страница 404 полезна. Вы не можете исправить то, о чем не знаете!

Ошибки 404 вредны для поисковой оптимизации (SEO)? Ошибки 404s хорошо для SEO?

В Интернете по этому поводу есть несогласные.

  • Теоретически, по крайней мере, 404 ошибки являются «плохими», потому что они представляют собой ошибки на вашем веб-сайте (или в Интернете, но относящиеся к вашему веб-сайту). Но ошибки случаются, и они легко прощаются в небольших масштабах.
  • Тем не менее, пользователь, который сталкивается со страницей 404, с меньшей вероятностью вернется на этот сайт позже. (Мы рассмотрим, как сделать это менее вероятным, ниже.)
  • Слишком много ошибок ответа заголовка 404 — или ошибок 403, 500 или действительно любого другого типа ошибок 4 {xx} или 5 {xx} — через сайт может создать общий высокий уровень ошибок по сравнению сШанс успеха.
  • Это приводит к проблемам с доверием: если Google видит слишком много ошибок по сравнению с функциональными страницами, они не захотят отправлять пользователей на ваш сайт. Зачем им? Этот пользователь потеряется и рассердится, и у него будет плохой опыт. Это будет означать, что Google не справился со своей задачей — помочь пользователю быстро и легко найти ответ на свой вопрос.
  • Если ваш веб-сайт активно ссылается на кучу нефункциональных страниц, это означает, что вы теряете «рейтинг страницы» (например, SEO)… ни на что.Представьте себе сценарий, в котором ваш веб-сайт похож на кошелек с дырками в нем , из которого капают деньги. Нет, буэно!
  • Тем не менее — 404 ошибки могут произойти и будут происходить несмотря ни на что. Правильно работающая страница 404 уведомит веб-мастера о том, что произошла ошибка и где она возникла. Затем мы можем исправить это с помощью перенаправления 301 (постоянного). Пользователю и поисковым системам больше никогда не придется сталкиваться с этой конкретной проблемой.
Ключевой момент: Некоторые команды рассматривают сообщения 404 как «плохие» и поэтому избегают этой неотъемлемой «плохости», просто решая не выдавать код состояния 404 на странице 404. Проблема в том, что ошибки, с которыми сталкиваются реальные пользователи, могут и будут возникать, несмотря ни на что. Давайте не будем «стрелять в мессенджера» — ошибки случаются, и коды ошибок помогают нам их идентифицировать! Выдача правильного кода состояния 404 означает, что вам будет проще найти проблемы , чтобы исправить их .

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

Как должна работать страница 404? (Взаимодействие с пользователем имеет значение!)

  • Шаг 1: Оставайтесь на том URL, который был вызван (например: https://www.thegray.company/i-made-this-up/) — например, НЕ перенаправляйте это на другую страницу, например /404.html. Ошибка должна загружаться в URL-адрес с ошибкой, чтобы мы могли увидеть ошибку — где она возникла — и, следовательно, исправить ее должным образом.
  • Шаг 2: Сервер должен выдать 404 «ошибка статуса http». Используйте такой инструмент, как httpstatus.io, чтобы дважды проверить, что он работает.
  • Шаг 3: Сообщение 404, видимое посетителю веб-сайта на странице, должно четко объяснять, что произошло, и включать ресурсы, ссылки и, в идеале, возможность поиска на вашем сайте, чтобы найти то, что они искали. Подробнее о том, как сделать этот UX дружественным, ниже.
Примеры результатов с httpstatus.io

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

  • Перенаправление на страницу 404. Это всем больно. Пользователи теряются, поисковые системы думают, что все идет наперекосяк, когда это не так, а поскольку вы не знаете, когда это происходит, вы не можете это исправить.
  • Автоматическое перенаправление на страницу, которую, как вы предполагаете, поисковые системы и пользователи хотят. Рискованное решение, которое может легко пойти не так (обычно из-за того, что они отправляются на нерелевантный контент — например, на вашу домашнюю страницу). Лучше не предполагать. Найдите проблему и устраните ее.
  • Визуальное обслуживание сообщения 404 на странице, но не доставка соответствующего кода ответа 404 http. Это вредит всем (по той же причине, что и пункт «перенаправление на страницу 404» выше).
  • Обслуживание разных кодов состояния для разных пользовательских агентов. Например, вы отправляете Bingbot сообщение 404 (не найдено), а пользователям в браузере сообщение 200 (хорошо)? Иногда это происходит на разных устройствах, например есть 404 на мобильных устройствах (и для Googlebot-Mobile), но не на настольных браузерах.
  • Регулярное отсутствие и устранение критических ошибок. Инженерные команды заняты — и они не хотят дополнительной работы, поэтому они нередко отказываются выполнять ее.Особенно, когда они не до конца понимают ценность работы для бизнеса.
  • SPA (одностраничные приложения) не могут создать правильный 404 «из коробки». Вот правильный способ это исправить.

Каковы последствия ошибок настройки 404 для SEO?

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

К сожалению, эти пользователи вряд ли вернутся:

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

Как сделать страницу 404 более удобной для пользователей? (Например, что такое передовые методы работы с 404-й страницей)?

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

  • Объясните простым английским (или другим языком) ваш сайт нацелен), что и произошло.Это для пользы пользователя…. потому что это важно!
  • Включите ссылку на свою страницу контактов, чтобы пользователи могли попытаться решить проблему с вашей помощью.
  • Включите упрощенную карту сайта в формате HTML (встроенную в тело страницы), чтобы пользователь мог найти свой собственный путь. Отслеживайте, что чаще всего ищут, и упростите поиск этих ресурсов.
  • Подумайте о добавлении панели поиска в шаблон страницы 404, чтобы пользователь мог искать ресурс, если он еще не отображается в списке.
  • Убедитесь, что заголовок шаблона 404 включает текст «404» или «Страница не найдена» — таким образом вы можете выяснить, какие страницы посещают посетители вашего сайта, и с какой частотой это происходит в Google Analytics (или в вашем аналитическом отслеживании инструмент выбора.)
  • Удачи! Расширьте индивидуальность вашего бренда и установите связь со своей аудиторией. Примеры отличных реализаций этого можно найти здесь.

Как найти ошибку 404 на моем веб-сайте?

Есть несколько хороших способов сделать это. Я честно рекомендую выполнить их все, поскольку некоторые инструменты могут обнаруживать проблемы, которых не видят другие.

  • Сканируйте ваш сайт. Существует множество действительно отличных сканеров, из которых мне больше всего нравится Screaming Frog для небольших сайтов и DeepCrawl для очень больших / корпоративных сайтов (оба часто работают во всех ситуациях, часто это зависит от личных предпочтений или соображений бюджета.Sitebulb — еще один фантастический инструмент.) Каждый сообщит вам, на какие ошибки кода состояния есть ссылки на вашем сайте.
  • Проверьте отчет о покрытии Google Search Console (GSC — ранее известный как Google Webmaster Tools) в разделе «Исключенные»:
Отчет о покрытии Google Search Console (GSC). Щелкните поле «Исключено», чтобы увидеть, какие URL-адреса на вашем сайте исключены. Эта версия помогает вам видеть URL-адреса, которые Google считает Soft 404. Если у вас есть 404 ошибки, обнаруженные Google, вы найдете их, щелкнув этот заголовок.
  • Проверьте Google Analytics (GA) Найдите заголовки страниц, содержащие «не найдено» или «404» — это хороший список, который сообщает вам, сколько раз была открыта конкретная страница, и, следовательно, может лучше помочь вам расставьте приоритеты, какие ошибки нужно исправить в первую очередь.
Как найти ошибки 404 в Google Analytics
  • Проверьте файлы журнала . Это мой любимый способ проверить наличие ошибок 404 (и других проблем тоже!), Поскольку вы можете точно увидеть, кто — то есть какой бот — совершает какие ошибки, на каких конкретных страницах, как часто и общий «коэффициент ошибок» вашего сайта. .К сожалению, не каждый может получить доступ к файлам журнала, в зависимости от вашей платформы и хоста. Поговорите со своим ИТ-отделом и / или командой разработчиков, чтобы узнать, подходит ли вам этот вариант. Для этого вам понадобится инструмент для анализа журналов; мой любимый — от Screaming Frog.

Как найти ошибку 404 на страницах, с которых они (предположительно) связаны?

Если у вас возникают проблемы с обнаружением ошибки 4 {xx} на странице, с которой она связана (например, из внутренних ссылок), вот некоторые вещи, которые вы можете проверить. Если вы не можете найти URL-адрес ни одним из этих методов, скорее всего, проблема использовала , но была исправлена.

1) Периодически запускайте новый обход сайта, чтобы найти и исправить старые и новые ошибки.

Отчет Screaming Frog о типах ошибок 404
  • Сначала проверьте, исходит ли ссылка от inlink или от редиректа . В отчете 404 Inlink Screaming Frog вы узнаете, что есть что; другие сканеры, такие как DeepCrawl и Sitebulb, могут предоставить вам аналогичные данные.
  • Если ответ — «AHREF», его можно найти по прямой гиперссылке, и вы можете перейти к шагам, описанным ниже.
  • Если ответ — «HTTP Redirect», источником ссылки является другой связанный URL, который затем перенаправляет на вашу неработающую страницу. Проверьте свой файл перенаправления на исходный URL-адрес (например, в Apache или файл Htaccess) или в центре администрирования / CMS вашего веб-сайта (например, в плагине перенаправления WordPress). Обновите место перенаправления, чтобы оно больше не указывало на неработающую страницу.
Сводный отчет по навигации Google Analytics может помочь вам найти источник связанных ошибок 404

2) Просмотреть исходный код по рассматриваемому URL и нажать Ctrl + Найти (C + F) для пути неработающих URL.

3) Просмотр визуализированного исходного кода (сторонние плагины браузера, такие как этот плагин просмотра визуализированного исходного кода для Chrome) покажут вам исходный код ПОСЛЕ его визуализации браузером (например, после запуска Javascript и CSS). Опять же, C + F чтобы найти неработающий URL-путь.

4) Используйте Google Analytics и выполните поиск по запросу «404» или «Страница не найдена» в заголовке. После того, как вы сузили список URL-адресов, вызывающих нарушение, щелкните панель навигации, чтобы найти предыдущие страницы по этому пути.

5) Запустите URL-адрес с помощью инструмента Mobile-Friendly Tool из GSC. После запуска щелкните вкладку HTML и скопируйте + вставьте содержимое результатов в документ Word, текстовый редактор и т. Д. Снова нажмите C + F, чтобы найти неработающий URL-путь.

Pro Tip: Использование Mobile-Friendly Tool дает вам реальный код, отрисованный роботом Googlebot — ОТЛИЧНЫЙ ресурс для таких проблем QAing.
Найдите HTML-код, обработанный роботом Googlebot, в Google Mobile Friendly Tool

Как мне найти 404 ошибки, которые не связаны на моем веб-сайте?

Ошибки 404 нередко возникают в URL-адресах… которые никогда не существовали на вашем сайте. Обычно это происходит по одной из следующих причин:

  • Проблемы, связанные с неправильным сканированием роботом Googlebot JS, HTML или CSS. Найдите эти ошибки через GSC> в отчете «Исключенные». К счастью, по мере того, как Google улучшил свою способность эффективно сканировать JS, это происходит все реже и реже.
  • Внешние ссылки на ваш сайт с неработающими путями (например, другие веб-сайты активно ссылаются на нефункциональную страницу вашего веб-сайта). Вы можете обнаружить их с помощью сторонних инструментов.Мне больше всего нравится отчет о неработающих обратных ссылках в Ahrefs (платный инструмент SEO). Вы можете экспортировать эти данные в файл CVS, а затем сканировать каждый URL в режиме списка, чтобы увидеть, что сегодня активно 404.

Советы профессионалов:
1) Иногда вы видите 404 ошибки в GSC без «источника», , и на которые вы не можете найти никаких ссылок — внутри или снаружи. В зависимости от громкости вы можете игнорировать их или просто перенаправить их в любом случае.

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

3) Остерегайтесь создания «переходов перенаправления» (например, перенаправление со страницы A на страницу B, а затем на страницу C) или «циклов перенаправления» (например, перенаправление со страницы D на страницу E и затем обратно на страницу F, поэтому веб-посетитель не может получить доступ ни к одному из функциональных URL-адресов!) Большинство хороших поисковых роботов могут помочь вам определить их в действии.

4) Помните, что не каждая внешняя ссылка стоит перенаправления. Если неработающая ссылка взята с сайта, рассылающего спам, или с действительно малоценного веб-сайта, возможно, вам лучше ее игнорировать. Вы можете определить этот ответ для себя, опять же с помощью платных сторонних инструментов ИЛИ с помощью ручного визуального осмотра. Примеры способов быстрого определения качества: DR (рейтинг домена) и UR (показатели рейтинга URL) Ahref, DA (авторитет домена) Moz или оценка спама. Узнайте больше о проверке ошибок, чтобы определить, что вы исправляете.

Как исправить ошибки 404? Могу ли я предотвратить ошибку 404?

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

  • Возможно, вы сможете реализовать это для себя в центре администрирования своего веб-сайта. Если да, то это самый простой способ сделать это! Просто выберите лучший новый URL, эта страница тоже должна быть перенаправлена ​​(в идеале что-то очень релевантное).
  • Иногда вам нужно обратиться к специалистам по программному обеспечению или ИТ-специалистам. Они нередко отказываются от выполнения этой работы — полная остановка или из-за того, сколько их нужно реализовать (иногда их много).Они не всегда видят ценность, и они разбросаны, работая над другими бизнес-приоритетами. Это то, за что я рекомендую бороться в определенных пределах. Подробнее об этом ниже.

Можете ли вы их предотвратить? Нет. Они всего лишь реальность мира, и игнорирование их не поможет. Рассмотрим «технический долг» ошибки 404, который вам необходимо периодически обнаруживать / проверять / разрешать.

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

Часть 1: Проверьте свой список «Soft 404» GSC, чтобы убедиться, что все обнаруженные проблемы действительно требуют исправления… потому что они не всегда.

Для этого экспортируйте URL-адреса Soft 404 с ошибками из GSC и проверьте их 1) вручную (визуально — они выглядят так, как будто у них есть контент?), 2) с помощью поискового робота для проверки кода состояния (для фактического кода состояния они проблема) и, возможно, 3) с помощью аудита JavaScript.

Один интересный пример использования Soft 404, который поделила удивительная Пейдж Форд: «Мы обнаружили несколько Soft 404 в действительных статьях Справочного центра и предположили, что Google не будет их индексировать, потому что в справочных статьях объясняются коды ошибок — где эти сообщения могут может быть ошибочно истолковано как сообщение 404.Мы сохранили коды ошибок (которые не были 404 или 500), но удалили сообщение об ошибке, и Google в конечном итоге его проиндексировал ».
  • Для элементов, которые были ошибками, и вы активно хотите, чтобы эти URL-адреса были проиндексированы — и теперь вы считаете, что они в порядке — отправьте их для индексации через GSC.
  • Для элементов, которые не являются приоритетными для индексации, вы можете игнорировать . Это действительно зависит от того, сколько их — не позволяйте, чтобы их было так много, как вы Не вижу реальных проблем!

Часть 2: Поделитесь проверенным списком проблем с командой разработчиков программного обеспечения или исправьте их напрямую.В большинстве случаев это одно из следующих:

  • Это недопустимая страница, к которой поисковые системы должны получать доступ или индексировать. В этом случае вы можете заблокировать страницу / путь к странице с помощью файла Robots.txt или с помощью инструмента «Удалить URL-адрес» в GSC.
  • Это страница, которая должна была выдать ошибку 404, но не выдала. Вашей команде программного обеспечения нужно будет покопаться, чтобы понять, почему это происходит, и решить эту проблему. Как только он снова правильно выдаст ошибку 404, вы можете переходить к части 3.
  • Возникла проблема со сканированием или отображением JavaScript, из-за которой пользователи видят видимый контент, но роботы поисковых систем не могут. . Чтобы устранить неполадки, если это происходит, вы можете использовать инструмент Inspect URL в GSC или инструменты рендеринга, такие как View Rendered Source, всплывающая подсказка вашего браузера Inspect Element или HTML, который отображается с помощью Mobile-Friendly Tool.

Часть 3: Выполните шаги, описанные выше, чтобы исправить обычные ошибки 404.

Разве я не могу позволить страницам продолжать работу с ошибкой 404? Google говорит, что все в порядке!

Да, они так говорят! К сожалению, Google иногда говорит вещи, которые, строго говоря, не точны. См .: Маркетологи считают, что большинство публичных заявлений Google являются ложными или вводящими в заблуждение. Вот несколько уточняющих моментов:

  • Активные ссылки на 404 — это плохо — для всех. Потерянные пользователи и, следовательно, упущенная возможность получения дохода.
  • Наличие слишком большого количества 404 или других ошибок сайта может способствовать общему высокому уровню ошибок на вашем сайте, , что может привести к чрезмерному недоверию Google к вашему сайту. Кроме того, вы действительно не хотите, чтобы Googlebot тратил время на сканирование ваших 404-х вместо вашего функционального высококачественного контента, верно?
  • URL-адрес ошибки может иметь значение SEO, которое вы не сможете / не получите, если не исправите их.
  • Когда есть экономическое обоснование для , а не , перенаправляющего некоторые URL-адреса — рассмотрите возможность выпуска сообщения 410 «Gone» вместо этого. Варианты использования, чтобы не перенаправлять вещи: ваш сайт был взломан, и рассматриваемые URL-адреса были спамом / вредоносным ПО! Или вы приобрели домен у третьего лица, и раньше там были страницы для другой компании — и вы не хотите, чтобы они ассоциировались с вашим новым бизнесом.) Робот Googlebot обычно учитывает 410 быстрее, чем 404.

Проблема с 404, как мы ее видим, в том, что робот Google воспринимает их как «временные». Если есть активные ссылки на 404 страницы — либо на вашем сайте, либо в другом месте в Интернете — Google может и будет проверять их, чтобы увидеть, когда они будут исправлены. Они будут продолжать делать это в течение месяцев — а иногда и лет — после того, как URL-адреса перестанут работать (даже если вы их исправите), если вы их не исправите.

Вы можете проверить это самостоятельно, просмотрев файлы журнала и просмотрев количество / частоту посещений роботом Googlebot страниц с ошибкой 404.

Если / когда вам нужно «проверить», что перенаправляется, вот наш рекомендуемый процесс.

Как проверять и расставлять приоритеты для ошибок 404 и других ошибок для исправления

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

Вот как мы подходим к процессу «проверки ошибок и определения приоритетов»:

  • Определите страницы ошибок, с которыми сталкиваются посетители веб-сайта. Используйте Google Analytics и / или файлы журнала для их идентификации. Расставьте приоритеты по частоте и, возможно, по исторически обусловленному доходу (например, перенаправляйте страницы, которые приносили вам много денег в прошлом!).
  • Определите страницы с ошибками, с которыми сталкиваются боты поисковых систем. Используйте свои файлы журналов, чтобы определить их. их по частоте и продолжительности жизни (другими словами — робот Googlebot по-прежнему обращается к нему через месяцы и годы после того, как он был удален? Если да, подумайте о его перенаправлении. Робот Googlebot проверяет его неоднократно по какой-то причине!)
  • Определите страницы ошибок, которые остались функциональные обратные ссылки на них.URL-адреса с большим количеством / улучшенными обратными ссылками более важны для перенаправления, поэтому вы можете извлечь выгоду из мощности этих существующих ссылок; это называется «построением неработающих обратных ссылок».

Вы также можете рассмотреть возможность использования информации о приоритетах GSC в отчете об ошибках — предположительно, они расположены в порядке приоритета.

Если URL-адреса, которые вы видите в GSC, не соответствуют ни одной из вышеперечисленных квалификаций, вы можете спокойно игнорировать их (и позволять им продолжать 404). В качестве альтернативы рассмотрите возможность использования кода состояния 410 (Gone) вместо 404.Google имеет тенденцию быстрее устранять ошибки 410 (например, деиндексируя их и прекращая сканирование).

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

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

1) Найдите URL-адрес 404 и проверьте его вручную.

  • Это может быть так же просто, как вставить случайную строку букв после домена / домашней страницы и нажать Enter, например на https: // thegray.company / i-made-this-up
  • ОБРАТИТЕ ВНИМАНИЕ, однако, что более крупные и более сложные сайты могут иметь различия в функциональности в разных разделах сайта — другими словами, страница 404 может работать в некоторых местах вашего сайта, но не в других.
  • Если у вас небольшой сайт, не беспокойтесь об этом. Если у вас большой сайт, попробуйте эти шаги QA как минимум в каждом основном разделе сайта, например https://thegray.company / services / i-made-this-up И https://thegray.company / clients / i-made-this-up.На всякий случай внимательно следите за GSC на предмет ошибок 404 и мягких ошибок 404.

2) Убедитесь, что страница выдает правильный ответ 404. Рекомендую https://httpstatus.io/. Скопируйте + вставьте поддельный URL-адрес в поле и нажмите кнопку «Проверить статус» (вы можете проверить несколько URL-адресов одновременно, а также протестировать его с помощью разных пользовательских агентов):

Здесь вы вводите URL-адрес (или список URL-адресов) чтобы проверить их в httpstatus.io
  • Подтвердите, что он выдает код 404.(Промойте и повторите, если необходимо, для 404 в других разделах сайта)
  • Не следует: перенаправлять (301 или 302) на 404 ИЛИ выдавать статус 200 (нормально).

3) Помимо этого, в первую очередь следует обратить внимание на удобство использования: если / когда пользователь попадает на страницу, успешно ли вы помогаете ему снова найти свой путь? Как ты можешь сделать это лучше? Узнайте больше об этом и лучших практиках для страниц 404. (Вы также можете узнать больше о контроле качества для SEO.)

Следует ли индексировать 404?

Определенно нет.Не индексируйте страницы с ошибками! Это все равно, что просить менее идеального пользовательского опыта!

(Этот вопрос был предоставлен Сарой Макдауэлл, которой нужно было ответить на этот вопрос для своих клиентов. Сара является со-ведущей подкаста сообщества WTSEO — обязательно посмотрите его!)

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

Как настроить пользовательскую страницу 404 с помощью .htaccess

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

Если вы читали нашу предыдущую статью о страницах с не найденными ошибками 404, то уже говорилось, что динамическая обработка ошибок 404 может быть проблематичной, если делать это очень часто. Если вы используете WordPress на своем веб-сайте, вы можете подумать об установке плагина W3 Total Cache, который может обрабатывать статические ошибки 404 для WordPress.

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

Самый простой способ изменить файл .htaccess — использовать файловый менеджер cPanel с приведенными ниже инструкциями, хотя вы также можете загрузить файл.htaccess через FTP.

Нет времени прочитать статью? Посмотрите наше пошаговое видео.

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

  1. Войдите в свою cPanel.

  2. В разделе Файлы щелкните Диспетчер файлов .
  3. Перейдите в корневую папку документов на сайте.
  4. Щелкните Настройки .
  5. Убедитесь, что выбран Показать скрытые файлы .
  6. Затем нажмите Сохранить .
  7. Щелкните правой кнопкой мыши файл .htaccess и выберите Edit .

  8. Если файл .htaccess не существовал на предыдущем шаге, щелкните ссылку + File в левом верхнем углу, назовите файл .htaccess и установите каталог для создания / public_html. / или корень документа вашего сайта.

  9. У вас может появиться всплывающее диалоговое окно кодирования текстового редактора, продолжайте и просто нажмите Изменить .
  10. Теперь, когда вы готовы редактировать файл .htaccess , самый простой способ установить страницу с ошибкой 404 — это напрямую задать сообщение об ошибке 404 в самом файле .htaccess :
     ErrorDocument 404 "

    Страница не найдена

    "

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

     ErrorDocument 404 /404.html 

  11. После внесения изменений в файл .htaccess нажмите Сохранить изменения .

    Вы должны увидеть зеленое всплывающее окно Success
  12. Теперь, если вы попытаетесь открыть страницу, которой не существует на сервере, например / ThisPageWon’tExist , вы должны увидеть настраиваемое сообщение об ошибке 404, которое мы я настроил. Это первое изображение ниже является страницей ошибки 404 по умолчанию, когда пользовательская страница не задана:

    Вторая страница — это страница пользовательской 404, которую мы только что создали:

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

    Получите лучшую производительность и безопасность с нашим VPS-хостингом.

    John-Paul Briones Content Writer II

    John-Paul — инженер-электронщик, большую часть своей карьеры проработавший в сфере информационных технологий. Он был техническим писателем для InMotion с 2013 года.

    Еще статьи Джона-Пола

    Навигация по сообщениям

Мы используем файлы cookie, чтобы обеспечить вам лучший опыт на нашем веб-сайте.Используя этот сайт, вы соглашаетесь с нашей Политикой конфиденциальности веб-сайта.

Я ПРИНИМАЮ

Все, что вам нужно знать о странице 404

(Последнее обновление: 11 января 2021 г.)

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

Страница 404 выполняет две основные функции:

  1. Он сообщает посетителю, что они успешно установили связь с веб-сервером, но веб-сервер не может найти запрошенную страницу.
  2. Предлагает посетителю вернуться в рабочую часть вашего сайта.

Вот почему страница 404 вашего сайта чрезвычайно важна.

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

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

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

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

Зачем нужно создавать пользовательскую страницу 404?

Зачем создавать пользовательскую страницу 404, если вы можете получить ее по умолчанию?

Ну потому что часто уж слишком расплывчаты .

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

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

После того, как ваши посетители обнаружат такую ​​страницу, они, скорее всего, покинут ваш сайт и, возможно, больше не вернутся. По данным Econsultancy, 88% потребителей с меньшей вероятностью вернутся на сайт после неудачного опыта.

С другой стороны, если вы действительно создаете собственную страницу 404, вот что она может для вас сделать:

  • Уменьшите разочарование и замешательство, которое ваши посетители могут почувствовать после нажатия на неработающую ссылку, предоставив более четкое объяснение.
  • Предоставьте вашим посетителям различные возможности, чтобы они могли оставаться на вашем веб-сайте немного дольше, включая другие рекомендуемые ссылки, панель поиска и т. Д.
  • Повысьте показатель отказов вашего сайта и, в сочетании с небольшой реализацией ключевых слов, также улучшите SEO вашего сайта.

Изображение предоставлено: Y Times

Как создать собственную страницу 404

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

В этом разделе мы предоставим вам пошаговые инструкции по созданию пользовательской страницы 404 по адресу:

  • WordPress
  • Конструкторы сайтов
  • Пользовательские сайты i.е. HTML

Создание пользовательской страницы 404 в WordPress

Самый простой способ создать страницу 404 в WordPress — это установить плагин. Затем вы можете просто выбрать любую страницу в редакторе WordPress и сделать ее страницей 404 по умолчанию.

Вот два плагина, которые мы рекомендуем для этой цели:

  • 404страница: после установки этого плагина перейдите в «Внешний вид» → «Страница ошибки 404» и выберите любую страницу, которую вы хотите сделать своей страницей 404 по умолчанию.
  • Custom 404 Pro: этот плагин появится на вашей главной панели управления WordPress, где вы можете просто выбрать любую страницу, которую хотите (или даже добавить URL-адрес), и этот плагин превратит ее в вашу страницу 404 по умолчанию.

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

Создание настраиваемой страницы 404 с помощью конструктора веб-сайтов

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

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

Создание настраиваемой страницы 404 на настраиваемом веб-сайте (HTML)

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

Вот как:

  • Шаг 1: Загрузите и установите FTP-клиент на свой компьютер. FileZilla отлично подходит, если вы используете Windows. Fetch отлично подходит, если вы используете Mac.
  • Шаг 2: В FTP-клиенте введите имя хоста i.е. IP-адрес или доменное имя вашей учетной записи хостинга, а также имя пользователя и пароль для этой учетной записи.
  • Шаг 3: Перейдите в корневой каталог вашего хостинг-сервера и найдите файл с именем « .htaccess ». Если его нет, создайте его. Откройте его и добавьте следующую строку:

ErrorDocument 404 /not-found-page.html

Этот код сообщает вашему хостинговому серверу, что он должен искать этот HTML-файл в случае ошибки 404.

  • Шаг 4: Просто создайте HTML-файл с именем « not-found-page.html ’и скопируйте / вставьте сюда код пользовательского файла 404.

И все.

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

Изображение предоставлено: журнал поисковой системы

Максимальное использование ошибки 404 Страница

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

Вот три основных качества, которыми должна обладать ваша страница 404.

1. Простое и понятное объяснение

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

Вот почему лучшее, что вы можете сделать со своей страницей 404, — это использовать простую терминологию, например:

«Ссылка, по которой вы щелкнули, не работает.”

«Страницы, которую вы ищете, не существует».

«Мы не смогли найти страницу, которую вы искали».

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

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

«Возможно, вы ошиблись при вводе URL-адреса или допустили ошибку копирования / вставки».

«Возможно, владелец веб-сайта удалил / переместил эту страницу на другой URL-адрес.”

Использование простого языка и объяснение уменьшит вероятность того, что ваша пользовательская страница 404 отпугнет посетителей.

Вот пример 404-й страницы Disney.

Это просто, понятно и понятно. Он хорошо сочетается с их брендом, используя одного из их персонажей и копируя эти рифмы. Кроме того, он включает только одну ссылку — Назад к дому .

2. Полезные альтернативные призывы к действию

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

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

Призыв к действию (CTA) поможет вашим посетителям перейти в другое место на вашем веб-сайте, которое может оказаться полезным. Эти CTA могут быть:

.
  • Ссылка на главную страницу вашего сайта.
  • Список ваших самых популярных товаров / сообщений.
  • Панель поиска, где они могут снова попробовать найти страницу, которую искали.

… и др.

Если на вашей странице 404 нет CTA, посетители могут покинуть ваш сайт. CTA помогает предотвратить это.

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

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

3. Немного юмора и индивидуальности

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

Какой он должен быть, решать вам, например:

  • Остроумная веб-копия,
  • Смешной мем / GIF,
  • Милая иллюстрация

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

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

Почему появляются страницы ошибок 404

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

К трем наиболее частым причинам относятся:

  1. Удаление страницы с сайта;
  2. Изменение каталога, в котором ранее находилась страница;
  3. Изменение URL-адреса.

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

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

Некоторые из доступных опций включают:

  1. Если ваш веб-сайт находится на WordPress, вы можете использовать плагин MonsterInsights. Он автоматически помечает вам ошибки 404, что упрощает их исправление как можно быстрее.
  2. Если вы не используете WordPress или не хотите платить за инструмент для веб-мастеров, вы можете использовать вместо этого Google Search Console.

Вот как найти ошибку 404 с помощью Google Search Console:

  • Он просканирует ваш веб-сайт на предмет возможных ошибок 404 с помощью «роботов-пауков»: программ, которые сканируют ссылки и страницы на вашем веб-сайте.
  • Откройте панель управления Google Search Console и перейдите к Сканирование → Ошибки сканирования , чтобы увидеть существующие ошибки 404 на вашем веб-сайте.
  • Как только вы обнаружите ошибку 404, проверьте ссылку, перейдя по ней в своем браузере. Если это работает, отметьте это как исправленное. Если это не так, проанализируйте, на какую страницу ссылка пытается направить ваших посетителей, и замените ее действующей ссылкой.

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

Есть ли на вашем веб-сайте настраиваемая страница 404?

4 шага для создания пользовательской страницы с ошибкой 404

В этом посте мы покажем вам, как создать собственную страницу с ошибкой 404!
Необходимое время: 30 минут + любое время, затраченное на создание самой страницы
Необходимые ресурсы: HTML-редактор / блокнот, FTP-доступ к сайту, кофе
Дополнительные программы: Photoshop / Illustrator (для дизайна страницы), FTP Клиент (для упрощения загрузки)
Пользовательская страница 404 — это не только способ расширить доступность на вашем веб-сайте, но также показывает, что вы (или ваша компания) уделяете внимание деталям и может быть способом добавить немного юмора в Веб-сайт!

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

Недавно мы создали страницу 404 для веб-сайта Top Left Design, которую вы можете просмотреть здесь:
https://www.topleftdesign.com/404

Вот как вы можете создать такой же эффект для своего собственного веб-сайта. (Если вы где-то застряли в пути, свяжитесь с нами или оставьте комментарий, и мы вам поможем!)

Шаг 1. Создайте свою страницу

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

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

Когда у вас возникнет идея, вам нужно будет смоделировать дизайн с помощью Photoshop или аналогичной программы для редактирования изображений.

getflywheel.com

kualo.co.uk

Шаг 2. Создайте свою HTML-страницу

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

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

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

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

Что касается содержания вашей 404-й страницы, то хорошей формулой в индустрии дизайна считается; яркий образ + остроумная фраза (конечно, в зависимости от тона вашего сайта). См. Примеры ниже и ссылки в конце этого сообщения для примеров!

marvel.com

hotdot.pro

Вот хорошее руководство по созданию пользовательской страницы 404 «BSOD» в HTML / CSS.
В любом случае, когда вы закончите создание страницы, у вас должен быть файл «404.htm» вместе с любыми дополнительными изображениями, которые вы могли создать для своей страницы 404.

Шаг 3. Создайте файл .htaccess

Откройте Блокнот. Вам нужно будет вставить следующий текст в пустой документ:
ErrorDocument 404 /404.htm

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

Легко! Кто нибудь сказал, что .htaccess сложен?

Шаг 4. Загрузите и протестируйте
Теперь, когда все ваши файлы готовы, подключитесь к FTP-серверу и приготовьтесь испытать плоды своего труда.

Загрузите файл .htaccess в корневой каталог вашего FTP-сервера (он должен находиться в той же папке, что и ваш файл index.htm)

Загрузите страницу 404.htm также в корень и любые дополнительные изображения в соответствующую папку на вашем сервере (в зависимости от того, как вы связали пути к изображениям в вашем 404.htm file)

Sidenote: После загрузки ваш файл .htaccess может не отображаться на вашем сервере, если вы не включите настройки скрытых файлов в вашей программе FTP. Файлы, начинающиеся с точки, по умолчанию автоматически скрываются.
Чтобы включить такие скрытые файлы, например, в CuteFTP, сделайте следующее:

Откройте меню «Правка» и выберите параметр «Фильтр».

Установите флажок «Включить удаленные фильтры».

Введите два символа «-a» (без кавычек) в поле «Удаленный фильтр».

Щелкните OK, чтобы подтвердить изменение.

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

Готово!

Теперь все, что вам нужно сделать, это зайти на свой веб-сайт и добавить: «/ something» после .com
. Пока эта страница не существует на вашем сайте, должна появиться ваша новая настраиваемая страница 404! Отличная работа!

Чего нельзя делать

Чтобы избежать ошибок, наш программист Игнас перечислил некоторые вещи, которых следует избегать!

  • Никогда не перенаправляйте ошибки 404 просто на вашу домашнюю страницу.Четкая ссылка — это нормально, но перенаправление только запутает ваших посетителей. Они нажимали на ссылку, думая, что попадут на одну страницу, а вы отправляли их на другую без каких-либо объяснений.
  • Также не перенаправляйте ошибку 404 на другой веб-сайт. По словам нашего кодера Игнаса: «Ага! Почему люди вообще думают, что это нормально ?!
  • Также — никогда не отправляйте ошибку 404 на страницу Flash. Просто не надо.
  • И напоследок — не отправляйте ошибку 404 на страницу с регистрационной формой, которая имеет 25 полей.
Автор записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *