Содержание

Ошибка 404 – Помощь | REG.RU

Ошибка 404 (http status 404) — что это значит?

В статье рассмотрим, что означает ошибка 404 на сайте. Ошибка 404 page not found — это код ответа сервера, который сообщает пользователю, что сервер не может найти запрашиваемые данные. Почему такое может произойти? Есть несколько возможных причин:

  1. Вы допустили ошибку при вводе адреса страницы или файла в браузер. Или браузеру не удалось найти IP-адрес сервера. Сервер не может найти и выдать данные потому, что вы дали ему неправильные «координаты». В таком случае вам достаточно просто исправить ошибку в URL-адресе, и вместо страницы с ошибкой 404 появятся искомые страница/файл.

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

    От этого будет зависеть способ решения проблемы.

Мы рассмотрим, что делать с ошибкой 404 и как исправить.

Как убрать ошибку 404 на сайте, созданном на CMS (WordPress, Joomla, 1С-Битрикс и т.д.)

На сайтах, созданных с использованием CMS, встречаются различные страницы с ошибкой 404 (http status 404). В зависимости от типа страницы с ошибкой различаются причины возникновения и пути решения проблемы:

  • Если вы видите на своём сайте стандартную ошибку 404 REG.RU:

В большинстве случаев проблема связана с отсутствием конфигурационного файла .htaccess. Как избавиться от ошибки 404? Создайте в корневой папке сайта пустой текстовый файл с расширением .htaccess и добавьте в него стандартные директивы для используемой CMS. Стандартные директивы приведены в статье: Файлы .htaccess для популярных CMS.

Важно: в панели управления cPanel файл .htaccess по умолчанию скрыт (т.е. он существует, но не виден). Следуйте инструкции, чтобы включить отображение файла. Затем сверьте его содержимое со стандартным.

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

  • Если вы видите иную страницу ошибки, которую отдает CMS сайта. Например:

Ошибка на WordPress

Пользовательская ошибка 404 not found

Возможно, страница не создана или не опубликована на этапе размещения сайта в админке CMS. Также ошибка может быть связана с формированием «человекопонятных» ЧПУ-ссылок с помощью SEO-плагинов. Чтобы избавиться от проблемы, необходимо обратиться к веб-разработчикам сайта или на тематические форумы, на которых представлена необходимая техническая информация (ошибка http 404).

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

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

Что означает это сообщение?

Запрашиваемые страница/файл отсутствуют или размещены в неправильной папке (не в корневой папке сайта).

Что делать? Откройте корневую папку сайта в панели управления хостингом и проверьте, находятся ли в ней файлы вашего сайта.

Открывается только главная страница сайта, на внутренних страницах ошибка 404 или 500

Рассмотрим, что значит и как исправить ошибку отображения внутренних страниц сайта (error 404 или 500), причиной проблемы является отсутствие файла .htaccess (либо он пустой, либо в нем не хватает необходимых директив для работы CMS). Решить проблему может замена текущего файла .htaccess стандартным для данной CMS.

На хостинге Linux

Если у вас ISPmanager, проверьте, не включены ли Автоподдомены. Если они включены, отключите их, проверьте актуальность проблемы.

В остальных случаях для устранения внутренней ошибки 404 или 500, перейдите в корневую папку сайта: Как узнать корневую папку сайта
Создайте файл .htaccess (или замените его) со следующим содержимым:

Файл .htaccess для Joomla

##
# @version $Id: htaccess. txt 14401 2010-01-26 14:10:00Z louis $
# @package Joomla
# @copyright Copyright (C) 2005 - 2010 Open Source Matters. All rights reserved.
# @license http://www.gnu.org/copyleft/gpl.html GNU/GPL
# Joomla! is Free Software
##


#####################################################
#  READ THIS COMPLETELY IF YOU CHOOSE TO USE THIS FILE
#
# The line just below this section: 'Options +FollowSymLinks' may cause problems
# with some server configurations.  It is required for use of mod_rewrite, but may already
# be set by your server administrator in a way that dissallows changing it in
# your .htaccess file.  If using it causes your server to error out, comment it out (add # to
# beginning of line), reload your site in your browser and test your sef url's.  If they work,
# it has been set by your server administrator and you do not need it set here.
#
#####################################################

##  Can be commented out if causes errors, see notes above.
Options +FollowSymLinks

#
#  mod_rewrite in use

RewriteEngine On

########## Begin - Rewrite rules to block out some common exploits
## If you experience problems on your site block out the operations listed below
## This attempts to block the most common type of exploit `attempts` to Joomla!
#
## Deny access to extension xml files (uncomment out to activate)
#<Files ~ "\.
.]*)$ [NC] RewriteRule (.*) index.php RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization},L] # ########## End - Joomla! core SEF Section

Файл .htaccess для WordPress

# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
# END WordPress

Файл .htaccess для HostCMS

Options +FollowSymlinks
AddDefaultCharset Off
<IfModule mod_php4.c>
 php_flag magic_quotes_gpc off
 php_flag magic_quotes_runtime off
 php_flag register_globals off
</IfModule>
<IfModule mod_php5.c>
 php_flag magic_quotes_gpc off
 php_flag magic_quotes_runtime off
 php_flag register_globals off
</IfModule>
<IfModule mod_dir.c>
 DirectoryIndex index.php index.htm index.html
</IfModule>
<IfModule mod_rewrite.c>
 RewriteEngine On
 RewriteBase /
 RewriteCond %{REQUEST_FILENAME} !-f
 RewriteCond %{REQUEST_FILENAME} !-d
 RewriteRule ^(.
(.*)$ index.php?q=$1 [L,QSA] # # Make sure .htc files are served with the proper MIME type, which is critical # for XP SP2. Un-comment if your host allows htaccess MIME type overrides. #AddType text/x-component .htc # # If your server is not already configured as such, the following directive # should be uncommented in order to set PHP's register_globals option to OFF. # This closes a major security hole that is abused by most XSS (cross-site # scripting) attacks. For more information: http://php.net/register_globals # # To verify that this option has been set to OFF, open the Manager and choose # Reports -> System Info and then click the phpinfo() link. Do a Find on Page # for "register_globals". The Local Value should be OFF. If the Master Value # is OFF then you do not need this directive here. # # IF REGISTER_GLOBALS DIRECTIVE CAUSES 500 INTERNAL SERVER ERRORS : # # Your server does not allow PHP directives to be set via .htaccess. In that # case you must make this change in your php. ini file instead. If you are # using a commercial web host, contact the administrators for assistance in # doing this. Not all servers allow local php.ini files, and they should # include all PHP configurations (not just this one), or you will effectively # reset everything to PHP defaults. Consult www.php.net for more detailed # information about setting PHP directives. # #php_flag register_globals Off # # For servers that support output compression, you should pick up a bit of # speed by un-commenting the following lines. # #php_flag zlib.output_compression On #php_value zlib.output_compression_level 5 # # The following directives stop screen flicker in IE on CSS rollovers. If # needed, un-comment the following rules. When they're in place, you may have # to do a force-refresh in order to see changes in your designs. # #ExpiresActive On #ExpiresByType image/gif A2592000 #ExpiresByType image/jpeg A2592000 #ExpiresByType image/png A2592000 #BrowserMatch "MSIE" brokenvary=1 #BrowserMatch "Mozilla/4. (\..*|Entries.*|Repository|Root|Tag|Template)$"> Order allow,deny </FilesMatch> # Don't show directory listings for URLs which map to a directory. Options -Indexes # Follow symbolic links in this directory. Options +FollowSymLinks # Make Drupal handle any 404 errors. ErrorDocument 404 /index.php # Force simple error message for requests for non-existent favicon.ico. <Files favicon.ico> # There is no end quote below, for compatibility with Apache 1.3. ErrorDocument 404 "The requested file favicon.ico was not found. </Files> # Set the default handler. DirectoryIndex index.php index.html index.htm # Override PHP settings that cannot be changed at runtime. See # sites/default/default.settings.php and drupal_initialize_variables() in # includes/bootstrap.inc for settings that can be changed at runtime. # PHP 5, Apache 1 and 2. <IfModule mod_php5.c> php_flag magic_quotes_gpc off php_flag magic_quotes_sybase off php_flag register_globals off php_flag session. auto_start off php_value mbstring.http_input pass php_value mbstring.http_output pass php_flag mbstring.encoding_translation off </IfModule> # Requires mod_expires to be enabled. <IfModule mod_expires.c> # Enable expirations. ExpiresActive On # Cache all files for 2 weeks after access (A). ExpiresDefault A1209600 <FilesMatch \.php$> # Do not allow PHP scripts to be cached unless they explicitly send cache # headers themselves. Otherwise all scripts would have to overwrite the # headers set by mod_expires if they want another caching behavior. This may # fail if an error occurs early in the bootstrap process, and it may cause # problems if a non-Drupal PHP file is installed in a subdirectory. ExpiresActive Off </FilesMatch> </IfModule> # Various rewrite rules. <IfModule mod_rewrite.c> RewriteEngine on # Block access to "hidden" directories whose names begin with a period. (.*)$ index.php [L,QSA] </ifModule> <ifModule mod_headers.c> <FilesMatch "\.(jpg|jpeg|png|gif|js|css|svg|ttf|eot|otf|woff|woff2)$"> Header set Cache-Control "max-age=3153600, public" </FilesMatch> </ifModule>

Если у вас хостинг Windows

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

Что будет, если не исправлять ошибку 404

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

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

Сделайте страницу 404 полезной

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

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

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

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

Была ли эта статья полезной?

Да Нет

Пользователи, считающие этот материал полезным: 87 из 129

101 пример как оформить страницу с ошибкой 404

18.06.2021

Алексей Бакуменко, автор блога Webpromo


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

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

Но прежде, чем мы посмотрим примеры оформления страницы с ошибкой 404, разберемся с теорией.

Содержание:

Что такое ошибка 404 и ее влияние на SEO

Ошибка 404: суть, причины, аудит сайта

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

101 пример, как оформить страницу 404 стильно и удобно для пользователя

Выводы


Читайте также: Как улучшить видимость сайта в выдаче при помощи сторонних веб-ресурсов?


 

Что такое ошибка 404 и ее влияние на SEO

Ошибка 404 означает, что страница не найдена (Not Found). Хорошо это или плохо для SEO? Если рассматривать в общем, то это нормально. Google рассматривает появление ошибок 404 как естественный процесс работы сайта. Вот, что говорит справка:

Но не все так однозначно. На практике сайт действительно может «просесть», если ошибка 404 появилась на странице, которая приносит трафик на сайт.

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

 

Ошибка 404: суть, причины, аудит сайта

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

Почему так происходит:

  • Ошибка в URL. Пользователь неправильно ввел ссылку или в нее были внесены изменения на стороне сайта.
     
  • Страница переехала или удалена. Это следствие изменения структуры сайта, технических работ или банально «факап» контент-менеджера.

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

  • Google вебмастер. Бесплатный и простой в использовании инструмент. Аудит сайта доступен в отчете “Сканирование”, вкладка “Ошибки сканирования”.
  • Seoto.me. Мощный сервис, способный проанализировать даже самые крупные сайты. Но платный.
  • Serpstat.com. Инструмент отличается широким функционалом. Кроме битых ссылок, показывает качество оптимизации домена и график глубины проверки. Позволяет проанализировать сайты конкурентов. Все платно.
  • Check My Links. Это бесплатный плагин для Google Chrome. Его минус в том, что он работает постранично, проверить весь сайт сразу нельзя.  

Ольга Ильюхина, SEO-специалист Webpromo:

«Все инструменты для проверки сайта можно разделить на онлайн и офлайн, которые в свою очередь делятся на массовые и постраничные. Для массовой проверки страниц можно использовать Screaming Frog SEO Spider, Netpeak Spider, Xenu, а также такие сервисы, как Serpstat. В случае проверки только одной страницы можно выбрать наиболее подходящих вариант среди букмарклетов (например, проверка кода ответа в bertal.ru), расширений для Chrome (Redirect path), плагинов для многих CMS и т.д.»

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


Читайте также: Как написать текст о компании и оформить страницу «О нас». От рекомендаций до вдохновляющих идей


 

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

Что думает пользователь, увидевший такую страницу? Скорее всего «Ой, что это? 404 не найдено? Непонятно… Пойду-ка я на другие сайты». И будет прав. На приведенном выше скриншоте нет абсолютно никакой полезной информации, нет ни малейшей попытки что-то объяснить пользователю, удержать его и помочь ему. 

Шаблон информативной страницы 404 зависит от специфики сайта. Однако есть несколько правил, обязательных для всех:

  1. Дайте пользователю понять, что он попал на тот сайт, который искал. Важную роль в этом играют хедер (шапка сайта) и футер (подвал сайта).
  2. Объясните, почему пользователь видит на странице ошибку, а не контент, за которым пришел. Желательно, простыми и понятными словами.
  3. Разместите в видимой зоне контактные данные (телефоны, e-mail и т.д.), чтобы пользователь знал, куда ему обращаться со своим запросом.
  4. Добавьте кнопку возврата на главную страницу, чтобы пользователь мог повторить свой сеанс и вновь попробовать найти то, что ему нужно.
  5. Не стоит настраивать 301 редирект на главную страницу. Пользователь не поймет, почему он попал не туда, куда хотел. Возможно, он предпримет несколько повторных попыток, но потом уйдет.
  6. Интернет-магазинам полезно добавлять на страницу 404 поисковую строку, чтобы пользователь, столкнувшись с ошибкой, мог сразу найти альтернативный товар. Если в URL прописаны категории ― добавьте в шаблон ссылки на похожие товары или тематические статьи.
  7. Помните, что любая ошибка вызывает негатив со стороны пользователя. Отвлеките его анимацией или мини-играми. Это повысит шанс, что разочарованный посетитель задержится на сайте.
  8. А еще люди обожают жаловаться. Дайте им такую возможность! Добавьте строку обратной связи с предложением сообщить вам о проблеме. Это проявление заботы о пользователе и дополнительная возможность сгладить негатив.

Совет! Если ваша страница с ошибкой 404 Not Found будет не просто информативной и полезной, но и визуально красивой ― пользователь получит приятный опыт взаимодействия с сайтом и уровень его стресса существенно снизится.


Читайте также: Что нужно знать о поведении потребителей в 2021 году

 

101 пример, как оформить страницу 404 стильно и удобно для пользователя

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

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

Информативные страницы 404

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

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

 

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

Оформление страниц 404 с креативом

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

Красиво оформленные страницы 404

И напоследок мы собрали просто эстетичные страницы с ошибкой 404, в оформлении которых сплелись и креатив, в которых сплелись креатив и информативность.

 

Выводы

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

  • карусель товаров;
  • кнопка “На Главную”;
  • кнопки категорий услуг;
  • строка поиска;
  • кнопка вызова онлайн-чата.

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

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

 

Также читайте другие статьи в блоге Webpromo:

И подписывайтесь на наш Telegram-канал про маркетинг.

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

Есть, есть коммерческий потенциал у notfound-страницы!

Когда попадаешь на несуществующую страницу интернет-магазина, чаще всего тебя встречает грустный белый экран и унылое пояснение об ошибке 404. Разочарование, раздражение и обманутые ожидания. И не только у вас, но и у владельца магазина, который только что лишился потенциального дохода. А ведь он мог сделать мир лучше, заранее подумав о том, как превратить страницу 404 в этап воронки продаж. О том, как несуществующую страницу сделать инструментом маркетинга, в своём корпоративном блоге рассказала scrum-студия Sibirix.


В чём проблема со страницей 404

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

  • возврат на предыдущую страницу;

  • закрытие страницы 404;

  • закрытие браузера;

  • попытка поискать товар/информацию в общем поиске и уход на сайт к конкурентам.

Ни один из сценариев вам не выгоден. А ведь страница с кодом ошибки «404» умеет и будет продавать, если наполнить её правильным контентом. Ловкие вебмастера и маркетологи используют потенциал несуществующей страницы на полную катушку, размещая там полезную для пользователя информацию.

Чем наполнить страницу 404, чтобы она принесла пользу

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

Итак, давайте посмотрим, что вы можете сказать через страницу 404:

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

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


3. «Как? Вы ничего не нашли? Тогда посмотрите, что у нас ищут и покупают чаще всего. Вдруг и вам понравится»

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


4. «Упс, что-то пошло не так и не туда. Может быть вам будут полезны эти разделы?»

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


5. «Если вы ничего не нашли, не хмурьтесь, ведь у нас всегда есть чем вас порадовать. Например, сейчас действуют акции и бонусы»

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


6. «Ой-ой, нехорошо, что здесь нет нужной вам информации. Попробуйте ещё раз — 99%, что у вас получится»

Страница 404 мебельной компании «Чу» предлагает найти на сайте что-то конкретное или, если пользователь не знает, чего хочет, зайти в каталог.


7. «Тише-тише… Не нужно так расстраиваться. Сыграйте в игру — это поднимет вам настроение»

На сайте компании «Северсталь» вы найдёте отличный материал для кровли, а на странице с ошибкой — игру с котиком. Вы любите котиков? Мы да!


8. «Ого, куда вы попали! Чтобы найти то, что искали, начните с начала. Вот главная — там всё, что вам нужно»

Сайт серьёзной интернет-конференции «СПИК» не прочь пошутить. Шутки шутками, а на конференцию нужно как-то попасть: спикером, гостем или партнёром. На главной быстрее найти нужный раздел для такой разной аудитории.


Больше пользы от 404

Оформление несуществующей страницы положительно влияет и на другие вещи:

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

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

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

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

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

P. S. Пользователи должны попадать на 404 случайно. Доверяй, но проверяй. Сервисы Google и  Яндекс помогут найти битые ссылки. Это бесплатно.

Источник: Sibirix. ru.


Чтобы не пропустить интересную и полезную для вас статью о малом бизнесе, подпишитесь на наш  Telegram-канал страницу в Facebook и  канал на «Яндекс.Дзен».
biz360

Что значит ошибка 404 Not Found, как ее найти и исправить

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

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

  • “HTTP 404 не найден”;
  • “Ошибка 404 Not Found”;
  • “404 Страница не найдена”.

Часто администраторы сайтов изменяют стандартные страницы с ошибками веб-сервера на кастомные, например, на сайте Lego она выглядит так:

Если с технической стороны разобрать значение 404-ответа, то мы получим: 4 — ошибка со стороны пользователя, 0 — синтаксическая проблема, 4 — конечный узел не найден.

Причины возникновения ошибки 404

Рассмотрим несколько наиболее частых причин возникновения ошибки:

  1. Неверный адрес или ссылка. Ошибка возникает при ручном вводе нужного адреса. Пользователь может допустить опечатку или ввести букву из другого  алфавита или регистра.
  2. “Старая” (или битая) ссылка. Возникновение ошибки возможно при переходе на страницу, которая была уже удалена администратором, но переадресацию настроить забыли или не удалили старую ссылку.
  3. Некорректное перенаправление. При настройке редиректов администратором сайта могут быть допущены ошибки, и пользователю будет отдаваться 404.
  4. Проблемы со стороны сервера. Неполадки на сервере очень редко вызывают ошибку 404, но все же небольшая вероятность есть.

Влияние ошибки 404 на работу сайта

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

Выявление ошибок 404 на сайте

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

Но чаще используют специальные сервисы или ПО:

1. Search Console Google. Откройте раздел “Ошибки сканирования” — “Диагностика”. Кликните на “Not Found” или перейдите в раздел “Покрытие”:

2. Яндекс. Вебмастер. Выберите “Индексирование” — “Доступные для поиска страницы” — “Исключённые страницы”. В выданном списке выберите фильтр “Ошибка HTTP: 404”.

3. Специальные плагины или модули для CMS. Например, для WordPress популярный плагин “Broken Link Checker”. Все ссылки с ответом 404 после сканирования он сохраняет категории “Неправильные ссылки” в панели инструментов.

4. Специальные краулер-программы. Проверить наличие “битых” ссылок и выгрузить их в отдельный файл можно с помощью программ Netpeak Spider или Screaming Frog Seo Spider (платные), а также в бесплатном Xenu Link Sleuth.

5. Анализ логов сервера по ошибке “Not Found” или просмотр статистики в хостинговых панелях управления. Например,  в cPanel есть подробная статистика AWStats, где есть сортировка страниц по разным кодам ответов от сервера.

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

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

  1. Измените URL на верный. Ссылка должна отдавать ответ 200 (ОК) или 301 (Redirect).
  2. Настройте корректное перенаправление со старых ссылок на новые. Также запустите переиндексацию сайта.  
  3. Создайте и настройте “полезную” страницу с ошибкой 404. Главная цель данной страницы — дать понять пользователю, что страницы действительно не существует, но с сайта уходить не нужно. Например, предложите пользователю перейти на “главную” или в другой раздел сайта:

Также в настройках веб-сервера (файл .htaccess) вам нужно указать, что при вводе несуществующей страницы нужно отдавать кастомную, например:

ErrorDocument 404 https://vashsite. com/404.html

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

Выводы

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

Ошибка 404, или когда страница недоступна

404: что это?

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

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

 

Так, первая четверка кода указывает на ошибку программы-клиента, то есть браузера. Это означает, что в адресной строке браузера неверно был набран URL сайта либо, что такой страницы на запрошенном сервере физически больше не существует. Цифра 0 сообщает об общей ошибке синтаксиса протокола, а вот последняя четверка принадлежит к отдельной категории ошибок — 40х.

Реакция пользователя

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

  • Неверно набран URL страницы.
  • Ссылка устарела (адрес страницы поменялся).
  • Ссылка битая (ссылка на сайте указана неверно).
  • Страница была удалена.

Собственная «страница 404»

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

  • Дать понять посетителю, что запрашиваемая им страница на сервере не найдена, и сообщить, какому проекту данная страница принадлежит (посетитель должен знать, на какой ресурс он попал и чему тот посвящен). Для этого предпочтительно отображение страницы в общем шаблоне сайта.
  • Разместить ссылку на главную страницу и предложить посетителю дополнительную навигацию по сайту (выложить его карту).
  • Не помешает также разместить контактную информацию (либо ссылку на нее) и меню поиска по сайту.
  • Мгновенная загрузка страницы: не нужно ее нагружать излишней графикой.
  •  

Пример удачной «404 страницы» можно посмотреть здесь.

См. также:

 

Понравилась статья? Расскажите о ней своим друзьям

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

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

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

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

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

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

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

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

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

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

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

Проанализировать 404 страницы с ошибками на веб-сайте «Успех»

Модуль

Ryte Website Success может помочь вам легко определить ошибки 404, которые были обнаружены на вашем веб-сайте ботом Ryte.Перейдите в модуль «Успешность веб-сайта», выберите «Индексируемость» → «Коды состояния» и щелкните коды состояния 4xx.

Рисунок 2: Выявление ошибок 404 с помощью Ryte

Если вы хотите разобраться в корне проблемы, вам также необходимо проанализировать, какие страницы ссылаются на эти недоступные URL-адреса. Их можно определить, щелкнув «Ссылки» → «Обзор» → «Список всех ссылок», а затем настроив следующие фильтры:

Щелкните «Добавить новый фильтр», выберите «является локальным файлом (источником)» и установите для параметра значение «Локальный файл».

Рисунок 3: Добавить фильтр для просмотра локальных файлов

В этом фильтре перечислены все ссылки, ведущие на внутренние страницы. Чтобы ограничить результаты только недоступными страницами, т.е. там, где произойдет ошибка 404, нажмите «Добавить новый фильтр», затем «Код состояния (источник)» и выберите «равно» «404».

Рисунок 4: Фильтр для отображения всех 404 страниц

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

Совет: Если вы связали Ryte с Google Analytics, бот Ryte также анализирует все URL-адреса из Analytics. Это увеличивает ваши шансы идентифицировать все страницы с ошибками 404 и дает вам четкое представление о количестве посетителей, которые посетили различные URL-адреса за последние 30 дней. Это означает, что вы можете определить приоритеты, какие ошибки 404 нужно исправить в первую очередь, в зависимости от их трафика.

Выявить 404 ошибки с помощью Google Search Console

Консоль поиска Google предоставляет вам много полезной информации о вашем домене.Нажав «Индекс» → «Покрытие», вы увидите список проблем, обнаруженных роботом Googlebot при сканировании. При нажатии на проблему откроется список с затронутыми URL-адресами.

Рисунок 5: Выявление ошибок 404 в консоли поиска Google

Совет: Просмотр программных страниц 404 часто окупается. Программные страницы 404 — это ошибочные или несуществующие URL-адреса, которые по-прежнему возвращают код состояния «200 OK» или «302 Found».

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

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

Как обрабатывать страницы ошибок 404

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

перенаправляет

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

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

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

Создание страницы ошибки 404

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

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

ErrorDocument 404 / 404.php

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

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

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

1. См. Домашнюю страницу

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

Рисунок 6: Ссылаясь на домашнюю страницу ryte.com

2. См. Другие категории и домашнюю страницу

Рисунок 7: Ссылаясь на другие категории на странице 404 (источник)

3. Предложите функцию поиска

Рисунок 8: Функция поиска на странице 404 (источник)

4.Предлагаем вариант взаимодействия

Рисунок 9: Возможность взаимодействия

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

Рисунок 10: 404-я страница Google

Заключение

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

БЕСПЛАТНО анализируйте свои ошибки 404 с помощью Ryte

Начни сейчас!

лучших практик для страниц с ошибками [Learn SEO] 404 Page SEO

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

404s

Так, например, когда кто-то запрашивает URL yoursite.com/gobbledygook, который на самом деле здесь не существует, вы действительно хотите вернуть 404. Если страница является допустимым URL, она должна зарегистрироваться. Но если это недействительный URL-адрес, вы не хотите, чтобы страница 200 показывала просто: «Эй, вы, вероятно, потеряли то, что ищете.«Это может создать много дублированного контента в поисковых системах. Google будет сканировать все вокруг, как:« Чувак, каждый URL-адрес, который мы можем представить на этом веб-сайте, представляет собой страницу из 200 ». Так что вы можете использовать 404 для этого .

410s

410 — это код состояния, который вы можете возвращать поисковым системам и браузерам. Этот код статуса может быть возвращен, когда страница находится в поисковых системах, и вам нужно, чтобы она была окончательно удалена. Таким образом, для вашего обычного браузера они ‘ приеду, и они получат что-то вроде страницы 404.У вас может быть собственная страница 404, которая занимается забавными вещами. Один из моих любимых есть на Distilled.net. Вы можете проверить их страницу 404.

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

301s

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

Ошибки сайта

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

Мониторинг

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

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

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

Отключение и обслуживание сайта

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

Не хочу выводить на обслуживание страницу, где на самом деле 200.Это случилось с Walt Disney Company и Disney.com много лет назад. У них была эта ошибка в течение трех или четырех дней. Они занимались обслуживанием сайта, и это заняло много времени. Google проиндексировал все эти страницы со словами: «Сайт временно не работает». До тех пор, пока они не пересмотрели эти URL-адреса, в течение недели на тонне страниц веб-сайта Disney был показан фрагмент, в котором говорилось: «Наш веб-сайт временно готов. Пожалуйста, вернитесь позже», что снизило их рейтинг кликов, убило их поисковый трафик. отстой.Не используйте 200, когда вы временно не работаете. Используйте 503.

Спасибо за обучение!

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

Из многих потенциальных ошибок, которые вы можете увидеть на своем сайте WordPress, ошибка 404 Not Found — одна из самых сложных. Но это не значит, что вас или ваши посетители не расстраивают, когда вы или ваши посетители пытаетесь просмотреть свой сайт и постоянно сталкиваетесь с сообщением об ошибке 404 Not Found. 😒 Это последнее, что вы хотите, чтобы потенциальные клиенты впервые видели от вашего бренда.Ошибка 404 также может быть индикатором того, что что-то изменилось или переместилось, и, вероятно, необходимо добавить 301 редирект для SEO.

В этом посте мы попытаемся помочь вам снова заставить ваш сайт работать, объяснив несколько вещей:

Предпочитаете посмотреть видео версию?

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

Инженерная группа Интернета (IETF) определяет ошибку 404 Not Found как:

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

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

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

Как и другие сообщения об ошибках (ошибка 500, ошибка 502, ошибка 503, ошибка 504 и т. Д.), Сообщение «Ошибка 404 не найдено» является результатом этого процесса.

Что на самом деле означает ошибка 404 «Не найден»?

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

Например, если кто-то пытается получить доступ к yoursite.com/post-name , но у вас нет контента со слагом post-name . Тогда посетитель увидит ошибку 404, потому что, хотя ваш веб-сервер работает нормально, запрошенный ресурс не существует.

Это не просто сообщения или страницы, любой недостающий ресурс может вызвать ошибку 404 на сервере, например, отсутствует файл изображения, отсутствует JavaScript, отсутствует CSS и т. Д.

Что вызывает ошибку 404, не найденную на WordPress?

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

Кроме того, ошибка 404 — это не всегда плохо — плохо только тогда, когда мешает удобству использования . А иногда вещи просто выходят из-под вашего контроля!

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

Ошибка 404 Варианты не найдены

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

  • «Ошибка 404»
  • «404 не найдено»
  • «Ошибка HTTP 404»
  • «Не найдено»
  • «Страница не найдена»
  • «Запрошенный URL не найден на этом сервере.
  • «Страница не найдена»
  • «Мы не можем найти страницу, которую вы ищете».
  • «Запрошенный URL / ~ не найден на этом сервере. Это все, что мы знаем.
Страница ошибки Google 404

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

Забавный пример страницы 404

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

Kinsta 404 страница

Ошибка 404 не найдена Влияние на SEO

Ошибка 404 Not Found не оказывает отрицательного воздействия на SEO. Но это может иметь негативное влияние в зависимости от причины возникновения ошибки.

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

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

Ошибка 404 Not Found влияет на производительность сайта

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

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

Ошибки 404

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

Основные ошибки 404

Вы также можете проверить ошибки 404 в Google Search Console или установить сторонний плагин, например Redirection, который регистрирует ошибки 404. Однако помните, что подобные плагины также влияют на производительность. Гораздо лучше полагаться на инструмент уровня сервера. Вот почему мы предоставляем эти инструменты всем клиентам Kinsta.

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

Как исправить ошибку 404, не найденную в WordPress

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

Подпишитесь на информационный бюллетень

Хотите узнать, как мы увеличили посещаемость более чем на 1000%?

Присоединяйтесь к 20 000+ другим пользователям, которые получают нашу еженедельную рассылку с инсайдерскими советами по WordPress!

Подпишись сейчас

Обновите постоянные ссылки вашего сайта WordPress

Если при попытке доступа к контенту вы сталкиваетесь с ошибкой 404 по всему сайту, наиболее вероятной причиной является проблема с вашими постоянными ссылками (или вашим. htaccess, если ваш хост использует Apache). Если вы клиент Kinsta, мы используем Nginx, поэтому вы можете исключить файл .htaccess как возможную причину.

Самый простой способ исправить это — обновить настройки постоянной ссылки через панель управления WordPress. Все, что вам нужно сделать, это перейти в «Настройки» → «Постоянные ссылки» и нажать «Сохранить изменения» (вносить какие-либо изменения не требуется — достаточно нажать «Сохранить изменения»).

Восстановить постоянные ссылки в WordPress

Настроить 301 редирект для перемещенного или переименованного контента

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

  • Изменен ярлык URL для этого содержимого.
  • Переместил этот фрагмент содержимого вручную, например удалив существующее сообщение и вставив его в новое сообщение.

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

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

Во-первых, вы можете использовать бесплатный плагин Redirection для управления перенаправлениями с панели инструментов WordPress. После того, как вы установили и активировали плагин, перейдите в Инструменты → Перенаправление и введите URL-адрес 404-й страницы в поле «Исходный URL-адрес» и новое расположение контента в поле «Целевой URL-адрес»:

Как настроить переадресацию с помощью плагина переадресации

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

Перейдите на сайт, которым хотите управлять. Затем щелкните вкладку «Перенаправления». Чтобы добавить новое перенаправление, нажмите большую кнопку «Добавить правило перенаправления»:

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

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

Как создать свою собственную ошибку 404 Not Found Page

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

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

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

  • Поле поиска
  • Важные ссылки
  • Контактная информация

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

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

Как отслеживать ошибки 404 в будущем

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

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

Вариант 1 — Google Analytics

Если вы используете Google Analytics, вы можете настроить собственный отчет для отслеживания ошибок 404 по внешним ссылкам.У Rebelytics есть хорошее руководство по этой теме.

Вариант 2 — плагин WordPress

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

Вариант 3 — Инструмент стороннего аудита

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

Проверка ошибок 404

Вариант 4 — Google Search Console

Наконец, вы можете отслеживать 404 ошибки, с которыми сталкиваются сканеры Google, в Google Search Console.После подтверждения своего сайта с помощью консоли поиска Google перейдите в Сканирование → Ошибки сканирования → Не найдено, чтобы просмотреть список ошибок 404, обнаруженных Google. Это, безусловно, один из самых простых способов. Он также является лучшим с точки зрения производительности, поскольку не требует сторонних плагинов или дополнительного сканирования вашего сайта. Боты Google уже регулярно сканируют ваш сайт, так почему бы просто не воспользоваться данными, которые они уже предоставляют? 😉

Ошибка 404 консоли поиска Google

Сводка

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

У вас есть другие советы или вопросы относительно сообщения об ошибке 404 Not Found или его влияния на ваш сайт WordPress? Напишите нам в комментариях.


Экономьте время, деньги и повышайте производительность сайта с помощью:

  • Мгновенная помощь от экспертов по хостингу WordPress, 24/7.
  • Интеграция Cloudflare Enterprise.
  • Глобальный охват аудитории с 29 центрами обработки данных по всему миру.
  • Оптимизация с помощью нашего встроенного мониторинга производительности приложений.

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

21+ лучших примеров страниц с ошибками 404 (+ передовой опыт, который необходимо знать)

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

Бесплатное руководство: Пособие по окончательной стратегии входящего маркетинга 2021

Например, я люблю делать оригами бумажных журавликов и цветов. Я занялся оригами как хобби в очень раннем возрасте, как способ снять стресс … и, ну, ну, ну, чтобы иметь чем-то еще, кроме просмотра повторов недолгого мультфильма «Новые дети на блоке».

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

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

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

🔎 По теме: 25 страниц контактов компаний, которые вдохновят вас

Конечно, моя способность буквально «заблудиться» не ограничивается реальным миром.

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

Фактически, сегодня я наткнулся на одну, когда тратил на 100% деньги, которые не должен был тратить, поскольку у меня уже есть рынок спортивной одежды для работы на дому:

Хотя Old Navy убивает меня в игре, когда дело касается леггинсов и майок нейтрального цвета, я обнаружил, что полностью оттолкнул их 404-я страница по двум причинам:

  • Глаза не разбиты.Вам нужно прищуриться и наклониться, чтобы прочитать крошечный текст на экране — как будто это был , созданный для разрешений экрана примерно 2002 .
  • Бренд Old Navy — это весело, необычно и доступно. Итак, я нашел эту страницу 404 на удивление стерильной и роботизированной . Полный размах и промах.

«Это страница с ошибкой 404, Лиз. Чего вы ожидали, парада?»

Да ну конечно нет. (Хотя, если вы хотите устроить мне парад, я не говорю «нет».)

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

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

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

Хорошо, я так рад, что вы спросили …

Фирменный веб-сайт Обязательные функции и рекомендации страницы ошибки 404

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

1. Навигация по вашему сайту должна быть доступна

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

Страница с ошибкой 404 no-muss-no-fuss New York Times — отличный тому пример. Сразу приходит к выводу, что я нахожусь не в том месте, черт возьми, но верхняя структура навигации по сайту присутствует.

🔎 По теме: Что должно быть включено в нашу стратегию бизнес-сайта?

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

2. Если у вас есть функция поиска по сайту, включите поиск

Я не уверен, что считаю это обязательным по нескольким причинам:

  • Иногда вам просто не нужна функция поиска для вашего сайта.Хотя я всегда сторонник поиска на веб-сайтах, я знаю, что из каждого правила есть исключения. Так что навигации по вашему сайту может хватить.
  • Часто, если у вас есть функция поиска, это действительно отстой. Как бы я ни любил продукты Google, я всегда вздрагиваю, когда вижу функцию поиска на веб-сайте, работающую от Google, потому что есть 80% вероятности, что результаты поиска будут бесполезными. Здесь, в IMPACT, мы используем Cludo, и я чертовски люблю его как человека, который должен этим управлять.

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

С этой преамбулой в сторону …

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

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

3. Предложите несколько предложений, куда они могли бы пойти.

Правило №1 для пользователей веб-сайта: не заставляйте пользователя думать. Если им придется слишком много думать о своем следующем шаге, они, вероятно, разозлятся и уйдут.

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

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

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

4. Вы должны придерживаться современных рекомендаций по разрешению экрана и скорости отклика.

Перед тем, как приступить к исследованиям для этой статьи, я не думал, что добавлю это как определенную передовую практику.Но, видимо, некоторым из вас — cough Old Navy cough — нужно напоминание о том, что ваши страницы 404 не должны выглядеть как неуместные путешественники во времени где-то между 1996 и 2006 годами.

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

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

«А что, если мы просто перенаправим их на страницу с соответствующей категорией продуктов или даже просто на нашу домашнюю страницу, а не на отдельную страницу 404?»

Отличный вопрос. У меня на этот счет различных, мнений.

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

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

«Но мы облегчаем им жизнь, не заводя их в тупик и автоматически возвращая их в нужное русло … верно?»

Ну, не совсем так.

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

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

Я подумаю, «Подожди, что только что случилось?»

Я, вероятно, вернусь и попробую ссылку еще раз или повторно наберу любой поисковый запрос, потому что я думаю, что что-то пошло не так. Затем, в какой-то момент, я пойму: «О … значит, этой страницы больше не существует. Какая досада».

🔎 По теме: Сколько должна стоить стратегия создания веб-сайта нашей компании?

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

Даже самая простая страница 404 решит эту проблему. Так что не пропускайте его.

6. Наконец, проясните сообщение об ошибке

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

Трудно описать, но ты узнаешь это, когда видишь. Обычно есть навигация по сайту, иногда некоторая информация в нижнем колонтитуле или ссылки на другой контент сайта … но нет четкого фокуса на странице.Затем крошечным шрифтом вы увидите какое-то сообщение «Страница не найдена». Не создавайте такой опыт для своих пользователей.

Вместо этого возьмите совет из предыдущих примеров из New York Times , What’s New in Publishing и Yale Appliance и сделайте это до глупости очевидным. Думайте об этом как о знаках «НЕ ВХОДИТЕ» или «НЕПРАВИЛЬНО», которые вы видите на шоссе — ваши пользователи должны сразу знать, что они не в том месте.

А теперь перейдем к интересным вещам!

Мой самый любимый бизнес-сайт Примеры страниц с ошибкой 404

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

1. УДАР (бесстыдная пробка)

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

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

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

2. HubSpot

Как человек, который считает «умную копию сайта» языком любви, эта классика от гиганта в области маркетинга, продаж и автоматизации услуг HubSpot всегда меня привлекает. Они не сходят с ума от анимации или других наворотов.

🔎 По теме: Вам нужен редизайн сайта или его «подтяжка лица»?

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

3. Национальное общественное радио (NPR)

Хорошо, это заняло у меня секунду, чтобы понять, но как только я это сделал, я был ох, очень доволен.

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

Затем я понял, что весь контент, представленный на странице с ошибкой 404, сосредоточен вокруг «что-то теряется». Ха!

Амелия Эрхарт, багаж, недостающие 18 с половиной минут записей Уотергейтской ленты, Джимми Хоффа и так далее.

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

4. MoMA

Хорошо, мне это нравится, потому что то изображение OOF, которое вы видите, является настоящим произведением искусства. И если вы нажмете на нее, вы сможете узнать больше о произведении и художнике. Идеально фирменный и супер крутой.

Опять же, просто, но так креативно и продуманно. Я просто люблю это.

5. Чудо

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

Marvel выигрывает здесь с ловкими штрихами, как с точки зрения копирования, так и с точки зрения анимации.

6. ТОМС

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

Я всегда фанат брендов, которые удивят вас тонкими напоминаниями о : «Да, нашим брендом действительно управляют люди — уникальные, удивительные люди».

Модель

7. LEGO

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

8. млн унций

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

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

9. грамматика

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

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

10. GitHub

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

Действительно классный, тонкий опыт в целом. (Не могу поверить в это. Дэн Баум намекает на то, что он поделился этим со мной.)

11. Звездные войны

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

12. свободное пространство

Вся эта страница с ошибкой 404 — это * поцелуй шеф-повара.*

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

🔎 По теме: 13 лучших советов по копирайтингу для веб-сайтов, которые должен знать каждый маркетолог

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

Обожаю.

13. Amazon

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

Ну, я ошибался. Мне нравится этот опыт. Конечно, у вас есть традиционная навигация по сайту и панель поиска вверху.

Но то, что здесь гвоздет Amazon, — это нечто совершенно неожиданное.

«Познакомьтесь с собаками Амазонки». Что ?!

А потом … угадайте, что происходит, когда вы нажимаете на Робина?

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

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

14. Mailchimp

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

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

15.Блендер Очки

Я почти не включил Blenders, потому что их реклама в Instagram забрала у меня много долларов — что я могу сказать, я любитель ярких оттенков 😎 — но их копия здесь гарантирует их включение.

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

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

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

🔎 По теме: 7 причин, по которым ваши идеальные покупатели ненавидят ваш сайт копия

16.Метель

Мне нравится эта страница с ошибкой 404 от гиганта видеоигр Blizzard по нескольким причинам:

  • Эй, компания — Blizzard, а маленький заблудший парень застрял … в метели. Это то, что мы в отрасли называем синергией.
  • Я не знаю, намеренно ли это, но я не могу не задаться вопросом, вдохновил ли Джон Траволта в Криминальное чтиво то, что происходит в этой анимации.
  • LOL, текст кнопки. Это весело, потому что теперь я слышу, как этот маленький гремлин звучал в моей голове.Это еще и чертовски полезно, потому что вы, как пользователь, сразу обращаетесь к нему. Ваш следующий шаг ясен — нажмите кнопку! И когда вы это сделаете, вы вернетесь в безопасное место на главной странице.
  • Это красиво анимировано и именно то, что должно присутствовать на странице ошибки 404 компании, которая гордится высококачественной анимацией в своих продуктах. Все, что было меньше, было бы странным.

Еще один совет Дэну Бауму за то, что он прислал его мне.

17. НАСА

Я знал, что хочу проверить, что предлагает НАСА для своего 404 для этой статьи, но я тоже был напуган.Почему? Что ж, давайте посмотрим правде в глаза, правительственные агентства не совсем известны своей способностью заниматься творчеством.

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

18. Базовый лагерь

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

Мне также нравится, как они, как и Blenders, явно стараются не винить пользователя за то, что он зашел в тупик. Однако они также идут еще дальше, предлагая варианты сообщения об ошибке («чтобы мы могли исправить нашу ошибку») и сообщения о неработающем стороннем URL.

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

19. Житель Нью-Йорка

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

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

20. Джип

Я — девушка-джип, насквозь, и осталась с тех пор, как мой первый темно-синий Jeep Cherokee, когда мне было 16 лет. (Ее звали Блюберри.) Итак, да, я полностью предвзято отношусь к 404 страницам от Jeep. Он посвящен бренду, имеет заметную, понятную навигацию и великолепные изображения.

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

21. цедра

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

Нет навигации.Строки поиска отсутствуют. Ох! Ведьма! Сжечь ее!

Тем не менее, мне нравится то, что здесь создала команда Zest. Он настолько разительно отличается от яркой, смелой, удобной для пользователя эстетики, которая доминирует над остальной частью их веб-сайтов и брендов, что есть четкое «О, нет, где я?» чувство … но очень спокойным и умиротворенным образом.

Более того, мне нравится тонкая кнопка «Здесь ничего нет … Отвези меня домой». Действие, которое вам нужно предпринять, очевидно.Так что да, это нарушает правила, но работает для бренда и продукта.

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

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

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

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

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

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

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

Есть ли тема более захватывающая, чем ошибка 404?

Это ужасно скучно, НО я решил немного приукрасить.

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

Я также покажу вам, как исправить ошибку 404 в конце.

Давайте начнем.


Что такое страница ошибки 404?

Ошибка 404 возникает, когда вы попадаете на страницу, которой нет на главном веб-сайте.

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

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

Подробнее об этом через секунду. Есть одна универсальная истина, которая применима к каждому веб-сайту:

Дизайн страницы 404 и пользовательский интерфейс должны быть эффективными.

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

Модель

, эти 404 страницы

Я оценил эти страницы с ошибками 404 по эффективности. Не то, насколько они умны. Поехали:

1. eBay

404-я страница

eBay идеальна. Он полезен для пользователей и создан для конвертации.

2. Линия здоровья

Страница 404 в

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

3. RetailMeNot

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

4. Go.com (Дисней)

Go.com сочетает в себе креативность (бренд Disney) и эффективность, предлагая функцию поиска на своих 404 страницах. Прекрасная работа!

5. CNET

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

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

6. Facebook

Дизайн страницы 404

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

7. YouTube

Страница ошибки 404 на YouTube

проста и эффективна.У вас есть только один вариант — поиск.

Для Google.com имеет смысл смоделировать страницу 404 на YouTube. Не знаю, почему они этого не сделали, когда поиск — их хлеб с маслом.

404 страницы НЕ для модели

1. Amazon

Страница 404 на Amazon застала меня врасплох. Маркетологи изучают Amazon из-за его мышления, ориентированного на конверсию. Так что здесь происходит? Почему они продвигают «Познакомьтесь с собаками Амазонки»? повестка дня на странице 404?

Я понимаю, если они пытаются сделать свою компанию более привлекательной и «человечной», и это нормально.Время немного странное.

Давайте на секунду заглянем в сознание пользователя.

Они искали что-то конкретное, а теперь их отвлекло. Часть людей щелкнет, чтобы узнать больше о «собаках Амазонки». Тогда небольшой процент этих людей забудет, что они вообще делали на Amazon.

Итак, если мы исследуем это с точки зрения чистой конверсии, это странная стратегия.

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

2. Google

Удивительно, но у Google плохая страница 404. Страница совершенно бесполезна для пользователей. Он сообщает им, что они пытались перейти на несуществующую страницу, но что происходит дальше?

Единственный вариант — нажать кнопку «Назад» в браузере или выйти. Можно подумать, что у крупнейшей поисковой системы в мире есть функция поиска на странице с ошибкой 404.

Самое смешное, что у другого подразделения их компании (YouTube) есть лучшая страница 404. См. Выше.

3. Reddit

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

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

Вот интересный факт о моем исследовании:

13 из 100 самых популярных веб-сайтов содержат страницы с ошибками 404, такие как Reddit.

4. Spotify

Страница 404

Spotify внешне выглядит нормально, но со ссылками есть некоторые проблемы. Распространенная практика UX — подчеркивать ссылки изначально или при наведении курсора. Spotify тоже не умеет.

Это делает ссылки на их страницы «FAQ» и «Сообщество» почти невидимыми. Другая проблема в том, что ссылка «Вернуться назад» не работает, потому что они используют Javascript. Не знаю почему.

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

Лучший способ найти и исправить ошибку 404 — использовать Screaming Frog SEO Spider.

Но прежде чем копаться, когда следует исправить ошибку 404?

Иногда бывает.

Вот простой критерий, которому нужно следовать:

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

Если страница 404 не имеет положительных КПЭ, пусть это будет 404.Google просканирует его и удалит из индекса. Я рекомендую зайти в Google Search Console и пометить 404 как «фиксированные».

Это не обязательно, но и не повредит.

Как найти страницы ошибок 404

Откройте Screaming Frog SEO Spider, введите целевой домен и начните анализ.

Щелкните вкладку «Коды ответа». Затем щелкните раскрывающийся список «Фильтр» и выберите «Ошибка клиента (4xx)».

Экспорт всех ошибок 404.

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

Введите свои URL-адреса и начните анализ.

Щелкните столбец «Домены», и вы увидите, какие страницы 404 имеют существующие обратные ссылки.

Теперь 301 перенаправляет 404 страницы (с существующими обратными ссылками) на соответствующую страницу.

5 качеств совершенного 404 страницы

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

1.Будьте ориентированы на пользователя

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

2. Оставайтесь на связи

Лучшие страницы 404 остались фирменными и были креативными. Особенно Дисней:

Внимание к деталям имеет большое значение.

3. Будьте проще

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

4. Сделайте ссылки похожими на ссылки

UX 101 прямо здесь.Ваши ссылки всегда должны выглядеть как ссылки.

5. Попробуйте увеличить конверсию (если это имеет смысл)

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

Вот и все!

Оптимизация страниц 404 не окажет большого влияния на эффективность SEO, но ее нельзя упускать из виду. Разработайте качественную страницу 404 и страницу 301 перенаправления, которую стоит перенаправить (на основе KPI и релевантности).

Понравился этот пост? Пожалуйста, поделитесь этим.Спасибо!

Натан Готч — основатель Gotch SEO и всемирно признанный эксперт в области SEO. С 2012 года Натан помог более чем 3000 владельцам агентств, специалистам по поисковой оптимизации и владельцам бизнеса систематически занимать первое место в рейтинге.

Последние сообщения Натана Готча (посмотреть все)

Конец Интернета: устранение ошибок 404 с помощью Magnolia

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

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

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

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

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

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

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

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

Самый быстрый способ перезаписать страницу ошибки по умолчанию — скопировать всю корневую директорию docroot из оверлеев Maven в ваше веб-приложение. Затем вы можете легко изменить файл 404.html по своему усмотрению. Если вы хотите сопоставить другие ошибки, вам также следует скопировать файл web.xml из оверлеев.

В IntelliJ мы находим оверлеи непосредственно под веб-приложением.

Вы можете найти раздел для отображения ошибок в конце файла.

/src/main/webapp/WEB-INF/web.xml


<страница-ошибка>
 404 
 /error/404.html 
 

Чтобы отобразить новую ошибку, просто добавьте новую запись.

/src/main/webapp/WEB-INF/web.xml


<страница-ошибка>
 403 
 /error/403.html 

 

Затем вы можете создать страницу ошибки error-403 по следующему пути:

 / src / main / webapp / docroot / 403.html
 
Путь по умолчанию

Magnolia «/ docroot» известен в серверах, фильтрах, cms и обходных узлах. При использовании другого пути обязательно добавьте для него обход.

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

Создание настраиваемой страницы ошибок Magnolia

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

  • Разрешить авторам изменять содержимое страниц с ошибками самостоятельно независимо от развертывания новой версии

  • Использование существующих стилей из тем

  • Использование существующих компонентов из проекта

На основе нашей статьи в Wiki сообщества я покажу вам шаг за шагом, как управлять страницами ошибок прямо в Magnolia.

Односайтовый

Вы можете настроить страницы ошибок в Magnolia за три простых шага.

Измените отображение ошибок в web.xml. Вместо сопоставления ошибки со статической страницей сопоставьте ее с новым путем.

/src/main/webapp/WEB-INF/web.xml


<страница-ошибка>
 404 
 / my-virtual-uri-mapping / error-404 

 

2.Создание виртуального сопоставления URI

Создайте отображение виртуального URI, направляющее новый путь к странице Magnolia.

<световой модуль> /virtualUriMappings/error404SingleSite.yaml

класс: info.magnolia.virtualuri.mapping.DefaultVirtualUriMapping
fromUri: / my-virtual-uri-mapping / error-404
toUri: forward: / catched404Error 

3.Создание страницы ошибки в Magnolia

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

Создание типов контента с использованием младшего кода

Создавать типы контента в Magnolia теперь еще проще.

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

Мульти-сайт

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

<световой модуль> /virtualUriMappings/error404MultiSite.yaml

класс: info.magnolia.virtualuri.mapping.HostBasedVirtualUriMapping
fromUri: / my-virtual-uri-mapping / error-404
toUri: forward: / catched404Error
сопоставления:
travel_de:
хост: travel.de
toUri: вперед: / de / travel / catched404ErrorTravel
travel_en:
хозяин: путешествия. en
toUri: вперед: / en / travel / catched404ErrorTravel
спортивная станция:
хост: sportstation
toUri: вперед: / sportstation / catched404ErrorSportstation 

Отслеживание ошибок 404

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

Для этого был разработан модуль Link Mapper. Этот модуль хранит 404 ошибки во внешней базе данных и позволяет просматривать данные в приложении Magnolia. Приложение показывает, какой URL был вызван, какие источники и параметры были прикреплены к запросу и как часто возникала ошибка. Затем вы можете перенаправить URL-адрес на другую страницу или внести его в черный список. Давайте посмотрим, как это настроить.

Настройка базы данных и внутреннего сервера Quarkus

Настройте базу данных Postgres для хранения ошибок 404, например, с помощью Docker:

### Вытяните образ докера ###
докер тянуть postgres
### Запуск образа докеры ###
docker run --name postgres -e POSTGRES_USER = root -e POSTGRES_PASSWORD = root -e POSTGRES_DB = test -d -p 5432: 5432 postgres
 

Настройка внутреннего сервера

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

Чтобы запустить бэкэнд, ознакомьтесь с проектом Quarkus из Git:

### Проект сервера Quarkus Checkout ###
git clone ssh: //[email protected]/services/linkmapper-quarkus-postgresql.git
 

Откройте консоль и перейдите в папку проекта.Соберите проект, затем создайте образ Docker и запустите его:

### Сборка проекта ###
пакет mvn
### Создание образа докера ###
сборка докеров -f src / main / docker / Dockerfile.jvm -t quarkus / linkmapper-backend-plsql.
### Запуск образа докеры ###
docker run -d --name linkmapper-backend-plsql -p 8090: 8090 -p 5005: 5005 -e JAVA_ENABLE_DEBUG = "true" quarkus / linkmapper-backend-plsql
 

Если вы хотите настроить уровень журнала, подключиться к другой базе данных Postgres или повлиять на создание схемы, есть два способа сделать это:

  1. Вы можете изменить свойства приложения непосредственно в
    «<папка-проекта> / src / main / resources / application. недвижимость » или

  2. Задайте их через переменные среды в docker run.

Настройка модуля Магнолия

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

Установка модуля Link Mapper

Как и любой другой модуль Magnolia, проще всего установить его через Maven.Поэтому добавьте в свой pom.xml следующую зависимость:

<зависимость>
 info.magnolia.linkmapper 
 magnolia-linkmapper 
 $ {linkMapperVersion} 

 

Настройка клиента REST

Теперь вам нужно настроить URL-адрес, под которым запускается ваш сервер Quarkus. В моем примере это мой локальный хост, порт 8090. Чтобы сохранить гибкость конфигурации, вы можете настроить его как украшение YAML в модуле Light.

<световой модуль> /decorations/linkmapper/restClients/linkMapperService.yaml

baseUrl: 'http: // локальный: 8090 / лима / v1 /'
 

Настройка токена доступа

Последний шаг настройки — выбор идентификатора клиента и установка токена доступа.

Идентификатор клиента обеспечивает получение записей только для одного экземпляра при использовании серверной части Quarkus для нескольких экземпляров Magnolia.

Маркер доступа генерируется серверной частью Quarkus при первом запуске. Проверьте логи контейнера Docker, чтобы получить токен.

Откройте терминал и перечислите все запущенные контейнеры Docker:

### Список запущенных контейнеров ###
докер ps
 

Затем распечатайте журналы контейнера, в котором работает серверная часть Quarkus:

### Распечатать журнал контейнера ###
журналы докеров 
 

Скопируйте токен доступа из журнала:

Затем откройте приложение настройки в Magnolia и найдите модуль Link Mapper. Или просто введите «linkmapper» в строке поиска.

Добавьте идентификатор клиента и токен доступа в узел конфигурации:

Тестирование модуля

Теперь вы можете протестировать Link Mapper.Для этого откройте приложение 404links и нажмите действие перезагрузки на правой панели навигации. Если вы видите сообщение «Ссылки загружены успешно», значит, все работает нормально.

Чтобы протестировать модуль, откройте страницу, которая не существует, например, «http: // localhost: 8080 / Apagewhichisnotthere». Когда вы снова нажмете кнопку перезагрузки, вы должны увидеть запись в приложении.

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

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

Чтобы список оставался управляемым, вы можете архивировать записи, с которыми вы уже работали.

Легкая обработка ошибок 404

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

Django: настройка страницы ошибки 404. Настройка страницы ошибки 404 — одна из… | автор: Görkem Arslan

Это страница, которую мы собираемся настроить с помощью нашего шаблона.

Используйте эту команду и создайте файл в папке mysite .

 $ touch mysite / views.py 

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

Ваш проект Django должен выглядеть так:

. 
├── db.sqlite3
├── manage.py
└── mysite
├── __init__.py
├── __pycache__
├── asgi.py
├── settings.py
├── urls .py
├── views.py
└── wsgi.py

Теперь мы добавим функцию, которая обрабатывает ошибку 404, помещая эти строки в файл mysite / views.py :

 from django.shortcuts import renderdef page_not_found_view (запрос, исключение): 
return render (request, '404.html', status = 404)

Не забудьте добавить эту функцию в конец mysite / urls.py file:

 handler404 = "mysite.views.page_not_found_view" 

В итоге mysite / urls.py становится:

 из django.contrib import admin 
from django.urls import pathurlpatterns = [
path ('admin /', admin.site.urls),
] handler404 = "django_404_project.views.page_not_found_view2"
Сначала нам нужно создать папку templates , а затем мы добавим в эту папку файл 404.html .

 $ mkdir templates 
$ touch templates / 404.html

Вам нужно указать Django, где находится ваша папка templates , поэтому обновите настройки .

Автор записи

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

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