Jos sinulla on my\u00f6s suunnitelma suunnitella oma 404-sivusi t\u00e4ll\u00e4 tavalla, jo tehtyjen r\u00e4\u00e4t\u00e4l\u00f6ityjen 404-sivujen esimerkkien katsominen voi toimia sinulle mukavana inspiraationa. Siksi olemme p\u00e4\u00e4tt\u00e4neet jakaa luettelon nokkelista ja ainutlaatuisista 404-virhesivuesimerkeist\u00e4, jotka voivat auttaa sinua luomisen aikana.<\/p>\n
Milt\u00e4 404-virhesivun pit\u00e4isi n\u00e4ytt\u00e4\u00e4<\/h2>\n
Ensin mainitaan joitakin ominaisuuksia, jotka mielest\u00e4mme mukautetulla 404-virhesivulla pit\u00e4isi olla. Monet vaikutusvaltaiset verkkosivustot ovat itse asiassa soveltaneet joitain n\u00e4ist\u00e4 strategioista.<\/p>\n
1 Sen tulee vastata verkkosivustosi yleist\u00e4 tyyli\u00e4<\/h3>\n
Jos kysyt meilt\u00e4, \u200b\u200bt\u00e4m\u00e4n pit\u00e4isi olla turhaa. On niin monia WordPress-teemoja, jotka on erityisesti tehty sopimaan tietyn yritystyypin tunnelmaan tai sivuston mainostamien palveluiden tai tuotteiden luonteeseen. Siksi on luonnollista, ett\u00e4 muokkaat 404-sivusi ulkoasua sek\u00e4 verkkosivustosi mallin ett\u00e4 verkkosivustosi yleisteeman mukaan<\/strong>. Jos olet esimerkiksi ravintolasivusto, joka on erikoistunut fine dining -ruokailuun, olisi hyv\u00e4 sis\u00e4llytt\u00e4\u00e4 404-virhesivullesi kuva hienolta n\u00e4ytt\u00e4v\u00e4st\u00e4 ateriasta sek\u00e4 sen nimi. N\u00e4in vierailijasi eiv\u00e4t ainakaan unohda, ett\u00e4 tarjoat hyv\u00e4\u00e4 ruokaa, huolimatta heill\u00e4 t\u00e4ll\u00e4 hetkell\u00e4 kohtaamista haitoista. Kiitos monien ilmaisten varastosivustojen<\/a><\/strong> ja lukuisten vektorikuvia sis\u00e4lt\u00e4vien resurssien ansiosta<\/a><\/strong>voit parantaa 404-virhesivusi ulkoasua tarpeidesi mukaan.<\/p>\n 404-virhesivun ponnahdusikkuna ei ole vain \u00e4rsytt\u00e4v\u00e4\u00e4, se on my\u00f6s jotain, mit\u00e4 ei olisi pit\u00e4nyt alun perin tapahtua. T\u00e4st\u00e4 syyst\u00e4 on aina hyv\u00e4 idea sis\u00e4llytt\u00e4\u00e4 virhesivullesi jonkinlainen anteeksipyynt\u00f6<\/strong>, jossa painotat olevasi jollain tavalla todella pahoillasi k\u00e4ytt\u00e4j\u00e4n vaivasta.<\/p>\n T\u00e4m\u00e4 voi olla my\u00f6s hyv\u00e4 k\u00e4yt\u00e4nt\u00f6. Jos lis\u00e4\u00e4t hakupalkin 404-virhesivullesi<\/strong>, se voi saada k\u00e4ytt\u00e4j\u00e4t pysym\u00e4\u00e4n verkkosivustollasi jatkaakseen tutkimista.<\/p>\n Kuten hakupalkki, hy\u00f6dyllinen linkki voi tuottaa enemm\u00e4n hy\u00f6ty\u00e4 kuin haittaa<\/strong>. T\u00e4m\u00e4 voi olla mik\u00e4 tahansa t\u00e4rke\u00e4n\u00e4 pit\u00e4m\u00e4si linkki, kuten blogisi, yhteystietosivusi tai jopa kotisivusi. Lis\u00e4ksi linkin lis\u00e4\u00e4minen WordPressiin<\/a><\/strong> on eritt\u00e4in helppoa.<\/p>\n Mainitsimme jo huumorin aiemmin. Olipa se sitten nokkelaa, itse\u00e4\u00e4n tuhoavaa tai pelkk\u00e4\u00e4 outoa, huumorin k\u00e4ytt\u00e4minen t\u00e4llaisissa tilanteissa voi todellakin parantaa mielialaa tai vierailijaasi<\/strong>. Kuka tiet\u00e4\u00e4, rento ja komediallinen l\u00e4hestymistapasi voi jopa johtaa siihen, ett\u00e4 heill\u00e4 on positiivisempi kuva br\u00e4ndist\u00e4si yleisesti.<\/p>\n Lyhyesti sanottuna, jos sinulla on hyv\u00e4 idea nokkelasta linjasta, joka voi menn\u00e4 404-virhesivullesi, \u00e4l\u00e4 ep\u00e4r\u00f6i lis\u00e4t\u00e4 sit\u00e4, sill\u00e4 monet ovat tervetulleita humoreskille asenteille. Ja vaikka k\u00e4vij\u00e4t eiv\u00e4t pid\u00e4 sit\u00e4 hauskana, on aina parempi pit\u00e4\u00e4 asiat rennosti kuin olla konemaisia<\/strong> \u200b\u200b.<\/p>\n Voit my\u00f6s m\u00e4\u00e4ritt\u00e4\u00e4 uudelleenohjauksen 404-virhesivullesi<\/strong>. Jos esimerkiksi tapahtuu virhe, sivusi voidaan vain ohjata etusivullesi. T\u00e4m\u00e4 ei kuitenkaan ole paras ratkaisu, koska jos kotisivullasi on jotain vikaa, olet palannut alkuun.<\/p>\n Mutta ennen kuin sukeltat parhaisiin valmistamiimme esimerkkeihin, k\u00e4yt\u00e4 hetki muistisi virkist\u00e4miseen 404-sivun rakentamisesta WordPressiss\u00e4:<\/p>\n Nyt kun tied\u00e4t, mitk\u00e4 elementit voivat tehd\u00e4 hyv\u00e4n 404-virhesivun, tarjoamme sinulle my\u00f6s esimerkkej\u00e4 404-virhesivuista, jotka ovat kiinnitt\u00e4neet huomiomme huumorintajullaan ja suunnittelunsa kokonaisvaikutuksella.<\/p>\n<\/p>\n N\u00e4yt\u00e4 sivu<\/a><\/p>\n Toivottavasti t\u00e4m\u00e4n 404-virhesivun ulkon\u00e4k\u00f6 ei kuvaa sit\u00e4, kuinka reagoit, kun kohtaat t\u00e4m\u00e4n ongelman. Pixar on p\u00e4\u00e4tt\u00e4nyt lis\u00e4t\u00e4 Sadness-nimisen hahmon suositusta vuoden 2015 Inside Out -kuvasta viestill\u00e4, joka neuvoo sinua olemaan ottamatta t\u00e4llaisia \u200b\u200basioita liian henkil\u00f6kohtaisesti<\/strong>. Emme voineet olla enemp\u00e4\u00e4 samaa mielt\u00e4.<\/p>\n N\u00e4yt\u00e4 sivu<\/a><\/p>\n Uuden br\u00e4ndi-identiteetin ja designin lanseerauksen j\u00e4lkeen Mailchimp on muuttanut my\u00f6s virhesivunsa ulkoasua. S\u00e4hk\u00f6postiuutiskirjepalveluihin erikoistunut verkkosivusto on p\u00e4\u00e4tt\u00e4nyt sis\u00e4llytt\u00e4\u00e4 ep\u00e4tavanomaisen kuvan aasista, jonka p\u00e4\u00e4 on haudattu syv\u00e4lle kuoppaan, mik\u00e4 osoittaa, ett\u00e4 se on etsinyt sivuston jokaisesta rakosta, eik\u00e4 sivua yksinkertaisesti l\u00f6ydy<\/strong>. No, on ilmeist\u00e4, ett\u00e4 aasi todella yritti parhaansa l\u00f6yt\u00e4\u00e4kseen tuon sivun sinulle, joten ei todellakaan ole mit\u00e4\u00e4n syyt\u00e4 turhautua siihen.<\/p>\n N\u00e4yt\u00e4 sivu<\/a><\/p>\n T\u00e4m\u00e4 ammattimaiseen valokuvaukseen perustuva verkkosivusto on erikoistunut muotokuvien kuvaamiseen vastasyntyneist\u00e4 vauvoista, h\u00e4ist\u00e4 ja muista perheisiin liittyvist\u00e4 tapahtumista. Joten on vain sopivaa, ett\u00e4 he ovat p\u00e4\u00e4tt\u00e4neet sis\u00e4llytt\u00e4\u00e4 404-sivulleen kuvan tahriintuneesta taaperosta, joka raivoaa. Vaikka kuvasta k\u00e4y ilmi, ett\u00e4 lapsi on p\u00e4\u00e4tynyt sy\u00f6m\u00e4\u00e4n kakkua, teksti viittaa hienovaraisesti siihen, ett\u00e4 etsim\u00e4si sivu on my\u00f6s sy\u00f6ty<\/strong>. Mutta kuinka voit suuttua itkev\u00e4lle lapselle? Se oli vain utelias ja p\u00e4\u00e4tyi ahmimaan sivusi vahingossa!<\/p>\n N\u00e4yt\u00e4 sivu<\/a><\/p>\n Blizzard Entertainmentin 404 sivun suunnittelussa on k\u00e4\u00e4nne. Rikkoutuneen ikkunan ja v\u00e4\u00e4ristyneen valikon (joka muuten toimii edelleen) lis\u00e4ksi on viesti, joka syytt\u00e4\u00e4 k\u00e4ytt\u00e4j\u00e4\u00e4 virheest\u00e4<\/strong>. He olivat hieman rohkeita l\u00e4hestymisess\u00e4\u00e4n, koska t\u00e4m\u00e4 on ehdottomasti muutos tavallisiin anteeksipyynt\u00f6ihin, jotka yleens\u00e4 ponnaavat virhesivuille. Se on kuitenkin edelleen ainutlaatuinen ja virkist\u00e4v\u00e4<\/strong>, joten se varmasti saa ainakin joitain ihmisi\u00e4 huvittumaan t\u00e4st\u00e4 odottamattomasta p\u00f6yd\u00e4n k\u00e4\u00e4nteest\u00e4.<\/p>\n N\u00e4yt\u00e4 sivu<\/a><\/p>\n Angry Birdsin antagonistin n\u00e4keminen t\u00e4ysin kukistetun t\u00e4m\u00e4n pelin virallisen verkkosivuston n\u00e4yt\u00f6ll\u00e4 vain siksi, ett\u00e4 sivua ei l\u00f6ydy, voi todellakin lohduttaa sit\u00e4 katselevaan henkil\u00f6\u00f6n<\/strong>. Loppujen lopuksi se ei ole kukaan muu kuin Bad Piggy, joka voi liitty\u00e4 onnettomuuteen.<\/p>\n N\u00e4yt\u00e4 sivu<\/a><\/p>\n Flywheel on yritys, joka on erikoistunut auttamaan kehitt\u00e4ji\u00e4 ja suunnittelijoita WordPress-sivustojen rakentamisessa. Heid\u00e4n 404-sivunsa on luonteeltaan yksinkertaistettu, mutta sis\u00e4lt\u00e4\u00e4 muutamia kiinnostavia web-suunnitteluelementtej\u00e4. Siell\u00e4 on "t\u00e4m\u00e4 todella paskaa!" viesti, joka on itse asiassa n\u00e4pp\u00e4r\u00e4 sanapeli<\/strong>, kun otetaan huomioon, ett\u00e4 numero nolla on itse asiassa animoitu musta aukko, joka on imenyt sis\u00e4\u00e4ns\u00e4 kannettavan tietokoneen, jonka sivu on rikki.<\/p>\n N\u00e4yt\u00e4 sivu<\/a><\/p>\n Jokainen hyv\u00e4 UX-suunnittelija ymm\u00e4rt\u00e4\u00e4, ett\u00e4 vaikka keskityt ratkaisemaan ensin k\u00e4ytt\u00e4j\u00e4n suurimmat ongelmat, sinun on my\u00f6s mukauduttava, kun ne menev\u00e4t k\u00e4sikirjoituksen ulkopuolelle<\/strong>. Siksi carwow’n vaatimattomat ihmiset loivat mahtavan 404-sivun, joka sis\u00e4lt\u00e4\u00e4 kilpa-ajopelin, kun sivut eiv\u00e4t lataudu suunnitellusti.<\/p>\n N\u00e4yt\u00e4 sivu<\/a><\/p>\n Brittihuumori on usein ominaista, ettei se ota itse\u00e4\u00e4n liian vakavasti. Yrityksen omistajat ovat itse brittej\u00e4, joten t\u00e4ss\u00e4 tilanteessa he itse asiassa tunkeutuvat itseens\u00e4. He ovat tehneet sen piirt\u00e4m\u00e4ll\u00e4 kaksi hienoa hahmoa, jotka ovat syv\u00e4sti uppoaneet keskusteluun sivusta, joka ei toimi<\/strong>. Koko ajan he neuvovat k\u00e4ytt\u00e4j\u00e4\u00e4 siit\u00e4, mit\u00e4 h\u00e4nen pit\u00e4isi tehd\u00e4 seuraavaksi k\u00e4ytt\u00e4m\u00e4ll\u00e4 brittil\u00e4isi\u00e4 lauseita, jotka kuulostavat t\u00e4ss\u00e4 yhteydess\u00e4 suorastaan \u200b\u200bkoomisilta.<\/p>\n Henkil\u00f6kohtaisesti menetimme sen, kun he kutsuivat sivua "Neljasataa ja nelj\u00e4nneksi virheviestiksi" ja kun he kommentoivat, ett\u00e4 "heid\u00e4n web-hovimestari korjaa heid\u00e4n virheens\u00e4 umpikujassa".<\/p>\n N\u00e4yt\u00e4 sivu<\/a><\/p>\n Slack on yhteisty\u00f6alusta, joka auttaa yrityksi\u00e4 ja yrityksi\u00e4 ty\u00f6skentelem\u00e4\u00e4n yhdess\u00e4 ja etenem\u00e4\u00e4n. Mutta jos p\u00e4\u00e4dyt heid\u00e4n 404-sivulleen, pid\u00e4 itse\u00e4si todella eksyksiss\u00e4. Heid\u00e4n virhesivullaan on kaunis animaatio, joka my\u00f6s liikkuu, jos ved\u00e4t hiiren osoitinta n\u00e4yt\u00f6n poikki<\/strong>. Vaikka se on visuaalisesti kiinnostava, t\u00e4m\u00e4 on esimerkki sivusta, joka ei liity mitenk\u00e4\u00e4n verkkosivuston sis\u00e4lt\u00f6\u00f6n, mutta joka silti tekee teht\u00e4v\u00e4ns\u00e4 hyvin.<\/p>\n Kuuluisten tuotemerkkien k\u00e4ytt\u00e4mien huolellisesti luotujen 404 sivun esimerkkien lis\u00e4ksi on monia muita upeita malleja, joihin voit k\u00e4\u00e4nty\u00e4. N\u00e4m\u00e4 ovat suosikkejamme, jotka ovat kokeneiden taiteilijoiden suunnittelemia kiinnitt\u00e4en huomiota kaikkiin yksityiskohtiin.<\/p>\n N\u00e4yt\u00e4 sivu<\/a><\/p>\n Lena Zaytsevan suunnittelema malli on loistava esimerkki interaktiivisesta, ep\u00e4tyypillisest\u00e4 404-virhesivun asettelusta<\/strong>. Minimaalinen, mutta tehokas se yhdist\u00e4\u00e4 valkoisen ja keltaisen v\u00e4rin animoituihin teksteihin. Web-sivuston nimess\u00e4 olevat sanat on erotettu toisistaan \u200b\u200b"404". Samanaikaisesti p\u00e4\u00e4viestisi ja paluupainike ilmestyv\u00e4t sivun alareunaan. T\u00e4m\u00e4 ratkaisu sopii erinomaisesti \u00e4rtyis\u00e4lle verkkosivustolle ja luoville markkinarakoille<\/strong>.<\/p>\n N\u00e4yt\u00e4 sivu<\/a><\/p>\n Vaikka t\u00e4m\u00e4 404-sivu saattaa aluksi vaikuttaa yksinkertaiselta, se on hyv\u00e4 esimerkki siit\u00e4, kuinka yksinkertaisuus voi olla tehokasta<\/strong>. Hallitseva sininen v\u00e4ris\u00e4vy ja \u00e4lyk\u00e4s 3D-kuvitus osoittavat, ett\u00e4 alkuper\u00e4iset, ep\u00e4perinteiset 404-sivut voivat tehd\u00e4 todellisen eron. Jos haluat online-esityksen erottuvan joukosta, t\u00e4m\u00e4 voi olla oikea valinta.<\/p>\n N\u00e4yt\u00e4 sivu<\/a><\/p>\n 404-virhesivut saavat meid\u00e4t enimm\u00e4kseen tuntemaan, ett\u00e4 olemme eksyneet avaruuteen. T\u00e4h\u00e4n metaforaan perustuva t\u00e4m\u00e4 404-sivuesimerkki on tehokas tapa ohjata verkkosivuston vierailijat kotisivulle<\/strong>. Ihana grafiikka ja litte\u00e4t elementit ovat t\u00e4m\u00e4n mallin p\u00e4\u00e4paino. Jos haluat 404-sivun, joka on pieni taideteos ja joka sopii t\u00e4ydellisesti mihin tahansa luovaan verkkosivustoon, \u00e4l\u00e4 ep\u00e4r\u00f6i kokeilla t\u00e4t\u00e4 asettelua.<\/p>\n N\u00e4yt\u00e4 sivu<\/a><\/p>\n Caroline Leen suunnittelema rohkea 404 sivun asettelu sopii loistavasti kaikille, jotka pit\u00e4v\u00e4t retrosta, moniv\u00e4risest\u00e4 tyylist\u00e4<\/strong>. T\u00e4m\u00e4n mallin tunnelma tuo mieleen pioneerivideopelit ja vanhan hyv\u00e4n television aikakauden. Sekoitus kirkkaita v\u00e4rej\u00e4, kuten vaaleanpunainen, keltainen, sininen ja vihre\u00e4, sek\u00e4 eri kokoiset muodot sopivat mihin tahansa suunnittelu- tai pelistudioon.<\/p>\n N\u00e4yt\u00e4 sivu<\/a><\/p>\n Jos on yksi sana, joka kuvaa t\u00e4t\u00e4 asettelua, se olisi keltainen! Amerikkalaisen pop-taiteen estetiikasta inspiroima 404-esimerkki yhdist\u00e4\u00e4 kaksi keltaisen s\u00e4vy\u00e4, ikonisia pisteit\u00e4 ja raitoja. JOS haluat tuoda taidetta t\u00e4lle sivulle<\/strong>, t\u00e4m\u00e4 on oikea tapa.<\/p>\n2 Sen pit\u00e4isi sis\u00e4lt\u00e4\u00e4 jonkinlainen anteeksipyynt\u00f6<\/h3>\n
3 404-virhesivulla tulisi olla hakupalkki<\/h3>\n
4 Harkitse linkin lis\u00e4\u00e4mist\u00e4<\/h3>\n
5 Kevenn\u00e4 sit\u00e4 huumorilla<\/h3>\n
\n
Virhe 404 -sivun inspiraatiovalinnamme<\/h2>\n
![\"404-sivu](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-337418-633e692533b50.jpg\")
<\/a><\/p>\n![\"404-sivu](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-337418-633e6929afc71.jpg\")
<\/a><\/p>\n![\"404-sivu](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-337418-633e692e67c09.jpg\")
<\/a><\/p>\n![\"404-sivu](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-337418-633e69330362e.jpg\")
<\/a><\/p>\n![\"404-sivu](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-337418-633e693715f37.jpg\")
<\/a><\/p>\n![\"404-sivu](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-337418-633e693c14d9a.jpg\")
<\/a><\/p>\n![\"404-sivu](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-337418-633e694141c45.jpg\")
<\/a><\/p>\n![\"404-sivu](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-337418-633e6947140c2.jpg\")
<\/a><\/p>\nInspiroidu ja valmistaudu kokeilemaan<\/h2>\n
![\"404-sivu](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-337418-633e694aab018.jpg\")
<\/a><\/p>\n![\"404-sivu](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-337418-633e69501efe6.jpg\")
<\/a><\/p>\n![\"404-sivu](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-337418-633e6954677d9.jpg\")
<\/a><\/p>\n![\"404-sivu](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-337418-633e6958179b7.jpg\")
<\/a><\/p>\n![\"404-sivu](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-337418-633e695d0a1cd.jpg\")
<\/a><\/p>\n
![\"404-sivu](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-337418-633e696159b5e.jpg\")
<\/a><\/p>\n