När behöver webbplatsen göras om? 9 tecken

01Förnyelse eller uppdatering?

Alla problem kräver inte en ny webbplats. Att byta en bild, lägga till en ny tjänstesida eller uppdatera ett telefonnummer räknas som uppdatering av webbplatsen. En förnyelse innebär att design, infrastruktur och ofta innehållsstrukturen tas om från grunden.

Skillnaden är enkel: ligger problemet i innehållet behövs en uppdatering, ligger det i webbplatsens skelett behövs en förnyelse. En meny som glider ur bild på mobilen, ett ständigt beroende av en utvecklare för varje ändring eller sidor som tar sekunder att öppna är skelettproblem.

De nio tecknen nedan hjälper dig att förstå var din webbplats står. Du kan kontrollera varje tecken på din egen webbplats på några minuter.

02Tekniska tecken: hastighet, mobil, säkerhet

De tre första tecknen går att mäta och märks direkt av besökaren. De ingår också i sökmotorernas bedömning av sidupplevelsen.

1. Webbplatsen ser inte bra ut på mobilen

Om texten är liten, knapparna är svåra att trycka på med fingret eller sidan glider i sidled är webbplatsens mobilanpassning otillräcklig. Eftersom en stor del av besökarna kommer från mobilen är det här tecknet ensamt skäl nog för en förnyelse. Vi har gått igenom ämnet i detalj på sidan om mobilanpassad webbplats.

2. Sidorna är långsamma att öppna

Googles gränsvärden för bra Core Web Vitals är LCP ≤ 2,5 s, INP ≤ 200 ms och CLS ≤ 0,1. Ligger du långt över de värdena när du mäter med PageSpeed Insights, och problemet beror på infrastrukturen och inte på okomprimerade bilder, blir lappningar ingen bestående lösning. Då bör hastighet och prestanda och en ny struktur ses över tillsammans.

3. Säkerhetsvarningar och gammal infrastruktur

Om webbläsaren visar varningen »inte säker«, om webbplatsens programkomponenter inte har uppdaterats på flera år eller om den tidigare har utsatts för en attack är risken stor. En föråldrad infrastruktur utsätter inte bara dina egna utan även dina besökares data för fara.

03Verksamhetstecken: administration och identitet

De följande tre tecknen påverkar dig mer än besökaren, men slår indirekt igenom i försäljningen.

4. Du kan inte uppdatera innehållet själv

Om du måste få tag på någon varje gång en kampanj eller prislista ska ändras blir webbplatsen med tiden inaktuell. En bra förnyelse innehåller en enkel adminpanel där du själv kan ändra text och bilder.

5. Designen speglar inte ditt varumärke

Om logotyp, färger eller tjänster har ändrats men webbplatsen bär den gamla identiteten ser besökaren två olika företag. Varumärkeskonsekvens ska gälla överallt, från tryckt material till sociala medier.

6. Verksamheten har vuxit men webbplatsen står still

Har nya tjänster, filialer eller språk tillkommit och den befintliga strukturen inte kan bära dem blir webbplatsen rörigare för varje tillägg. En sidstruktur som passar tillväxten är ett av förnyelsens främsta mål.

04Resultattecken: trafik och konvertering

De tre sista tecknen är de dyraste, eftersom de direkt innebär kunder som försvinner.

7. Besökare finns, men inga förfrågningar

Syns besökare i analysverktyget men inga samtal eller formulär kommer in ligger problemet oftast i användarupplevelsen: otydliga rubriker, undangömda kontaktuppgifter, långa formulär. Då bör arbete med UI/UX-design stå i centrum för förnyelsen.

8. Söktrafiken sjunker hela tiden

Ett fall som pågått i månader i Search Console kan peka på tekniska SEO-problem, en svag sidstruktur eller att konkurrenterna producerar mycket bättre innehåll. Förnyelsen är ett bra tillfälle att bygga ett SEO-anpassat skelett, och hur det görs har vi beskrivit i artikeln SEO-anpassad webbdesign.

9. Konkurrenternas webbplatser är mycket bättre

Kunden jämför dig sida vid sida med dina konkurrenter. Om deras webbplats är snabb, tydlig och inger förtroende medan din ser gammal ut avgörs valet ofta med ett ögonkast på webbplatsen.

05Behåll SEO-trafiken under förnyelsen

Den största risken med en förnyelse är att förlora de sökplaceringar som byggts upp under åren. Den vanligaste orsaken är ändrade adresser: den gamla sidan tas bort, den nya adressen öppnas, men ingen omdirigering sätts upp mellan dem.

Om adresserna ska ändras på den nya webbplatsen måste varje gammal adress kopplas till den närmaste nya sidan med en 301-omdirigering. Därför bör en lista över alla adresser på den gamla webbplatsen tas fram före lansering och matchas en och en.

• Lista alla sidor på den gamla webbplatsen och de adresser som får mest trafik.
• Radera inte innehåll på sidor som rankar bra, utan förbättra det och flytta det.
• Fyll i titel- och beskrivningstaggar även på den nya webbplatsen.
• Skicka in den nya XML-webbplatskartan till Search Console efter lanseringen.
• Följ rapporterna om trasiga länkar och 404-fel noga under de första veckorna.

06Förnyelseprocessen steg för steg

En planerad förnyelse blir både snabbare klar och ger färre överraskningar än en förhastad. En sund process följer oftast den här ordningen:

1. Analys av nuläget: ta fram data om hastighet, mobilanpassning, trafik och konvertering.
2. Tydliga mål: den nya webbplatsens mätbara syften, som fler offertförfrågningar, bokningar eller samtal.
3. Sidstruktur: vilka sidor som ska finnas kvar, slås ihop eller läggas till.
4. Design och innehåll: design som är unik för företaget och passar varumärkesidentiteten, samt uppdaterade texter.
5. Test: provning på olika telefoner och webbläsare samt kontroll av formulär och omdirigeringar.
6. Lansering och uppföljning: 301-omdirigeringar, webbplatskarta och uppföljning av de första veckorna.

07Vad ska förberedas före förnyelsen?

Det som snabbar på omdesignprocessen, på engelska redesign, är att gå förberedd till det första mötet med byrån. Ju tydligare underlag du har, desto mer realistisk blir offerten och desto mindre risk för att omfattningen glider under arbetets gång.

Förberedelserna underlättar inte bara byråns arbete, de gör också tydligt vad du själv förväntar dig av den nya webbplatsen. Det räcker att samla listan nedan i ett dokument.

• Åtkomstuppgifter: vem som har domän-, webbhotells-, e-post- och analyskonton.
• Befintliga data: trafiken den senaste tiden, de mest besökta sidorna och antalet inkomna förfrågningar.
• Vad du gillar och inte gillar: vad på den nuvarande webbplatsen som ska behållas och vad som ska bort.
• Exempelwebbplatser: de kan även komma från andra branscher. Anteckna kort vad du gillar.
• Varumärkesfiler: logotypen som vektor, företagsfärger och typsnitt.
• Aktuellt innehåll: tjänstelista, teaminformation, foton och vanliga frågor.

08Vad avgör kostnaden för förnyelsen?

Kostnaden för förnyelsen varierar med antalet sidor, om designen är unik för företaget, om innehållet ska skrivas om, behovet av flera språk och integrationer. Om det befintliga innehållet går att använda förkortas tiden. Vill du se faktorerna en och en, se vår guide priser på webbdesign.

En snabb lösning med en färdig mall kan verka lockande, men mallar för ofta med sig en del av problemen ovan. Skillnaden mellan de två vägarna har vi jämfört i artikeln färdigt tema eller skräddarsydd design.