{"id":265506,"date":"2023-10-17T08:46:00","date_gmt":"2023-10-17T05:46:00","guid":{"rendered":"https:\/\/inform.click\/hur-drar-man-fordel-av-404-sidan\/"},"modified":"2023-10-17T09:15:00","modified_gmt":"2023-10-17T06:15:00","slug":"hur-drar-man-fordel-av-404-sidan","status":"publish","type":"post","link":"https:\/\/inform.click\/sv\/hur-drar-man-fordel-av-404-sidan\/","title":{"rendered":"Hur drar man f\u00f6rdel av 404-sidan?"},"content":{"rendered":"

\n Har du n\u00e5gonsin st\u00f6tt p\u00e5 felet Not Found (404) p\u00e5 \u200b\u200bn\u00e5gon webbplats? Vet du att du har en m\u00f6jlighet att konvertera de bes\u00f6kare som hamnat p\u00e5 sidor som inte hittats? Den h\u00e4r artikeln hj\u00e4lper dig att dra nytta av 404-sidan.\n<\/p>\n

\n Om du inte har st\u00e4llt in Google Analytics f\u00f6r att sp\u00e5ra 404-sidan. H\u00e4r \u00e4r en officiell blogg<\/a> som skapar en f\u00f6r din webbplats.\n<\/p>\n

\n Om du vet r\u00e4tt fungerar webben med HTTP-protokoll. Webbservern returnerar en l\u00e4mplig HTTP-statuskod f\u00f6r varje resursbeg\u00e4ran.\n<\/p>\n

\n Det finns fyra grundl\u00e4ggande HTTP-statuskoder du kan beh\u00f6va k\u00e4nna till och de \u00e4r 200 \u2013 Hittade<\/strong>, 301 \u2013 Flyttade permanent<\/strong>, 404 \u2013 Hittade inte<\/strong>, 500 \u2013 internt serverfel<\/strong>. Det interna serverfelet 404 \u2013 hittades inte och 500 \u2013 \u00e4r tv\u00e5 av de statuskoder som visas mest.\n<\/p>\n

\n Den enda skillnaden mellan 404 och 500 \u00e4r att en webbserver kommer att visa den tilldelade felsidan om 404-felet inte hittas medan det inte finns n\u00e5gon servergenererad utdata som visas i fallet med 500 eftersom webbservern upplever n\u00e5got konfigurationsfel.\n<\/p>\n

\n En 404 kan uppst\u00e5 av olika anledningar som att bes\u00f6karen fr\u00e5gar efter en resurs som aldrig funnits p\u00e5 din webbplats, beg\u00e4ran om en sida\/resurs som du har tagit bort eller beg\u00e4r en resurs med fel eller stavfel i URI.\n<\/p>\n

\n Det finns vissa fall d\u00e4r du vill ta bort dessa f\u00f6r\u00e5ldrade sidor, inl\u00e4gg och medieresurser. Och att ha 404-fel i det h\u00e4r fallet \u00e4r en naturlig process. Det \u00e4r inget fel med det.\n<\/p>\n

\n Om du g\u00f6r lite research kommer du att uppt\u00e4cka att majoriteten av webbplatserna har en statisk 404-sida p\u00e5 plats. Om felet inte hittas visas samma sida. Om designern \u00e4r tillr\u00e4ckligt erfaren kan han\/hon ha placerat en liten navigering till heml\u00e4nk\/knapp.\n<\/p>\n

\n Vad s\u00e4gs om att springa en extra mil med dina 404-sidor? Vad h\u00e4nder om du g\u00f6r din 404-sida lite interaktiv? L\u00e5t oss utforska m\u00f6jligheterna.\n<\/p>\n

\n H\u00e4r \u00e4r de fyra s\u00e4tten du kan f\u00f6rvandla din statiska 404-sida till en mer interaktiv sida:\n<\/p>\n

    \n
  1. 404-sidan med den mest relevanta l\u00e4nken som anv\u00e4ndaren s\u00f6kte efter\n <\/li>\n
  2. 404 sida med dina b\u00e4sta gratiserbjudanden\n <\/li>\n
  3. 404 sida med l\u00e4nkassistenter\n <\/li>\n
  4. 404-sida med l\u00e4nkar du vill marknadsf\u00f6ra\n <\/li>\n<\/ol>\n
    \n 01 404 sida med den mest relevanta l\u00e4nken som anv\u00e4ndaren s\u00f6kte efter:
    \n<\/h5>\n

    \n Att veta vad dina bes\u00f6kare s\u00f6kte efter p\u00e5 din webbplats \u00e4r nyckeln. Att betj\u00e4na anv\u00e4ndaren med r\u00e4tt l\u00e4nkar till b\u00e4st matchande resurser skulle f\u00f6rmodligen den b\u00e4sta anv\u00e4ndarupplevelsen du kan leverera till din bes\u00f6kare.\n<\/p>\n

    \n Fr\u00e5gan kan uppst\u00e5 hur skulle du veta vilken anv\u00e4ndare som s\u00f6kte efter och hur skulle du f\u00f6resl\u00e5 l\u00e4nkarna baserat p\u00e5 hans s\u00f6kning?\n<\/p>\n

    \n Tja, l\u00f6sningen kan se komplex ut till en b\u00f6rjan men den \u00e4r inte s\u00e5 komplex att utveckla. Om du \u00e4r en utvecklare skulle du veta att du kan extrahera den beg\u00e4rda resursstr\u00e4ngen och g\u00f6ra en regexkontroll mot de resurserna du har p\u00e5 din webbplats.\n<\/p>\n

    \n Till exempel erbjuder du h\u00f6gtalarreparationsservice f\u00f6r alla majoriteten av ljudtillverkningsm\u00e4rken. Bose X1-h\u00f6gtalare \u00e4r till exempel d\u00e4r i din lista. Men en bes\u00f6kare kommer till din webbplats med Bose X10 som en efterfr\u00e5gad resurs. Det finns ingen h\u00f6gtalare som heter Bose X10, s\u00e5 den f\u00e5r naturligtvis inte finnas i din lista.\n<\/p>\n

    \n Det m\u00f6jliga att visa p\u00e5 din 404-sida \u00e4r att lista alla BOSE-h\u00f6gtalare du reparerar. Och om m\u00f6jligt g\u00f6r dessa BOSE X-serieh\u00f6gtalare listade f\u00f6rst.\n<\/p>\n

    \n Detta kan vara det b\u00e4sta s\u00e4ttet f\u00f6r en anv\u00e4ndare att navigera till en korrekt sida trots att han hamnat p\u00e5 en 404-sida. Chansen att konvertera den 404-sidan \u00e4r mycket stor. Du hj\u00e4lpte honom att navigera till den faktiska sidan.\n<\/p>\n

    \n Dessutom kommer detta ocks\u00e5 att hj\u00e4lpa dig att s\u00e4nka avvisningsf\u00f6rh\u00e5llandet p\u00e5 din webbplats. Om du inte visar de f\u00f6reslagna l\u00e4nkarna till b\u00e4sta matchande sida, finns det stora chanser att bes\u00f6karen navigerar tillbaka eller l\u00e4mnar din webbplats.\n<\/p>\n

    \n 02 404 sida med dina b\u00e4sta gratiserbjudanden:
    \n<\/h5>\n

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

    \n L\u00e5t oss t\u00e4nka p\u00e5 att det inte \u00e4r m\u00f6jligt att visa den mest relevanta l\u00e4nken f\u00f6r din webbplats. Eller s\u00e5 vill du inte g\u00e5 in p\u00e5 s\u00e5 mycket kodningsgrejer. Detta kan vara det b\u00e4sta alternativet att b\u00f6rja med.\n<\/p>\n

    \n N\u00e4r en bes\u00f6kare landar p\u00e5 din webbplats 404-sida, visa dem ett meddelande om att du \u00e4r ledsen f\u00f6r att resursen han\/hon letar inte \u00e4r tillg\u00e4nglig.\n<\/p>\n

    \n Precis efter urs\u00e4ktstexten, visa dem det b\u00e4sta erbjudandet som k\u00f6rs p\u00e5 din webbplats. Det kan vara som att erbjuda 5 % eller 10 % rabatt p\u00e5 din hetaste l\u00f6pande produkt, eller erbjuda dem n\u00e5got v\u00e4rdefullt gratis i utbyte mot ett e-postmeddelande.\n<\/p>\n

    \n Detta kan vara det b\u00e4sta s\u00e4ttet att h\u00e5lla alla dessa bes\u00f6kare engagerade i andra produkter eller erbjudanden som landade p\u00e5 404-sidan!\n<\/p>\n

    \n 03 404 sida med l\u00e4nkhj\u00e4lp:
    \n<\/h5>\n

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

    \n Medan du alltid kan visa navigeringen p\u00e5 404-sidorna. Men det finns mycket chanser att en bes\u00f6kare g\u00e5r till din navigeringspanel, identifierar sidan han skulle vilja bes\u00f6ka och landar p\u00e5 den sidan! Majoriteten av dem g\u00e5r bara.\n<\/p>\n

    \n Du kan ha en 404-sidesdesign p\u00e5 ett s\u00e5dant s\u00e4tt som inneh\u00e5ller alla viktiga l\u00e4nkar till olika resurser p\u00e5 din webbplats tillsammans med ett tydligt 404-felmeddelande.\n<\/p>\n

    \n Detta kan hj\u00e4lpa en anv\u00e4ndare att f\u00f6rst\u00e5 att han landade p\u00e5 fel sida. Det \u00e4r 404 men han har en lista med l\u00e4nkar som visar alla viktiga resurser p\u00e5 webbplatsen som han kan bes\u00f6ka.\n<\/p>\n

    \n 04 404 sida med l\u00e4nkar du vill marknadsf\u00f6ra:
    \n<\/h5>\n

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

    \n Det \u00e4r j\u00e4vligt enkelt, ha bara l\u00e4nkarna du vill att dina bes\u00f6kare ska bes\u00f6ka p\u00e5 404 sidor. Jag skulle inte f\u00f6resl\u00e5 att g\u00e5 den h\u00e4r v\u00e4gen ensam. Kanske en blandning av f\u00f6rslag 03 och 04 kan fungera.\n<\/p>\n

    \n Att beh\u00e5lla l\u00e4nkarna till de sidor du verkligen vill marknadsf\u00f6ra p\u00e5 sidan 404 kommer definitivt att hj\u00e4lpa dig att \u00f6ka antalet bes\u00f6k p\u00e5 dessa sidor. Nackdelen \u00e4r att du genererar fler obekymrade bes\u00f6k som kan bidra till h\u00f6g avvisningsfrekvens.\n<\/p>\n

    \n Det enda f\u00f6rslaget jag skulle ge h\u00e4r \u00e4r att om du g\u00e5r l\u00e4ngs den h\u00e4r v\u00e4gen, v\u00e4nligen ha minst ett erbjudande som antingen \u00e4r gratis eller mycket generiskt till sin natur. Det betyder att vem som helst skulle kunna relatera till det erbjudande du ger. Det \u00e4r antingen mycket prisv\u00e4rt eller gratis som hj\u00e4lper dig att f\u00f6rb\u00e4ttra engagemangen.\n<\/p>\n

    \n Popul\u00e4ra exempel p\u00e5 Creative 404-sidor\n<\/p>\n

    \n Om du letar efter lite inspiration n\u00e4r du skapar en 404-sida f\u00f6r din webbplats, h\u00e4r \u00e4r n\u00e5gra av mina personliga favoritexempel p\u00e5 404-sidor.\n<\/p>\n

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

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

    \n Wufoo<\/a> \u00e4r en av de popul\u00e4ra kontaktformul\u00e4rintegrationstj\u00e4nsterna p\u00e5 internet. Observera sidans \u00f6vergripande tema och den gr\u00f6na knappen som skiljer sig fr\u00e5n resten av sidan!\n<\/p>\n

    \n Dinosaurien representerar meddelandet som inte hittats, och titta p\u00e5 SKAPA ETT FORMUL\u00c4R GRATIS Call to Action-knappen. Det leder tydligt anv\u00e4ndaren att trycka p\u00e5 knappen och vidta n\u00e5gra \u00e5tg\u00e4rder p\u00e5 sidan som inte hittats ocks\u00e5.\n<\/p>\n

    \n Ist\u00e4llet f\u00f6r att h\u00e5lla navigeringen \u00f6verst anv\u00e4nde de de valda navigeringsobjekten under CTA-knappen.\n<\/p>\n

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

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

    \n Se hur AirBnB<\/a> representerar allt direkt fr\u00e5n ett tydligt 404-meddelande, ej hittad illustration, och navigeringsl\u00e4nken under det lilla omr\u00e5det!\n<\/p>\n

    \n En anv\u00e4ndare som tappade v\u00e4gen p\u00e5 AirBnB-webbplatsen skulle landa p\u00e5 denna sida, denna sida har alla n\u00f6dv\u00e4ndiga riktningar (l\u00e4nkar) f\u00f6r att skicka anv\u00e4ndaren tillbaka till viktiga sidor och h\u00e5lla honom engagerad p\u00e5 webbplatsen.\n<\/p>\n

    \n Maila schimpans
    \n<\/h5>\n

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

    \n Mailchimps<\/a> mycket popul\u00e4ra e-postmarknadsf\u00f6ringsplattform har en vacker 404-sida p\u00e5 plats. De anv\u00e4nde apan med hulkliknande stil applicerad p\u00e5 de som verkar g\u00e5 vilse i en skog.\n<\/p>\n

    \n En anv\u00e4ndare som landar p\u00e5 denna 404 f\u00e5r ett tydligt meddelande med en illustration, ett tydligt meddelande f\u00f6ljt av illustrationen.\n<\/p>\n

    \n Det b\u00e4sta \u00e4r att de vet att anv\u00e4ndningen har g\u00e5tt vilse, s\u00e5 han kan hitta ett s\u00f6kf\u00e4lt direkt efter meddelandet som inte hittats. Anv\u00e4ndaren kanske kan s\u00f6ka efter valfri resurs han letade efter tidigare med hj\u00e4lp av s\u00f6kningen.\n<\/p>\n

    \n Om s\u00f6kning inte \u00e4r n\u00e5got som f\u00f6redrar att hitta eller lokalisera en resurs, inkluderade de en vacker navigering direkt under s\u00f6kf\u00e4ltet!\n<\/p>\n

    \n Lite
    \n<\/h5>\n

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

    \n Bitly<\/a> \u00e4r en av de mest popul\u00e4ra URL-f\u00f6rkortningstj\u00e4nsterna med n\u00e5gra coola funktioner inpackade som anpassat varum\u00e4rke och klickanalys.\n<\/p>\n

    \n Tydligen har de en vacker och meningsfull 404-sida p\u00e5 plats! Om du spenderar n\u00e5gra sekunder kommer du att m\u00e4rka att designern har h\u00e5llit havet tomt. Det betyder att det inte finns n\u00e5got inne i vattnet, vilket tydligt visar att det inte finns n\u00e5got f\u00f6r den efterfr\u00e5gade resursen.\n<\/p>\n

    \n Ingen navigeringspanel kvar i rubriken. Sidan visar felmeddelandet, f\u00f6ljt av de tre enkla och mest grundl\u00e4ggande navigeringsl\u00e4nkarna l\u00e4ngst ner.\n<\/p>\n

    \n F\u00f6r att g\u00f6ra saker mer interaktiva har designteamet gjort v\u00e5geffekten p\u00e5 h\u00e4ndelse av musr\u00f6relse. Bes\u00f6k sidan f\u00f6r att uppleva det.\n<\/p>\n

    \n Kaka
    \n<\/h5>\n

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

    \n Den vackra illustrationen av en tom tallrik p\u00e5 Cooklet<\/a> g\u00f6r saken tydlig att grejerna du letar efter inte finns.\n<\/p>\n

    \n \u00c5h nej! Tillsammans med en tom tallrik f\u00f6rmedla meddelandet som inte hittats. Det intressanta \u00e4r att de gjorde \u00e5tg\u00e4rdsl\u00e4nken Get Back (javascript-historik tillbaka) och l\u00e4nken till startsidan tillg\u00e4nglig under meddelandet som inte hittades.\n<\/p>\n

    \n Dessutom beh\u00e5ller de rubriken med s\u00f6kf\u00e4ltet intakt. Det betyder att en anv\u00e4ndare som vill navigera p\u00e5 annat s\u00e4tt \u00e4n den f\u00f6reg\u00e5ende eller hemsidan, skulle kunna hitta resurser enkelt.\n<\/p>\n

    \n Har jag testat n\u00e5gon av dessa?
    \n<\/h5>\n

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

    \n Ovan \u00e4r bilden av min egen hemsidas 404-sida. Fr\u00e5n b\u00f6rjan hade jag inga knappar eller l\u00e4nkar p\u00e5 min 404-sida. Det var en vanlig 404-sida som visade felmeddelandet, att det!\n<\/p>\n

    \n Jag lade till en knapp som skiljer sig fr\u00e5n resten av sidans element och motiverar bes\u00f6karen att trycka p\u00e5 den. Genom att trycka p\u00e5 den flyttas anv\u00e4ndaren tillbaka till startsidan. Den enkla knappen hj\u00e4lpte mig att f\u00e5 bes\u00f6kare till min hemsidas hemsida och h\u00e5lla dem engagerade p\u00e5 hemsidan.\n<\/p>\n

    \n Jag planerar att l\u00e4gga till mer dynamiska saker snart p\u00e5 min sida som jag har diskuterat i punkt #1.\n<\/p>\n

    \n Slutsats
    \n<\/h4>\n

    \n Att ha 404 \u00e4r en naturlig sak f\u00f6r alla webbplatser. Men att dra f\u00f6rdel av 404-sidan och omvandla dessa 404-bes\u00f6kare till kunder \u00e4r den verkliga smartheten. De diskuterade teknikerna hj\u00e4lper dig att s\u00e4nka din avvisningsfrekvens och f\u00f6rb\u00e4ttra engagemanget.\n<\/p>\n<\/p>\n

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

    Har du n\u00e5gonsin st\u00f6tt p\u00e5 felet Not Found (404) p\u00e5 \u200b\u200bn\u00e5gon webbplats? Vet du att du har en m\u00f6jlighet att konvertera de bes\u00f6kare som hamnat p\u00e5 sidor som inte hittats? Den h\u00e4r artikeln hj\u00e4lper dig att dra nytta av 404-sidan. Om du inte har st\u00e4llt in Google Analytics f\u00f6r att sp\u00e5ra 404-sidan. H\u00e4r \u00e4r en officiell blogg som skapar en f\u00f6r din webbplats. Om du vet r\u00e4tt fungerar webben med HTTP-protokoll. Webbservern returnerar en l\u00e4mplig HTTP-statuskod f\u00f6r varje resursbeg\u00e4ran. Det finns fyra grundl\u00e4ggande HTTP-statuskoder du kan beh\u00f6va f\u00f6r att …<\/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":[100,61,204],"tags":[],"class_list":["post-265506","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-seo-och-marknadsforing","category-web-och-wordpress","category-webbdesign"],"_links":{"self":[{"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/posts\/265506","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/comments?post=265506"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/posts\/265506\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/media\/187867"}],"wp:attachment":[{"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/media?parent=265506"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/categories?post=265506"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/tags?post=265506"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}