{"id":257706,"date":"2023-10-17T08:46:00","date_gmt":"2023-10-17T05:46:00","guid":{"rendered":"https:\/\/inform.click\/hvordan-dra-nytte-av-404-siden\/"},"modified":"2023-10-17T09:31:00","modified_gmt":"2023-10-17T06:31:00","slug":"hvordan-dra-nytte-av-404-siden","status":"publish","type":"post","link":"https:\/\/inform.click\/no\/hvordan-dra-nytte-av-404-siden\/","title":{"rendered":"Hvordan dra nytte av 404-siden?"},"content":{"rendered":"

\n Har du noen gang st\u00f8tt p\u00e5 Not Found (404)-feilen p\u00e5 et nettsted? Vet du at du har en mulighet til \u00e5 konvertere de bes\u00f8kende som havnet p\u00e5 sider som ikke ble funnet? Denne artikkelen vil hjelpe deg \u00e5 dra nytte av 404-siden.\n<\/p>\n

\n Hvis du ikke har konfigurert Google Analytics for \u00e5 spore 404-siden. Her er en offisiell blogg<\/a> som setter opp en for nettstedet ditt.\n<\/p>\n

\n Hvis du vet riktig fungerer nettet p\u00e5 HTTP-protokollen. Nettserveren vil returnere en passende HTTP-statuskode for hver ressursforesp\u00f8rsel.\n<\/p>\n

\n Det kan v\u00e6re fire grunnleggende HTTP-statuskoder du trenger \u00e5 vite, og de er 200 \u2013 Funnet<\/strong>, 301 \u2013 Flyttet permanent<\/strong>, 404 \u2013 Ikke funnet<\/strong>, 500 \u2013 intern serverfeil<\/strong>. 404 \u2013 ikke funnet og 500 \u2013 intern serverfeil er to av de mest viste statuskodene.\n<\/p>\n

\n Den eneste forskjellen mellom 404 og 500 er at en webserver vil vise den tilordnede feilsiden i tilfelle ikke funnet 404-feil mens det ikke vises noen servergenerert utgang i tilfelle 500 da webserveren opplever en konfigurasjonsfeil.\n<\/p>\n

\n En 404 kan oppst\u00e5 av forskjellige \u00e5rsaker som at den bes\u00f8kende ber om en ressurs som aldri har eksistert p\u00e5 nettstedet ditt, foresp\u00f8rsel om en side\/ressurs som du har slettet, eller ber om en ressurs med feil eller skrivefeil i URI.\n<\/p>\n

\n Det er noen tilfeller der du \u00f8nsker \u00e5 slette de utdaterte sidene, innleggene og medieressurser. Og \u00e5 ha 404 feil i dette tilfellet er en naturlig prosess. Det er ikke noe galt med det.\n<\/p>\n

\n Hvis du gj\u00f8r litt research, vil du finne at flertallet av nettstedene har en statisk 404-side p\u00e5 plass. I ethvert tilfelle av ikke funnet feil vil samme side vises. Hvis designeren er erfaren nok, kan han\/hun ha plassert en liten navigering til hjemlenke\/knapp.\n<\/p>\n

\n Hva med \u00e5 l\u00f8pe en ekstra mil med dine 404-sider? Hva om \u00e5 gj\u00f8re 404-siden din litt interaktiv? La oss utforske mulighetene.\n<\/p>\n

\n Her er de fire m\u00e5tene du kan gj\u00f8re din statiske 404-side om til en mer interaktiv side:\n<\/p>\n

    \n
  1. 404-siden med den mest relevante lenken brukeren s\u00f8kte etter\n <\/li>\n
  2. 404-side med dine beste gratistilbud\n <\/li>\n
  3. 404-side med lenkeassistenter\n <\/li>\n
  4. 404-side med lenker du \u00f8nsker \u00e5 markedsf\u00f8re\n <\/li>\n<\/ol>\n
    \n 01 404-siden med den mest relevante lenken brukeren s\u00f8kte etter:
    \n<\/h5>\n

    \n \u00c5 vite hva de bes\u00f8kende s\u00f8kte etter p\u00e5 nettstedet ditt er n\u00f8kkelen. \u00c5 betjene brukeren med de riktige koblingene til best matchende ressurser vil sannsynligvis den beste brukeropplevelsen du kan levere til bes\u00f8kende.\n<\/p>\n

    \n Sp\u00f8rsm\u00e5let kan oppst\u00e5 hvordan ville du vite hva brukeren s\u00f8kte etter og hvordan ville du foresl\u00e5 lenkene basert p\u00e5 s\u00f8ket hans?\n<\/p>\n

    \n Vel, l\u00f8sningen kan se kompleks ut til \u00e5 begynne med, men den er ikke s\u00e5 komplisert \u00e5 utvikle. Hvis du er en utvikler, vil du vite at du kan trekke ut den forespurte ressursstrengen og foreta en regul\u00e6r sjekk mot de ressursene du har p\u00e5 nettstedet ditt.\n<\/p>\n

    \n For eksempel tilbyr du h\u00f8yttalerreparasjonstjeneste for alle de fleste lydproduksjonsmerkene. Bose X1-h\u00f8yttalere er for eksempel der i listen din. Men en bes\u00f8kende kommer til nettstedet ditt med Bose X10 som en forespurt ressurs. Det er ingen h\u00f8yttaler som heter Bose X10, s\u00e5 den m\u00e5 naturligvis ikke v\u00e6re p\u00e5 listen din.\n<\/p>\n

    \n Det mulige \u00e5 vise p\u00e5 404-siden din er \u00e5 liste opp alle BOSE-h\u00f8yttalerne du reparerer. Og hvis mulig gj\u00f8r disse BOSE X-seriens h\u00f8yttalere oppf\u00f8rt f\u00f8rst.\n<\/p>\n

    \n Dette kan v\u00e6re den beste m\u00e5ten for en bruker \u00e5 navigere til en riktig side til tross for at han havnet p\u00e5 en 404-side. Sjansen for \u00e5 konvertere den 404-siden er veldig h\u00f8y. Du hjalp ham med \u00e5 navigere til den faktiske siden.\n<\/p>\n

    \n I tillegg vil dette ogs\u00e5 hjelpe deg med \u00e5 redusere sprettraten p\u00e5 nettstedet ditt. Hvis du ikke viser de foresl\u00e5tte koblingene til den best matchende siden, er det store sjanser for at den bes\u00f8kende vil navigere tilbake eller forsvinne fra nettstedet ditt.\n<\/p>\n

    \n 02 404-siden med dine beste gratistilbud:
    \n<\/h5>\n

    \"\"<\/a><\/p>\n

    \n La oss vurdere at det ikke er fullt mulig \u00e5 vise den mest relevante lenken for nettstedet ditt. Eller du vil ikke g\u00e5 inn i mye av kodeting. Dette kan v\u00e6re det beste alternativet \u00e5 starte med.\n<\/p>\n

    \n N\u00e5r en bes\u00f8kende lander til nettstedets 404-side, vis dem en melding om at du beklager at ressursen han\/hun ser ikke er tilgjengelig.\n<\/p>\n

    \n Rett etter unnskyldningsteksten, vis dem det beste tilbudet som kj\u00f8rer p\u00e5 nettstedet ditt. Det kan v\u00e6re som \u00e5 tilby 5 % eller 10 % rabatt p\u00e5 det mest popul\u00e6re l\u00f8peproduktet ditt, eller tilby dem noe verdifullt gratis i bytte mot en e-post.\n<\/p>\n

    \n Dette kan v\u00e6re den beste m\u00e5ten \u00e5 holde alle de bes\u00f8kende engasjert med andre produkter eller tilbud som havnet p\u00e5 404-siden!\n<\/p>\n

    \n 03 404-side med lenkehjelp:
    \n<\/h5>\n

    \"\"<\/a><\/p>\n

    \n Mens du alltid kan vise navigasjonen p\u00e5 404-sidene. Men det er store sjanser for at en bes\u00f8kende g\u00e5r til navigasjonspanelet ditt, identifiserer siden han \u00f8nsker \u00e5 bes\u00f8ke og lander p\u00e5 den siden! De fleste av dem drar bare.\n<\/p>\n

    \n Du kan ha et 404-sidedesign p\u00e5 en slik m\u00e5te som inneholder alle viktige lenker til ulike ressurser p\u00e5 nettstedet ditt sammen med en tydelig 404-feilmelding.\n<\/p>\n

    \n Dette kan hjelpe en bruker \u00e5 forst\u00e5 at han havnet p\u00e5 feil side. Det er 404, men han har en liste over lenker som viser alle viktige ressurser p\u00e5 nettstedet som han kan bes\u00f8ke.\n<\/p>\n

    \n 04 404-side med lenker du \u00f8nsker \u00e5 markedsf\u00f8re:
    \n<\/h5>\n

    \"\"<\/a><\/p>\n

    \n Det er forbannet enkelt, bare ha linkene du vil at de bes\u00f8kende skal bes\u00f8ke p\u00e5 404 sider. Jeg vil ikke foresl\u00e5 \u00e5 g\u00e5 denne veien alene. Kan v\u00e6re blanding av forslag 03 og 04 kan fungere.\n<\/p>\n

    \n \u00c5 beholde koblingene til sidene du virkelig \u00f8nsker \u00e5 markedsf\u00f8re p\u00e5 404-siden vil definitivt hjelpe deg med \u00e5 \u00f8ke antall bes\u00f8k p\u00e5 disse sidene. Ulempen er at du genererer flere ubekymrede bes\u00f8k som kan bidra til h\u00f8y fluktfrekvens.\n<\/p>\n

    \n Det eneste forslaget jeg vil komme med her er at hvis du g\u00e5r langs denne veien, vennligst ha minst ett tilbud som enten er gratis eller veldig generisk. Det betyr at alle vil v\u00e6re i stand til \u00e5 forholde seg til tilbudet du gir. Det er enten veldig rimelig eller gratis som vil hjelpe deg med \u00e5 forbedre engasjementene.\n<\/p>\n

    \n Popul\u00e6re eksempler p\u00e5 Creative 404-sider\n<\/p>\n

    \n Hvis du leter etter litt inspirasjon mens du lager en 404-side for nettstedet ditt, her er noen av mine personlige favoritteksempler p\u00e5 404 sider.\n<\/p>\n

    \n Wufoo
    \n<\/h5>\n

    \"\"<\/a><\/p>\n

    \n Wufoo<\/a> er en av de popul\u00e6re kontaktskjemaintegrasjonstjenestene p\u00e5 internett. Observer det overordnede temaet p\u00e5 siden og den gr\u00f8nne knappen som skiller seg fra resten av siden!\n<\/p>\n

    \n Dinosauren representerer meldingen ikke funnet, og se p\u00e5 LAG ET SKJEMA FOR GRATIS Call to Action-knappen. Det gir tydelig brukeren beskjed om \u00e5 trykke p\u00e5 knappen og gj\u00f8re noe p\u00e5 siden som ikke ble funnet.\n<\/p>\n

    \n I stedet for \u00e5 holde navigasjonen p\u00e5 topp, brukte de de valgte navigasjonselementene under CTA-knappen.\n<\/p>\n

    \n AirBnB
    \n<\/h5>\n

    \"\"<\/a><\/p>\n

    \n Se hvordan AirBnB<\/a> representerer alt rett fra en klar 404-melding, ikke funnet illustrasjon, og navigasjonslenken under det lille omr\u00e5det!\n<\/p>\n

    \n En bruker som har mistet veien p\u00e5 AirBnB-nettstedet vil lande til denne siden, denne siden har alle n\u00f8dvendige retninger (lenker) for \u00e5 sende brukeren tilbake til viktig(e) side(r) og holde ham engasjert p\u00e5 nettsiden.\n<\/p>\n

    \n Mail Chimp
    \n<\/h5>\n

    \"\"<\/a><\/p>\n

    \n Mailchimp<\/a> sv\u00e6rt popul\u00e6re e-postmarkedsf\u00f8ringsplattform har en vakker 404-side p\u00e5 plass. De brukte Monkey med hulk-lignende styling brukt p\u00e5 som ser ut til \u00e5 g\u00e5 seg vill i en skog.\n<\/p>\n

    \n En bruker som har landet p\u00e5 denne 404 f\u00e5r en klar melding med en illustrasjon, en klar melding etterfulgt av illustrasjonen.\n<\/p>\n

    \n Det beste er at de vet at bruken har g\u00e5tt seg vill, s\u00e5 han kan finne en s\u00f8kefelt rett etter meldingen ikke funnet. Brukeren kan kanskje s\u00f8ke etter hvilken som helst ressurs han lette etter tidligere ved \u00e5 bruke s\u00f8ket.\n<\/p>\n

    \n Hvis s\u00f8k ikke er noe som foretrekker \u00e5 finne eller finne en ressurs, inkluderte de en vakker navigasjon rett under s\u00f8kefeltet!\n<\/p>\n

    \n Litt
    \n<\/h5>\n

    \"\"<\/a><\/p>\n

    \n Bitly<\/a> er en av de mest popul\u00e6re URL-forkortingstjenestene med noen kule funksjoner pakket inn som tilpasset merkevarebygging og klikkanalyse.\n<\/p>\n

    \n Tilsynelatende har de en vakker og meningsfull 404-side p\u00e5 plass! Hvis du bruker et par sekunder, vil du legge merke til at designeren har holdt havet tomt. Det betyr at det ikke er noe inne i vannet, noe som gir en klar illustrasjon av at det ikke ble funnet noe for den forespurte ressursen.\n<\/p>\n

    \n Ingen navigasjonspanel beholdt p\u00e5 overskriften. Siden viser feilmeldingen, etterfulgt av de tre enkle og mest grunnleggende navigasjonslenkene nederst.\n<\/p>\n

    \n For \u00e5 gj\u00f8re ting mer interaktive har designteamet laget b\u00f8lgeeffekten p\u00e5 musebevegelser. Bes\u00f8k siden for \u00e5 oppleve den.\n<\/p>\n

    \n Kjeks
    \n<\/h5>\n

    \"\"<\/a><\/p>\n

    \n Den vakre illustrasjonen av en tom tallerken p\u00e5 Cooklet<\/a> gj\u00f8r tingen klart at tingene du ser ikke eksisterer.\n<\/p>\n

    \n \u00c5 nei! Sammen med en tom tallerken formidle meldingen ikke funnet. Det interessante er at de gjorde handlingslenken Kom tilbake (javascript-historikk tilbake) og lenken til hjemmesiden tilgjengelig under meldingen ikke funnet.\n<\/p>\n

    \n I tillegg beholder de overskriften med s\u00f8kefeltet intakt. Det betyr at en bruker som \u00f8nsker \u00e5 navigere annet enn den forrige eller hjemmesiden, vil v\u00e6re i stand til \u00e5 finne ressurser enkelt.\n<\/p>\n

    \n Har jeg testet noen av disse?
    \n<\/h5>\n

    \"\"<\/a><\/p>\n

    \n Ovenfor er bildet av min egen nettsides 404-side. I utgangspunktet hadde jeg ingen knapper eller lenker p\u00e5 404-siden min. Det var en vanlig 404-side som viste feilmeldingen, at det!\n<\/p>\n

    \n Jeg la til en knapp som skiller fra resten av sidens elementer og motiverer bes\u00f8kende til \u00e5 trykke p\u00e5 den. Ved \u00e5 trykke p\u00e5 den flyttes brukeren tilbake til hjemmesiden. Den enkle knappen hjalp meg \u00e5 bringe bes\u00f8kende til hjemmesiden til nettstedet mitt og holde dem engasjert p\u00e5 nettstedet.\n<\/p>\n

    \n Jeg planlegger \u00e5 legge til mer dynamiske ting snart p\u00e5 siden min som jeg har diskutert i punkt #1.\n<\/p>\n

    \n Konklusjon
    \n<\/h4>\n

    \n \u00c5 ha 404 er en naturlig ting for ethvert nettsted. Men \u00e5 dra skikkelig nytte av 404-siden og konvertere de 404 bes\u00f8kende til kunder er den virkelige smartheten. De diskuterte teknikkene vil hjelpe deg med \u00e5 redusere fluktfrekvensen og forbedre engasjementet.\n<\/p>\n<\/p>\n

    \n Opptakskilde: instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

    Har du noen gang st\u00f8tt p\u00e5 Not Found (404)-feilen p\u00e5 et nettsted? Vet du at du har en mulighet til \u00e5 konvertere de bes\u00f8kende som havnet p\u00e5 sider som ikke ble funnet? Denne artikkelen vil hjelpe deg \u00e5 dra nytte av 404-siden. Hvis du ikke har konfigurert Google Analytics for \u00e5 spore 404-siden. Her er en offisiell blogg som setter opp en for nettstedet ditt. Hvis du vet riktig fungerer nettet p\u00e5 HTTP-protokollen. Nettserveren vil returnere en passende HTTP-statuskode for hver ressursforesp\u00f8rsel. Det kan hende du trenger fire grunnleggende HTTP-statuskoder for \u00e5 …<\/p>\n","protected":false},"author":1,"featured_media":187867,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[96,57,200],"tags":[],"class_list":["post-257706","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-seo-og-markedsforing","category-web-og-wordpress","category-webdesign-2"],"_links":{"self":[{"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/posts\/257706","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/comments?post=257706"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/posts\/257706\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/media\/187867"}],"wp:attachment":[{"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/media?parent=257706"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/categories?post=257706"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/tags?post=257706"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}