Как настроить страницу 404

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

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

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

Автоматическое перенаправление пользователя на нужную страницу при возникновении ошибки происходит с помощью файла .htaccess (именно так, с точкой впереди и без расширения). Этот файл добавляется в корень сайта и должен содержать следующую строку.

ErrorDocument 404 /err404.html

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

Учтите, что файл err404.html может быть вызван из любого места сайта, поэтому в нем следует использовать абсолютные ссылки (http://site.ru/images/error.png) или ссылки относительно корня сайта (/images/error.png).

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.

Популярные рецепты

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

Правильная настройка страницы 404

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

Код страницы 404 расшифровывается как «не найдено». Ошибка возникает, когда страница была удалена или перенесена, когда в ссылке на страницу или файл неправильно прописано название файла или алиас страницы. Это самая распространенная ошибка в интернете.

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

Например, у вас на сайте был раздел «Новости», на который вела ссылка /news.html. Вы решили поменять алиас раздела на «novosti», а ссылку при этом оставили такой же. В этом случае пользователь, перейдя по ней, попадет на страницу 404.

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

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

Если сайт работает на CMS (Joomla, WordPress, UMI и др.), то такая страница создается по умолчанию.

Если же сайт разрабатывается с нуля, то порядок действий такой:
• Сначала нужно создать файл .htaccess
• В файле нужно прописать следующую строку: ErrorDocument 404 /имястраницы.html
• Потом файл .htaccess нужно добавить в корневой каталог сайта.
• В конце нужно настроить страницу 404

Разработка SEO-сайтов с пожизненной гарантиейСоздаем невероятные SEO-сайты, оптимизированные по 69 параметрам уже на этапе разработки

Правила настройки страницы 404

Остановимся на том, что страница 404 уже создана и лежит в корне сайта. Следующий этап — ее оформление.

Рекомендуется придерживаться следующих правил:

1 Оформление страницы не должно отличаться от дизайна сайта в целом, включая шрифт, цвета и т.д.

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

3 Должно содержаться короткое пояснение, почему посетитель попал на 404. Например, такое: «К сожалению, эта страница недоступна. Возможно, вы воспользовались недействительной ссылкой или страница была удалена».

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

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

Пример страницы 404 на нашем сайте:

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

ВАЖНО: Страницу 404 нужно закрыть от индексирования. Для этого в файле robots.txt надо вписать следующую строку: Disallow: /адрес_404страницы

Есть ли вред от 404 ошибки?

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

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

Отследить битые ссылки можно с помощью:
• Сервисы Вебмастер и Метрика на Яндексе
• Сервисы Search Console и Google Analytics
• Виджеты встроенные в CMS

Нужен настоящий SEO-сайт и интернет-реклама ? Пишите, звоните:

Наша почта:
Единая справочная: 8 (843) 2-588-132
WhatsApp: +7 (960) 048 81 32
Оставить заявку

Как оптимизировать страницу 404

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

Ошибка 404 вредит SEO?

404 Not Found (ресурс не найден) — код ответа сервера, который сообщает, что невозможно найти страницу по указанному адресу.

Существует мнение, что наличие страниц с 404 ошибкой на сайте негативно влияет на SEO, но на самом деле это не совсем так.

Из справки Google:

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

Появление 404 ошибок на сайте — явление неизбежное и причины тому могут быть разные:

• изменение структуры сайта;
• битые ссылки;
• изменение URL адреса страницы;
• страница или сайт больше не существует.

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

• опечатка при введении URL адреса пользователем;
• удаление товаров на сайте.

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

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

1. Страница 404 должна быть настроена корректно и отдавать код HTTP 404 (Not Found), чтобы не попасть в индекс поисковых систем. Во-первых, такие страницы будут засчитываться как дубли. Во-вторых, это может негативно сказаться на поведенческих факторах. Ведь если человек из поиска попадет на 404 страницу — он явно расстроится потому, что ожидал увидеть совсем иное. Следовательно, быстро уйдет и снова вернется к поиску.
1. Не следует делать 301 редирект на главную. Таким образом вы вводите в заблуждение пользователя: он ожидал получить одну страницу, а непонятным образом оказался на главной. C 404-й страницы должна стоять ссылка на главную, но не редирект.

Нужно ли создавать кастомные 404 страницы?

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



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

Google рекомендует создавать собственные страницы 404:

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

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

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

Основные рекомендации по созданию собственных 404 страниц:

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







1. Будьте вежливы и объясните, почему человек оказался на этой странице. Практически каждый пользователь знаком с такой ошибкой и в общих чертах представляет, что произошло. Но будьте готовы помочь тем, кто растерялся. Сообщение должно быть четким и понятным — без технических подробностей.





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



1. Действенный прием для интернет-магазинов — вывод на 404 страницах похожих или недавно просмотренных товаров.



1. Если сайт у вас небольшой и хорошо структурирован, разместите ссылку на карту сайта.



Дизайну страницы 404 быть!

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

1. Задействуйте свой творческий потенциал и все таланты в области дизайна и юмора. Четыре идеи в помощь:









1. Интерактивные элементы. Развлеките человека, добавьте простую игру, дайте ненавязчивый контент. Не исключено, что так ваш сайт запомнится и получит шанс попасть в закладки. Собрала 9 хороших примеров. Наслаждайтесь (только предварительно убавьте громкость):
• https://www.tinsanity.net/404.shtml
• https://www.agens.no/404
• https://imgur.com/404
• https://github.com/404
• https://hotdot.pro/404/
• https://www.tumblr.com/404/
• https://www.kualo.co.uk/404
• https://amplifr.com/blog/ru/t
1. Промоакции и сбор клиентской базы. Отличный шанс повысить уровень доверия к вам и стимул к покупке или заказу услуги.





Как настроить 404 страницу?

Существует достаточно плагинов для настройки 404 страниц на платформе WordPress. Но не всегда получается настроить через плагин или сделать это для сайта на другой платформе. Предлагаю вам такой способ:

1. Создайте 404 страницу HTML.
2. Настройте переадресацию в .htaccess, чтобы при неправильном URL пользователь переходил на 404 страницу. Для этого пропишите в .htaccess «Error 404 www.site.com/404.html».
3. Разместите файл .htaccess на хостинге в корневом каталоге сайта.
4. Нужно, чтобы созданная страница 404 отдавала код ответа сервера отличный от 200, а именно 404 (Not Found). Для этого пропишите на странице 404 строчку кода и добавьте файл на сервер:



Если этого не сделать, то страницы могут попасть в индекс, а в панеле для вебмастеров вы можете увидеть:



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

1. Как найти битые ссылки на страницах вашего сайта.
2. Как найти актуальные страницы сайта для существоваших ранее страниц.
3. Как избавится от большого количества 404-х ошибок.

Выводы

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

1. Наличие 404-й ошибки на сайте не влияет напрямую на позиции в выдаче.
2. Чтобы не потерять трафик и улучшить поведенческие факторы, необходимо создавать кастомные страницы с 404-м ответом сервера.
3. На страницах с 404-й ошибкой следует размещать информацию с пояснением, почему пользователь оказался здесь, куда следовать дальше. Это нужно, чтобы человек понял: сайт работает и можно остаться на нем.

При создании 404-х страниц правильно настраивайте коды ответа сервера. Это поможет избежать проблем с индексированием сайта поисковыми системами.

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

Прошла курсы подготовки SEO-специалистов в Образовательном центре Netpeak. Работаю в компании c 2017 года.

Узнайте больше



55

Как настроить страницу 404

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

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

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

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

Или так, если мы пытаемся попасть на страницу из поиска Google:
Такая проблема может возникать по нескольким причинам:
Допущена ошибка в ссылке на страницу (URL).
Страница удалена.
Изменен адрес страницы.
Сервер работает некорректно.

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

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

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

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

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

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

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

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

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

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

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

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

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

Приведенные примеры страниц 404 можно увеличить по клику.

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

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

Почему это важно

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

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

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

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

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

 ErrorDocument 404 http://ВАШ_САЙТ/404.html 

Похожие публикации:
1. Autom tran что это gettzap
2. Azure devops что это
3. Как разрешить приложению работать в фоновом режиме
4. Почему в фигме не меняется шрифт