Co znamená chyba 404 „Stránka nenalezena“ a jak ji opravit |

V tomto článku vám řekneme, co znamená chyba serveru 404 Nenalezeno a jak ji opravit.

Může se také nazývat:

• Stránka 404 nenalezena,
• http chyba 404,
• 404 chyba.

Níže zvážíme různé metody řešení problému a poskytneme podrobné pokyny.

Chyba 404 (chyba http 404) – co to znamená?

Chyba 404 Stránka nenalezena je kód odpovědi serveru. co to znamená?

Když zadáte adresu webové stránky, prohlížeč si ze serveru vyžádá její úvodní stránku. Pokud server nemůže najít stránku, oznámí to prohlížeči pomocí kódu 404. Tato zpráva se zobrazí na obrazovce uživatele v prohlížeči.

Proč se to může stát? Existuje několik možných důvodů:

Udělali jste chybu při zadávání adresy stránky nebo při otevírání souboru v prohlížeči. Nebo prohlížeč nemohl najít IP adresu serveru. Server nemůže najít a vrátit data, protože jste mu zadali špatné „souřadnice“. V tomto případě stačí opravit chybu v URL a místo stránky s chybou 404 se zobrazí hledaná stránka/soubor.

Data (stránka nebo soubor) nejsou hostována na serveru nebo CMS nereaguje správně na požadavek uživatele. V tomto případě je situace složitější a nebude možné rychle se s problémem vyrovnat. Chcete-li vyřešit chybu 404, určete, jak byl vytvořen web, na kterém byla chyba nalezena (s CMS nebo bez něj). Na tom bude záviset způsob řešení problému.

Podíváme se, co dělat s chybou 404 a jak ji opravit.

Jak odstranit chybu 404 na webu vytvořeném na CMS (WordPress, Joomla, 1C-Bitrix atd.)

Na webech vytvořených pomocí CMS jsou různé stránky s chybou 404 (http stav 404). V závislosti na typu stránky s chybou se příčiny a řešení problému liší:

• Pokud na svém webu vidíte standardní chybu 404 Reg.ru:

Ve většině případů je problém způsoben chybějícím konfiguračním souborem .htaccess. Jak se zbavit chyby 404? Vytvořte prázdný textový soubor s příponou .htaccess v kořenové složce webu a přidejte standardní direktivy pro CMS, který používáte. Standardní direktivy jsou uvedeny v článku: Soubory .htaccess pro populární CMS.

Je to důležité,: V ovládacím panelu cPanel je soubor .htaccess ve výchozím nastavení skrytý (tj. existuje, ale není viditelný). Chcete-li povolit zobrazení souboru, postupujte podle pokynů. Poté porovnejte jeho obsah se standardním.

Pokud soubor .htaccess existuje a jeho obsah je správný, ale chyba 404 nenalezena přetrvává, kontaktujte technickou podporu.

• Pokud vidíte jinou chybovou stránku, kterou vrací CMS webu. Například:

Vlastní chyba 404 nebyla nalezena

Je možné, že stránka nebyla vytvořena nebo nebyla publikována ve fázi hostování webu v administračním panelu CMS. Chyba může být také spojena s vytvářením „člověkem čitelných“ CNC odkazů pomocí SEO pluginů. Chcete-li se problému zbavit, musíte kontaktovat vývojáře webu nebo tematická fóra, která poskytují potřebné technické informace (chyba http 404).

Jak rychle opravit chybu 404 na webu vytvořeném bez použití CMS

Na webech vytvořených bez použití CMS se kód chyby 404 zobrazuje takto:

Co tato zpráva znamená? Požadovaná stránka/soubor chybí nebo je umístěna v nesprávné složce (ne v kořenové složce webu).

Co dělat? Otevřete kořenovou složku svého webu v ovládacím panelu hostování a zkontrolujte, zda tam jsou soubory vašeho webu.

• Pokud hledané soubory chybí, postupujte podle pokynů: Jak nahrát soubor do kořenového adresáře webu? Po umístění souborů do kořenové složky by chyba 404 měla zmizet.
• Pokud soubory existují a jsou v kořenové složce, kontaktujte technickou podporu.

Jak najít a sledovat kód chyby 404?

Pokud jste vlastníkem webu, můžete stránky s chybami najít pomocí speciálních služeb. Nejoblíbenější služby:

• Yandex.Webmaster,
• Google Search Console,
• Křičící žába.

Níže jsme popsali, jak s každým z nich pracovat.

Yandex.Webmaster
Přihlaste se do Yandex.Webmaster.
Přejděte do sekce Indexování – Stránky ve vyhledávání:

Stav HTTP 404 – co to je

vybrat Vyloučené stránky:

Přidejte filtr, který zobrazuje výsledky s chybou „Stránka 404 nenalezena“:

Search Console Google
Přihlaste se do konzole Google Search Console.
Rozbalit blok Index a vyberte Pokrytí:

Chyba 404: co to je?

Použijte filtr, který zobrazí kód chyby 404 Chcete-li to provést, přejděte do části inteligence a klikněte Odeslaná adresa URL nebyla nalezena (chyba 404):

Chyba 404: co to znamená a jak to opravit

Screaming Frog
Stáhněte si program z oficiálních stránek.
Nainstalujte jej do počítače.
Otevřete program, zadejte odkaz na web a klikněte Home:

Přejděte na kartu Kód odezvy. Vyberte filtr z rozevíracího seznamu Chyba klienta (4xx):

Otevře se pouze hlavní stránka webu, na interních stránkách je chyba 404 nebo 500

Podívejme se, co to znamená a jak opravit chybu zobrazování vnitřních stránek webu (Chyba 404 nebo 500). Příčinou problému je absence souboru .htaccess (buď je prázdný, nebo v něm chybí potřebné direktivy pro fungování CMS). Problém může vyřešit nahrazení aktuálního souboru .htaccess standardním souborem pro tento CMS.

Na linuxovém hostingu

Pokud ano ispmanager, zkontrolujte, zda jsou povoleny automatické subdomény. Pokud jsou povoleny, deaktivujte je a zkontrolujte, zda problém přetrvává.

V ostatních případech, chcete-li vyřešit vnitřní chybu 404 nebo 500, přejděte do kořenové složky webu: Jak zjistit kořenovou složku webu
Vytvořte soubor .htaccess (nebo jej nahraďte) s následujícím obsahem:

.htaccess pro 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) # #Order allow,deny #Deny from all #Satisfy all # ## End of deny access to extension xml files RewriteCond % mosConfig_[a-zA-Z_](=|%3D) [OR] # Block out any script trying to base64_encode crap to send via URL RewriteCond % base64_encode.*(.*) [OR] # Block out any script that includes a tag in URL RewriteCond % (<|%3C).*script.*(>|%3E) [NC,OR] # Block out any script trying to set a PHP GLOBALS variable via URL RewriteCond % GLOBALS(=|[|%[0-9A-Z]) [OR] # Block out any script trying to modify a _REQUEST variable via URL RewriteCond % _REQUEST(=|[|%[0-9A-Z]) # Send all blocked request to homepage with 403 Forbidden error! RewriteRule ^(.*)$ index.php [F,L] # ########## End - Rewrite rules to block out some common exploits # Uncomment following line if your webserver's URL # is not directly related to physical file paths. # Update Your Joomla! Directory (just / for root) # RewriteBase / ########## Begin - Joomla! core SEF Section # RewriteCond % !-f RewriteCond % !-d RewriteCond % !^/index.php RewriteCond % (/|.php|.html|.htm|.feed|.pdf|.raw|/[^.]*)$ [NC] RewriteRule (.*) index.php RewriteRule .* - [E=HTTP_AUTHORIZATION:%,L] # ########## End - Joomla! core SEF Section

Soubor WordPress .htaccess

# BEGIN WordPress RewriteEngine On RewriteBase / RewriteCond % !-f RewriteCond % !-d RewriteRule . /index.php [L] # END WordPress

.htaccess pro HostCMS

Options +FollowSymlinks AddDefaultCharset Off php_flag magic_quotes_gpc off php_flag magic_quotes_runtime off php_flag register_globals off php_flag magic_quotes_gpc off php_flag magic_quotes_runtime off php_flag register_globals off DirectoryIndex index.php index.htm index.html RewriteEngine On RewriteBase / RewriteCond % !-f RewriteCond % !-d RewriteRule ^(.*)$ /index.php 

soubor .htaccess pro Bitrix

Options -Indexes ErrorDocument 404 /404.php php_flag allow_call_time_pass_reference 1 php_flag session.use_trans_sid off #php_value display_errors 1 #php_value mbstring.func_overload 2 #php_value mbstring.internal_encoding UTF-8 Options +FollowSymLinks RewriteEngine On RewriteCond % !-f RewriteCond % !-l RewriteCond % !-d RewriteCond % !/bitrix/urlrewrite.php$ RewriteRule ^(.*)$ /bitrix/urlrewrite.php [L] RewriteRule .* - [E=REMOTE_USER:%] DirectoryIndex index.php index.html ExpiresActive on ExpiresByType image/jpeg "access plus 3 day" ExpiresByType image/gif "access plus 3 day" 

soubor .htaccess pro ModX

# MODx supports Friendly URLs via this .htaccess file. You must serve web # pages via Apache with mod_rewrite to use this functionality, and you must # change the file name from ht.access to .htaccess. # # Make sure RewriteBase points to the directory where you installed MODx. # E.g., "/modx" if your installation is in a "modx" subdirectory. # # You may choose to make your URLs non-case-sensitive by adding a NC directive # to your rule: RewriteRule ^(.*)$ index.php?q=$1 [L,QSA,NC] RewriteEngine On RewriteBase / # Rewrite www.domain.com -> domain.com -- used with SEO Strict URLs plugin #RewriteCond % . #RewriteCond % !^example-domain-please-change.com [NC] #RewriteRule (.*) http://example-domain-please-change.com/$1 [R=301,L] # # or for the opposite domain.com -> www.domain.com use the following # DO NOT USE BOTH # #RewriteCond % . #RewriteCond % !^www.example-domain-please-change.com [NC] #RewriteRule (.*) http://www.example-domain-please-change.com/$1 [R=301,L] # # Rewrite secure requests properly to prevent SSL cert warnings, e.g. prevent # https://www.domain.com when your cert only allows https://secure.domain.com #RewriteCond % !^443 #RewriteRule (.*) https://example-domain-please-change.com.com/$1 [R=301,L] # # The Friendly URLs part RewriteCond % !-f RewriteCond % !-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.[0-9]" brokenvary=1 #BrowserMatch "Opera" !brokenvary #SetEnvIf brokenvary 1 force-no-vary

Soubor .htaccess Drupal

# # Apache/PHP/Drupal settings: # # Protect files and directories from prying eyes. Order allow,deny # 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. # There is no end quote below, for compatibility with Apache 1.3. ErrorDocument 404 "The requested file favicon.ico was not found. # 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. 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 # Requires mod_expires to be enabled. # Enable expirations. ExpiresActive On # Cache all files for 2 weeks after access (A). ExpiresDefault A1209600 # 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  # Various rewrite rules. RewriteEngine on # Block access to "hidden" directories whose names begin with a period. This # includes directories used by version control systems such as Subversion or # Git to store control files. Files whose names begin with a period, as well # as the control files used by CVS, are protected by the FilesMatch directive # above. # # NOTE: This only works when mod_rewrite is loaded. Without mod_rewrite, it is # not possible to block access to entire directories from .htaccess, because # is not allowed here. # # If you do not have mod_rewrite installed, you should remove these # directories from your webroot or otherwise protect them from being # downloaded. RewriteRule "(^|/)." - [F] # If your site can be accessed both with and without the 'www.' prefix, you # can use one of the following settings to redirect users to your preferred # URL, either WITH or WITHOUT the 'www.' prefix. Choose ONLY one option: # # To redirect all users to access the site WITH the 'www.' prefix, # (http://example.com/. will be redirected to http://www.example.com/. ) # uncomment the following: # RewriteCond % !^www. [NC] # RewriteRule ^ http://www.%% [L,R=301] # # To redirect all users to access the site WITHOUT the 'www.' prefix, # (http://www.example.com/. will be redirected to http://example.com/. ) # uncomment the following: # RewriteCond % ^www.(.+)$ [NC] # RewriteRule ^ http://%1% [L,R=301] # Modify the RewriteBase if you are using Drupal in a subdirectory or in a # VirtualDocumentRoot and the rewrite rules are not working properly. # For example if your site is at http://example.com/drupal uncomment and # modify the following line: # RewriteBase /drupal # # If your site is running in a VirtualDocumentRoot at http://example.com/, # uncomment the following line: # RewriteBase / # Pass all requests not referring directly to files in the filesystem to # index.php. Clean URLs are handled in drupal_environment_initialize(). RewriteCond % !-f RewriteCond % !-d RewriteCond % !=/favicon.ico RewriteRule ^ index.php [L] # Rules to correctly serve gzip compressed CSS and JS files. # Requires both mod_rewrite and mod_headers to be enabled. # Serve gzip compressed CSS files if they exist and the client accepts gzip. RewriteCond % gzip RewriteCond %.gz -s RewriteRule ^(.*).css $1.css.gz [QSA] # Serve gzip compressed JS files if they exist and the client accepts gzip. RewriteCond % gzip RewriteCond %.gz -s RewriteRule ^(.*).js $1.js.gz [QSA] # Serve correct content types, and prevent mod_deflate double gzip. RewriteRule .css.gz$ - [T=text/css,E=no-gzip:1] RewriteRule .js.gz$ - [T=text/javascript,E=no-gzip:1] # Serve correct encoding type. Header append Content-Encoding gzip # Force proxies to cache gzipped & non-gzipped css/js files separately. Header append Vary Accept-Encoding  

Za prvé, stránka 404 hraje velkou roli při konverzi webu. Při správném vývoji zůstane návštěvník na webu – přejděte do požadované sekce nebo jednoduše zavěsit na zajímavou a nestandardní 404.

Za druhé, ne každý uživatel chápe význam této chyby a po zobrazení standardní zprávy se vyděsí, usoudí, že stránka je nefunkční, a opustí ji.

Nemůžeš to nechat takhle:

Jaké problémy pomůže vyřešit chybová stránka?

• Vysvětlete uživateli, co se stalo;
• Přesměrujte ho na hlavní stránku nebo hlavní části webu;
• Zvyšte náladu uživatele;
• Ukažte mu starost;
• Udělejte dojem a ukažte, čeho jste schopni;
• Zjednodušte vyhledávání například umístěním navigační nabídky;
• Zvýšení prodeje umístěním oblíbeného bloku nebo propagačních akcí do chyby internetového obchodu;
• Pamatujte!

Jak navrhnout stránku 404

Tuto stránku lze navrhnout různými způsoby. Můžete vytvořit 404 v humorném nebo firemním stylu, udělat to co nejjednodušší nebo nejkreativnější, nebo můžete vytvořit užitečnou stránku s navigací. Je na vás a na firmě, se kterou spolupracujete.

Stránka hry

Pro herní vývojáře by bylo důležité umístit minihru na tuto stránku. Uživatel se určitě zasekne na dlouhou dobu :))

Romainbrasier je originální webová stránka pro vývojáře, kde se můžete setkat s obdobou slavných herních lumíků.

Chybová stránka pro internetový obchod

Pro internetový obchod bude relevantní blok „populární“, „zobrazit více“, „propagace“. Taková stránka uživateli sdělí, že se neztratil a je stále na webu, a nabídne pokračování v nákupu:

Adidas – minimalistická 404 od Adidas je dobrým příkladem designu stránek pro internetové obchody. Nabídněte nákup nebo použijte vyhledávání.

Pohodlné menu na chybové stránce

U velkého zdroje, jako je vícestránkový web, fotografie a podobně, by bylo důležité umístit navigační nabídku do hlavních sekcí:

Adobe – chybová stránka od Adobe má pěkný lakonický design a obsahuje mnoho užitečných odkazů, které může uživatel na webu potřebovat.

Kreativní nebo vtipná stránka 404

Pro kreativní agenturu můžete vymyslet zajímavou animaci a předvést své dovednosti uživatelům:

Hatchedlondon – kreativní agentura zvolila netradiční přístup ke stránce 404.
Chybovou stránku můžete také navrhnout s humorem, jako například sýrárna Fromage Abondance:

Fromage Abondance je trendy kráva, stejně jako mléčné výrobky.

404 stránka ve firemním stylu

Často je skvělým řešením jednoduše vytvořit stránku ve firemním stylu, aby uživatel pochopil, že je stále na stejném webu. Umístěte například prvek firemního stylu a značky nebo jednoduše vytvořte tematickou náladu:

Moosend, kráva na chybové stránce, je výraznou postavou v identitě společnosti.

Profflex je tematická chybová stránka od společnosti vyrábějící polyuretanovou pěnu.

Co napsat na chybovou stránku

Uživatel zavře web, když se dostane na chybovou stránku, protože často jednoduše není jasné, kde se nacházíte: „Opravdu jsem stále na tomto webu?“, „Nebo je to možná virus?“, „Stránka nefunguje ?“

Je důležité uklidnit a dát jasně najevo, že se nic špatného nestalo a jste stále na webu.

• Omlouváme se, stránka nenalezena;
• Tato stránka byla odstraněna, ale na našem webu je stále mnoho zajímavých věcí;
• Jejda! Něco se pokazilo, tato stránka neexistuje;
• Dostali jste se na neexistující stránku;
• Jakákoli z vašich možností, která je pro uživatele srozumitelná.

Ukázky originálních a důmyslných 404 stran

Nabízíme výběr těch nejneobvyklejších designů 404.

Rozdělit aplikaci App

Úžasná technologie od discordu – kvantový robot křeček v práci :)) Vypadá to, jako bychom náhodou nahlédli do zákulisí práce webu.

Plážový park

Původní stránka 404 se žralokem plavajícím v louži:

designzillas

Neobvyklá stránka 404, kde rolováním dolů můžete vidět, jak se v temném děsivém lese vylíhne drak:

Lavice

404, což znamená, že stránka neexistuje, stejně jako Bigfoot. Nebo ne.

Pirátský kód

Zamyšlený dinosaurus se ztratil v mlze. Nápis „Page Note Found“, napsaný v ruštině, to dělá ještě komičtější:

Weemss

Zdroj nabízí přihlášení nebo registraci, abyste zachránili alespoň jednoho poníka proměňujícího se v zombie:

Webk

Původní stránka 404 v retro stylu:

Volný

Jasný pohádkový svět ožívá na straně 404:

Práce Gk-Rte

Originální řešení s odpočítávacím časovačem do kolize vás zdrží na stránce minimálně 45 sekund :))

Kick Point

Kreativní řešení od společnosti Kick Point pro průzkum trhu. „Hledali jsme, ale nenašli jsme, co jste hledali. Co kdybychom místo toho udělali případovou studii?“

Madwell

Na chybové stránce Madwell byl zapálen animovaný oheň:

Rails Ware

Nenašel přátele – tématická stránka 404 od Rails Ware.

Miluji řepu

Unikátní tematická stránka pro chybu zelinářské farmy. Interaktivní ředkvičky vám pomohou dostat se na sociální síť společnosti.

skica

UFO vám ukáže správnou cestu a navigační menu vám pomůže pohodlně se pohybovat správným směrem.

Maximální styl

Stylová a minimalistická chyba 404.

vinobraní

Ztracený jelen se nervózně rozhlíží na stránce 404.

Kleo

Chybová stránka kreativy, kde se postavy ztrácejí ve tmě:

Blizzard Entertainment

Postava ztracená ve vánici čeká na záchranný tým:

Pixar

Na stránce 404 od studia Pixar je uživatel požádán, aby neplakal jako slavná kreslená postavička:

Planeta Kino

Houstone, máme problémy – slavná fráze na chybové stránce řetězce kin Planet Kino.

Oranžový kabát

Originální řešení pro stránku 404 formou ankety s návodem na řešení problému krok za krokem.

SumatoSoft

Původní ilustrace mimozemského únosu krávy na chybové stránce. Kromě skvělého obrázku je zde dobře navržený text: „Vypadá to, že stránka, kterou hledáte, již neexistuje. Můžete být naštvaní nebo místo toho: poznejte nás lépe, prostudujte si naše portfolio, napište nám.“

IMDb

Jednoduchá, ale zajímavá chybová stránka ze slavné databáze kin – náhodně zobrazuje fráze, například na snímku obrazovky fráze z Pána prstenů: „Vždy si pamatuj, Frodo, stránka se snaží vrátit ke svému majiteli. Chce být nalezena.“

Hotdot

Krásná animace na chybové stránce.

Airbnb

Jejda. Vtipná chybová stránka a příhoda v podobě spadlé zmrzliny.

Iloveicons

Pro milovníky nočních dobrodružství originální chybová stránka ze služby pro výběr ikon.

MailChimp

Mailingová služba zaujala originální přístup k vytvoření stránky 404, zobrazující zvědavého osla, jak nahlíží do díry a hledá požadovanou stránku.

Lpgenerátor

Dobrý příklad navigace na chybové stránce a zajímavá ilustrace.

Cloudová Sigma

Legrační stránka 404: „Ach ne, narazili jste na našeho mladšího vývojáře. Náš programátor tráví čas na gauči, ale mladší programátor si najde čas na kódování))“

Do toho tati

Stránka s funkční chybou od oblíbeného registrátora GoDaddy.

eBay

Vynikající příklad dobré stránky pro internetový obchod s možností pokračovat v nákupu nebo kontaktovat technickou podporu.

Evernote

Originální stránka z oblíbené služby systému správy workflow.

Studio Artemy Lebedev

Minimalistický a funkční. Skvělá stránka 404.

DayCloud Studios

Sticky error page, kde při pohybu kurzorem můžete vysílat laserové paprsky z kočičích očí))

Stránka duchů

Chyba 404 s roztomilým duchem, který sleduje pohyb myši

Chybová stránka 404

Vyděšené oči: jsme ztraceni? Jak? Proč?! Design chytře hraje na emoce uživatele v okamžiku návštěvy neexistující stránky.

Příklady vtipných a kreativních 404 stran

Chcete-li zmírnit napětí a negativitu uživatele kvůli neexistující stránce, přidejte do návrhu vtipné poznámky.

Pojišťovací experimenty

Zábavná stránka od společnosti provádějící experimenty s pojištěním.

Tproger

Vtipné video rozveselí uživatele, kteří se na webu ztratili.

Geekbrains

Na 404 najdete tři různé verze videí se zmatenými postavami ze slavných filmů. Kromě tlačítka „Zpět na stránku“ je uživatel také vyzván k nahlášení chyby.

IT cluster

Skvělá chybová stránka z ITcluster:

Hakim.se

Neobvyklá chybová stránka, která děsí a baví zároveň

Incore

Zdá se, že vtipná chybová stránka varuje uživatele, že se dostal do potíží a je lepší se vrátit na bezpečné místo))

limpfish

Hledaná stránka. Originální přístup k designu 404 formou hledané reklamy.

Hugoware

Neobvyklá stránka s černou dírou, která nasává položky nabídky. Logo přitom zůstává klikací (pokud ho chytíte)))

Tony Babel

Neobvyklá chybová stránka od Tonyho Babela. „Zabloudil jsi do zemí mrtvých.“

Markus Magnusson

Strana 404 o jeskynním muži a elektřině))

Push World

Jasná, vtipná stránka určitě přiměje uživatele k úsměvu a neopustí web.

Clorox

Zábavná chybová stránka od výrobce čisticích prostředků. Návštěvníkovi je ukázána jedna ze tří nepříjemných situací. Také na 404. si můžete vybrat, kam jít: do katalogu, na hlavní stránku nebo se přihlásit k odběru.

Waza

Plameňáci se ztratili na 404 od WAZA. Stránka vás rozesměje a trochu se na ní zavěsíte))

Alexej Byčkov

Chybová stránka obchodu pro dospělé jasně demonstruje fiasko.

Framer

Série 404 od studia Framer

Hledání v kině

Ten ztracený pohled a tichá STA? na tváři Hana Sola zprostředkovat celou škálu pocitů uživatele, který zabloudil na neexistující stránku.

Zkratka

Příště živí draci =) Volání na konec světa – opravdu stálo za to vidět tuhle 404, která kombinuje humor, kreativitu a parádní velikonoční vajíčko.

404 – Vypadlo

404 s trendovou animací – efekt závady. Posiluje to dojem, že na webu je nějaká závada. Ale s tímto designem musíte být opatrní: musíte si být jisti, že vaši uživatelé jsou dostatečně sofistikovaní, aby pochopili, co se děje, a koupili si ironii, jinak riskujete, že uživatel web zavře a už ho nikdy nenavštíví v domnění, že jde o virus.

Příklady 404 stran ve firemním stylu

Pro seriózní firmy se hodí striktních 404 stran navržených ve firemním stylu. Ale pokud je ve značce organizace maskot hrdina, můžete s jeho účastí hrát zajímavé příběhy.

Puree Maison

Zajímavá postava, buchtová palačinka, straší návštěvníka na stránkách webu, včetně Page Not Found.

Hladoví chlapci

Úsměv je prvkem firemního loga, když je obrácený vzhůru nohama, vyjadřuje nespokojenost s chybějící stránkou:

Phive

Po úbytku 404 gramů tuku se veselý cválající preloader zhroutil

Návrh rakoviny

Na chybové stránce je ztracený lékařský pacient. Dobrý příklad klidných tónů, úhledné animace a dobré navigace.

Nagyi Titka

Minimalistické a elegantní. Charakter značky je sladká babička s koláči. Cítíte se dobře a hlásí chybu.

Panoraven

Stránka se ztratila a obsluha ji usilovně hledá :)).

Zakňučet

Další psí detektiv hledá ztracenou stránku, ale mezitím můžete použít pohodlné vyhledávání:

zázrak

Chybová stránka Marvelu přichází v několika variantách s různými postavami. Dobrý příklad originální stránky ve firemním stylu s pohodlnou navigační nabídkou.

lego

Na chybové stránce Lego vyzve návštěvníky, aby se vrátili na web nebo si zahráli hru.

The New Yorker

Pohodlná navigace na stránce 404, navržená v korporátním stylu slavné newyorské publikace.

Chillhouse

Chybová stránka ve stylu značky společnosti

Ikea

Firemní stránka IKEA je navržena v minimalismu a s důrazem na produkt.

Zendesk

Lakonická a pozitivní 404 návštěvníka neděsí, ale naopak ho prezentuje jako jednoho z mála šťastných)))

Xbox

Skvělý příklad toho, jak firemní stránka 404 nemusí být přísná a oficiální. Xbox vytvořil celou sérii 404 stránek založených na hrách založených na konzoli. Rozpoznatelné postavy a vtipné popisky uvolňují uživatele, zvednou náladu a aktivují ducha průzkumu, který je hráčům blízký: „Páni, právě jsem našel velikonoční vajíčko“! Design zároveň zachovává firemní styl společnosti, díky kterému je stránka rozpoznatelná.