Как создать настраиваемые страницы ошибок HTTP в WordPress?

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

Мы все видели ошибку 404. Но что это такое? Название трека в пустыне?

Если это национальное шоссе 404, надеюсь, это не ошибка.

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

Это самое известное и распространенное сообщение об ошибке, которое вы найдете в Интернете.

Как настроить ответ сервера?

404 ошибка сервера через htaccess

Если сервер или CMS не настраиваются автоматически, вам придется сделать это самостоятельно — добавить строку в htaccess:

1	ОшибкаДокумент 404 http://www.site.ru/404.php

ОшибкаДокумент 404 http://www.site.ru/404.php

Теперь, когда пользователь вводит неверный адрес, он будет перенаправлен на этот адрес. Страница может располагаться где угодно, но, например, мы разместили ее в корне сайта: /404.php.

404 ошибка сервера в PHP

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

1	header(«HTTP/1.0404 не найден»);

header(«HTTP/1.0 404 не найден»);

Как отследить, сколько таких пользователей попадают на страницу 404?

Яндекс.Метрика

Для этого удобно использовать «Опции посещения”.

Добавьте в код счетчика следующую строку: params:window.yaParams||{ }});

Таким образом, должно появиться что-то вроде этого:

1 2 3 4 5 6 7 8

w.yaCounterХХХХХХХХ =new Я.Метрика({id:ХХХХХХХХХ, вебвизор:true, карта кликов:true, trackLinks:true, precisionTrackBounce:true, trackHash:true, ut:»|окно», para}Pams:|окно||{}});

w.yaCounterХХХХХХХХ = new Я.Метрика({id:ХХХХХХХХХ, вебвизор:true, карта кликов:true, trackLinks:true, precisionTrackBounce:true, trackHash:true, ut:»|окно», para}Pa}:»|окно||{ }});

На самой странице 404 в любом месте нужно разместить следующий JS код:

1 2 3

var url = document.location.pathname+ document.location.searchvar url_referrer = document.referrer;var yaParams ={error404:{страница: url, from: url_referrer}};

var url = document.location.pathname + document.location.search var url_referrer = document.referrer; var yaParams = {error404: {page: url, from: url_referrer}};

Где url — текущий адрес страницы 404, а url_referrer — адрес, с которого она была достигнута. Таким образом, в Яндекс.Метрике мы сможем отслеживать не только все страницы 404, но и адреса, по которым переходили.

Отчет в Яндекс.Метрике нужно смотреть здесь: все отчеты -> контент -> параметры посещения.

Подробнее о параметрах посещения в Яндекс.Метрике: http://help.yandex.ru/metrika/content/visit-params.xml

Google.Analytics

Мы используем «события» для отслеживания ошибок. Добавьте JS-код в тело страницы:

1 2 3 4 5 6 7 8 9

jQuery(document).ready(function(){var url = document.location.pathname+ document.location.searchvar url_referrer = document.referrer; ga(‘send’,{‘hitType’:’event’,’eventCategory’:’ page-404′,’eventAction’: url, ‘eventLabel’: url_referrer });});

jQuery(document).ready(function() { var url = document.location.pathname + document.location.search var url_referrer = document.referrer; ga(‘send’, {‘hitType’: ‘event’, ‘eventCategory’ : ‘page-404’, ‘eventAction’: url, ‘eventLabel’: url_referrer

});

});

Где hitType — тип события, eventCategory — категория, eventAction — адрес ошибки, url_referrer — источник страницы 404.

Отчет в Google Analytics: Поведение -> События -> Обзор.

Читайте также: Сколько можно зарабатывать в ставках на футбол в месяц ЗБС Wiki

Примеры страниц с ошибкой 404

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

ошибка 404 в разделе «Помощь» на сайте REG.RU

Как ошибка влияет на SEO-показатели сайта и что делать

В большинстве случаев наличие ошибок может прямо или косвенно повлиять на эффективность SEO сайта. Рассмотрим эти показатели и то, как их можно улучшить.

Посещаемость

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

Даже если ресурс занимает топовые позиции, негативный опыт отталкивает потенциальных клиентов и влияет на снижение посещений в будущем. Поэтому важно следить за тем, чтобы на странице не было битых ссылок и несуществующих страниц. В этом помогут специальные онлайн-сервисы от Яндекс и Google. Если обнаружат проблемы, наведите порядок на странице: замените плохие ссылки, настройте 301-редирект со старых адресов на новые и сделайте необходимые настройки.

Лояльность

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

Страница с ошибками на сайте pikabu.ru

Страница ошибки на www.idesign.com.mt

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

Страница ошибки Helpcout.com

Страница ошибки на flippingbook.com

Страница ошибки на kayako.com

Популярные CMS (такие как WordPress, Joomla и Drupal) имеют готовые страницы 404. Однако они могут контрастировать с общим дизайном сайта или быть не слишком информативными, что в свою очередь будет отталкивать пользователя. Идеальный вариант — создать страницу ошибки специально для вашего сайта. Вы можете заказать его у разработчика или создать самостоятельно, если у вас есть опыт верстки и веб-дизайна.

Продвижение

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

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

Что такое 404?

История гласит, что в комнате 404 располагались первые сетевые серверы ЦЕРН (Европейской организации ядерных исследований). А также, что изобретатель интернета Тим Бернерс-Ли имел там офис и часто не мог его найти. Но это миф.

На самом деле коды ошибок HTTP представляют собой числовые диапазоны в категории. Ошибки клиента попадали в диапазон 400, поэтому код «404» «ресурс не найден».

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

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

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

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

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

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

Другие типы страниц ошибок HTTP

Ниже приведен краткий список наиболее распространенных страниц с ошибками HTTP:

• 301 — указывает, что содержимое было перемещено и не будет возвращено на исходное место. 301 — это постоянные перенаправления контента.
• 400 — указывает на плохой запрос. Это означает, что браузер неправильно пытался получить доступ к содержимому или что запрос недействителен.
• 401 — Для доступа к содержимому требуется авторизация.
• 500 — это общая ошибка сервера. Это указывает на то, что сервер не знает, как обработать запрос.
• 504 — указывает на то, что сервер ждал данных, но не получил их. Период ожидания по умолчанию составляет 30 секунд.

Если вам интересно, есть еще много кодов ошибок HTTP.

Как сделать копию страницы или записи в WordPress

Что вызывает ошибки HTTP?

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

Другие причины ошибок HTTP:

• Сайт удален.
• URL-адрес был введен неправильно в браузере.
• Сервер веб-сайта не работает или соединение не работает.
• Указанный домен больше не существует.
• Запрошенный домен не может быть преобразован в IP с помощью DNS.

Проверка редиректа 404

Проверить, все ли настроено правильно, можно в Яндекс.Вебмастере и Google Search Console.

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

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

1. 1. Откройте Яндекс.Вебмастер.
2. 2. Перейдите в Инструменты → Проверка ответа сервера.
3. 3. Введите имя страницы с ошибкой и нажмите Проверить.
4. 4.Код состояния HTTP должен показывать 404 Not Found:

   

Как их исправить

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

Инструменты для отслеживания ошибок HTTP:

• Консоль поиска Google. В Google Search Console выберите из выпадающего меню «Сканирование», «Ошибки сканирования».
• SmartCrawl — этот бесплатный SEO-плагин поможет вам найти неработающие ссылки.

После установки и активации плагина SmartCrawl WordPress перейдите в панель администратора и откройте раздел Карта сайта. Затем нажмите «Сканер URL», и инструмент покажет все неработающие ссылки.

SmartCrawl также позволяет перенаправлять любые «мертвые» веб-страницы. Для этого перейдите в Дополнительные инструменты > Перенаправление URL.

Настройка редиректа .htaccess на страницу с ошибкой 404

Если у вас еще нет готовой страницы 404, создайте ее удобным для вас способом:

• найти бесплатные шаблоны страниц, выбрать один и скачать. Затем добавьте файл шаблона в корневой каталог вашего сайта;
• спроектируйте страницу самостоятельно с помощью HTML и CSS. Назовите файл страницы «404.html» и добавьте его в корневой каталог сайта;
• настройте один из плагинов (все 404 перенаправления на домашнюю страницу и перенаправление битых изображений, 404 страница от SeedProd или 404 на 301), если у вас есть WordPress. Обратите внимание, что в этом случае вам не нужно настраивать перенаправление .htaccess.

Чтобы настроить переадресацию:

1. Откройте файл конфигурации .htaccess в корневом каталоге вашего сайта и добавьте следующую строку:

Ошибка Документ 404 https://site.ru/404.html

Вместо site.ru укажите домен вашего сайта. Затем сохраните изменения.

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

2. Закрыть страницу сервиса 404 от индексации для лучшей SEO-оптимизации ресурса. Для этого откройте файл robots.txt в корневом каталоге, добавьте приведенную ниже команду и сохраните изменения:

Запретить: /404.html

Готово, вы настроили редирект с .htaccess.

Как насчет SEO?

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

Зачем создавать настраиваемые страницы ошибок HTTP?

Вы бы предпочли увидеть это:

Getwid — Пользовательские блоки WordPress для редактора Gutenberg

Могло быть и хуже?

Или это:

Кто не любит видеть милую собаку?

Или, может быть, это:

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

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

1. 1.Создайте страницу одним из следующих способов:
   • Если вы знаете HTML и CSS, закодируйте страницу самостоятельно и загрузите файл с именем 404.html в корневой каталог вашего сайта.
   • Если нет навыков верстки, в интернете можно найти бесплатные шаблоны страниц ошибок. Загрузите файл и добавьте его в корневую папку.
   • Если вы используете WordPress, используйте 404page — ваш умный настраиваемый плагин страницы с ошибкой 404, как описано ниже. Примечание! Если вы использовали плагин, вам не нужно прописывать путь к файлу в .htaccess.

   Как настроить страницу в плагине WordPress

   1) Откройте админку WordPress.

   2) Перейдите в раздел «Плагины» и нажмите «Добавить новый.

   3) В поле поиска введите название 404page — ваша умная настраиваемая страница ошибки 404.

   4) Нажмите Установить → Активировать:

   

   5) Перейдите в Внешний вид → Страница ошибки 404.

   6) Выберите Sample Page из списка, чтобы изменить страницу ошибки по умолчанию, и нажмите Edit Page:

   

   7) В открывшемся визуальном редакторе создайте страницу и нажмите Обновить:

   

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

2. 2.откройте файл конфигурации .htaccess в корневой папке вашего сайта и добавьте следующую строку:

   Ошибка Документ 404 https://site.ru/404.html

   Где вместо site.ru — домен вашего сайта.

3. 3. Сохраните изменения.

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

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

Запретить: /404.html

Креативные 404 страницы – вред или польза?

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

Рекомендации по созданию страницы 404

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

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

Важно, чтобы страница была информативной и полезной:

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

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

Поднимем тост за хороший хост

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

Плагины для настройки страниц HTTP-ошибок

Я хочу рассказать о нескольких бесплатных плагинах, позволяющих создавать и настраивать страницы ошибок HTTP:

404page

Этот плагин работает почти со всеми темами. С его помощью вы сможете настроить страницу ошибки HTTP в редакторе WordPress.

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

Как избежать распространенных ошибок при работе с WordPress

Custom 404 Pro

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

All 404 Redirect to Homepage

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

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

301 Redirects — Easy Redirect Manager

Плагин позволяет создавать и управлять редиректами 301 и 302. Это поможет улучшить SEO вашего сайта и удобство для пользователей.

Имеет удобный интерфейс, прост в установке и настройке. Он также поддерживает страницу, запись, пользовательские типы записей, архивы и настройку целевого URL.

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