Hur man gör om en WordPress-webbplats (nybörjarguide)

Är din WordPress-webbplats underpresterande? Sjunkande trafik, låga konverteringsfrekvenser, dålig mobilupplevelse eller långsamma laddningstider är tydliga tecken på att det är dags för en omdesign. Men att ta itu med en omdesign kan vara skrämmande, eftersom du kanske oroar dig för att förlora SEO-ranking.

På WPBeginner har vi gjort om vår webbplats flera gånger och lärt oss vad som fungerar och vad som inte gör det genom att pröva oss fram. Längs vägen har vi utvecklat strategier för att göra processen smidigare och mer effektiv.

I den här guiden går vi igenom varje steg i omdesignen av din WordPress-webbplats, från att avgöra om du verkligen behöver en omdesign till att välja den bästa omdesignmetoden.

När bör du designa om din WordPress-webbplats?

Du kanske är frestad att göra om din WordPress-webbplats helt enkelt för att du känner dig uttråkad av dess nuvarande utseende. En omdesign kan dock vara tidskrävande, så det är viktigt att tänka på flera faktorer innan du ger dig i kast med det.

Framför allt vill du vara säker på att det faktiskt lönar sig att göra om din webbplats.

Om din befintliga WordPress-webbplats t.ex. tappar trafik kan det vara dags för en ny design. En minskad trafik tyder ofta på att din webbplats inte längre uppfyller användarnas förväntningar.

Det första intrycket är också viktigt på nätet. Om din webbplats ser gammalmodig ut kanske den inte återspeglar ditt varumärke eller företag på ett bra sätt.

En dålig användarupplevelse, t.ex. att besökare kämpar för att hitta viktig information, är ett annat tydligt tecken på att en omdesign av WordPress-webbplatsen behövs. Vi tog itu med detta i en tidigare redesign genom att göra det lättare att hitta innehåll med hjälp av länkar i sidofältet och megamenyer.

Hastigheten är en annan viktig faktor om du funderar på att göra om din WordPress-webbplats. Du kanske har försökt allt för att optimera webbplatsens prestanda, men den är fortfarande inte i toppklass. Det kan vara ett tecken på att din nuvarande WordPress-webbplatsdesign är för tung och att du behöver göra den mer lättviktig.

Samma sak gäller för mobilvänlighet. Du kanske har provat olika tips för responsiv design, men din webbplats fungerar fortfarande inte bra på mobila enheter. Det kan bero på att ditt nuvarande tema helt enkelt är för gammalt och att du behöver byta till ett mer mobilvänligt tema.

Om din webbplats inte längre representerar ditt varumärke eller dina erbjudanden på ett korrekt sätt bör du överväga en omdesign. Vi har nyligen förnyat WPBeginners hemsida för att bättre återspegla vår expertis och auktoritet inom WordPress.

Sist men inte minst, om din webbplats inte förvandlar besökare till kunder eller prenumeranter så effektivt som den borde, kan en ny design bidra till att förbättra ditt resultat och stärka din närvaro på nätet.

Om du kryssar i några eller alla av dessa rutor, oroa dig inte. I nästa avsnitt kommer vi att gå igenom vår checklista för omdesign av WordPress-webbplatser. Vi kommer att täcka vad du behöver göra före, under och efter designprocessen.

Använd gärna snabblänkarna nedan för att navigera genom stegen:

1. Samla in data om webbplatsens prestanda

Du kanske tänker: ”Jag vet redan att jag förlorar trafik och konverteringar, så varför behöver jag samla in data om webbplatsens prestanda innan jag gör om WordPress?

Tja, det är viktigt att bekräfta dessa frågor med hårda data. Dessutom, när du gör om din WordPress-webbplats, vill du veta om dina ansträngningar lönar sig.

Genom att samla in prestandadata från din nuvarande webbplats skapar du riktmärken att jämföra med efter omdesignen. På så sätt kan du mäta om din nya design faktiskt leder till bättre resultat.

För att göra denna process enklare rekommenderar vi att du använder MonsterInsights plugin för Google Analytics. Vi har använt verktyget i stor utsträckning för att förbättra prestandan på våra webbplatser. Vi skrev till och med en fullständig recension av MonsterInsights.

Med detta plugin kan du ansluta din WordPress-webbplats till Google Analytics, vilket ger dig tillgång till viktiga prestandamätvärden direkt i din WordPress-instrumentpanel.

För en omdesign av en WordPress-webbplats föreslår vi att du kontrollerar och använder dessa marknadsföringsdatapunkter som riktmärken:

• Totaltrafik – Det totala antalet besökare på din webbplats. Det kan hjälpa dig att förstå webbplatsens räckvidd och om redesignen förbättrar den övergripande synligheten.
• Avvisningsfrekvens – Procentandelen besökare som lämnar webbplatsen efter att bara ha tittat på en sida. Det kan berätta om din nya design engagerar användarna bättre och förbättrar webbplatsens hastighet.
• Konverteringsgrad – Procentandelen besökare som slutför en önskad åtgärd (som att göra ett köp eller registrera sig). Du kan avgöra om redesignen förbättrar webbplatsens effektivitet när det gäller att uppnå sina mål.
• Sidor med bäst resultat – Vilka sidor besökarna tittar på oftast, vilket hjälper dig att skydda populärt innehåll under omarbetningen och förstå vad din publik gillar.
• Bästa trafikkällor – Varifrån kommer dina besökare (sökmotorer, sociala medier etc.), vilket hjälper dig att utforma din nya webbplats så att den bättre tillgodoser dessa kanaler och bibehåller eller förbättrar trafikflödet.
• Genomsnittlig sessionslängd – Hur länge besökare brukar stanna på din webbplats så att du kan se om omarbetningen gör ditt innehåll mer värdefullt för användarna.
• Sidvisningar per session – Hur mångasidor en besökare brukar visa. Det kan indikera om din nya design förbättrar navigeringen och uppmuntrar användarna att utforska mer innehåll.
• Mobile vs desktop traffic split – Andelen besökaresom använder mobila enheter jämfört med stationära datorer. Du kan använda den här informationen för att styra dina omdesigninsatser och tillgodose de mest använda enheterna.

Du kan läsa mer i vår artikel om de viktigaste mätvärdena som du måste följa upp på din WordPress-webbplats.

Med MonsterInsights kan du också använda funktionen ”Conversations AI” för att få snabba svar om dina data.

Du kan till exempel fråga: ”Vad var min konverteringsfrekvens under den senaste månaden? Den här funktionen gör det enkelt att få tillgång till den information du behöver utan att behöva dyka djupt ner i komplexa analysrapporter.

2. Gör en WordPress-webbplatsgranskning

Innan du börjar designa om WordPress måste du förstå de åtgärder och faktorer som ledde till de prestandamätvärden som du samlade in i föregående steg. På så sätt kan du fatta välgrundade beslut om vad som ska ändras och vad som ska behållas.

För att få dessa insikter måste du genomföra en webbplatsrevision, vilket är en serie åtgärder som du gör för att förstå användarupplevelsen på din befintliga webbplats.

Vi rekommenderar att du ber om dina användares åsikter direkt så att du kan förstå deras behov, preferenser och smärtpunkter direkt från källan.

Pluginet UserFeedback är ett utmärkt verktyg för detta, så att du kan lägga till enkäter på din webbplats och snabbt samla in besökarnas åsikter. Vi använder pluginet på våra egna webbplatser, och du kan lära dig mer i vår fullständiga UserFeedback-recension.

Du kan kolla in vår omfattande guide för att lära dig mer om hur du samlar in feedback om webbplatsdesign i WordPress. Vi har också sammanställt en lista med frågor om feedback på användarupplevelsen som du kan ställa till dina webbplatsbesökare.

Du bör också utvärdera din användarresa. Besökare följer vanligtvis förutsägbara steg innan de gör ett köp eller skickar in ett formulär, och det kan finnas hinder i deras resa.

Om du använder MonsterInsights kan tillägget User Journey hjälpa dig att spåra kundresor på populära WordPress e-handelsplattformar som WooCommerce, Easy Digital Downloads och MemberPress.

I WooCommerce kan du till exempel visa en användares hela resa, inklusive alla interaktioner, tider och varaktigheter.

Mer information finns i våra guider om att aktivera kundspårning i WooCommerce och spåra kundresan med hjälp av MemberPress .

För webbplatser som fokuserar på leadgenerering är det en bra lösning att använda WPForms tillsammans med User Journey-tillägget. Det visar den hänvisningskälla som förde användarna till din webbplats och den väg de tog innan de skickade in ett formulär.

Denna information hjälper dig att förstå vilket innehåll som engagerar användarna mest effektivt. Läs mer i vår kompletta guide om hur du spårar användarnas resa i WordPress lead-formulär.

Heatmap-verktyg är en annan viktig del av din granskning av webbplatsens utveckling. De visar visuellt hur besökare navigerar på dina sidor och ger insikter som rådata inte kan ge.

Vi rekommenderar personligen Microsoft Clarity, som vi använder på många av våra varumärkeswebbplatser. Det är ett gratisverktyg som erbjuder värmekartor, scrollspårning och klickspårning.

Om du vill komma igång med Clarity kan du läsa vår guide om hur du installerar Microsoft Clarity Analytics i WordPress.

3. Besluta om du vill hålla din webbplats live eller sätta den i underhållsläge

Ett av de viktigaste besluten du måste fatta när du gör om WordPress är om du ska arbeta med din live-webbplats eller sätta den i underhållsläge. Detta val kan ha en betydande inverkan på användarupplevelsen och sökmotorrankingen under redesignprocessen.

Här är några frågor som du kan ställa dig själv för att hjälpa dig att fatta rätt beslut:

• Hur omfattande är din redesign? Ska du till exempel bara ändra startsidan eller göra om hela webbplatsen?
• Hur lång tid kommer redesignen att ta? Är det en snabb uppdatering som du kan göra på några dagar, eller en stor förändring som tar flera veckor?
• Kan din webbplats vara offline ett tag? Fundera på om ditt företag klarar av att ligga nere under en tid.
• Hur många besökare får din webbplats? En webbplats med hög trafik kommer att drabbas hårdare av driftstopp än en mindre, personlig blogg.
• Kommer du att ändra hur din webbplats är uppbyggd? Uppdaterar du bara hur den ser ut, eller flyttar du runt saker och ändrar webbadresser?
• Driver din webbplats viktiga delar av ditt företag? Har du till exempel en webbutik som måste vara öppen, eller är din webbplats främst avsedd för information?

I allmänhet rekommenderar vi att du behåller din webbplats live under omarbetningen, särskilt om processen kommer att ta ett tag och/eller om din affärsverksamhet kommer att påverkas avsevärt av driftstopp. Det är också ett bra alternativ om du inte vill att webbplatsens SEO ska påverkas.

I det här fallet måste du skapa en staging-webbplats eller en lokal utvecklingsmiljö. Detta gör att du kan experimentera med din omdesign utan att påverka din live-webbplats.

En staging-webbplats är i princip en kopia av din live-webbplats där du kan göra ändringar på ett säkert sätt. Nuförtiden erbjuder många hostingleverantörer staging-funktioner med ett klick, inklusive SiteGround (där vi hostar WPBeginner).

Mer information hittar du i vår guide om hur du skapar en staging-miljö för WordPress.

Alternativt kan du överväga en lokal utvecklingswebbplats. Det här alternativet innebär att du skapar en kopia av din webbplats på din egen dator, vilket ger ännu mer integritet och snabbare utvecklingstider.

Vi rekommenderar att du använder verktyget Local WP för detta ändamål, som många av våra teammedlemmar använder för att testa nya funktioner. Du kan läsa mer om detta i vår artikel om hur du installerar WordPress lokalt på Windows och Mac.

Om din redesign är relativt snabb och inte kommer att störa kritiska affärsfunktioner kan det vara acceptabelt att sätta din webbplats i underhållsläge under en kort period. Med detta sagt bör du vara medveten om riskerna.

Att sätta din webbplats i underhållsläge kan påverka din SEO och kan kräva att du ställer in några omdirigeringar. Det här är inte ett stort problem för små, personliga webbplatser, men det kan vara knepigt för större webbplatser med många besökare.

Vår föredragna metod är att använda SeedProd sidbyggare. Förutom att aktivera underhållsläget för din WordPress-webbplats kan du skapa en snygg sida för att berätta för besökarna om dina kommande ändringar och till och med generera leads genom att skapa en landningssida för väntelistor.

Dessutom kan den berätta för sökmotorer att din webbplats bara är tillfälligt nere genom att skicka en speciell signal som kallas 503-status, vilket är vad Google föreslår att du gör.

Om du är intresserad av det här alternativet kanske du vill kolla in vår fullständiga SeedProd-recension.

4. Välj en metod för omdesign av WordPress

När det gäller att designa om din WordPress-webbplats har du tre huvudalternativ: att anpassa ditt befintliga tema, välja ett nytt tema och anpassa det eller anlita en professionell WordPress-designtjänst.

Låt oss utforska varje metods för- och nackdelar för att hjälpa dig att bestämma vilken som är bäst för din redesignprocess.

Alternativ 1: Anpassa befintligt tema

Bäst för: Webbplatsägare som i stort sett är nöjda med sin nuvarande design men som vill uppdatera utseendet eller lägga till nya funktioner.

Fördelar med att anpassa ditt befintliga WordPress-tema:

• Bekant med den nuvarande installationen
• Potentiellt snabbare, enklare och mer prisvärd
• Upprätthåller enhetlighet för regelbundna besökare

Nackdelar med att anpassa ditt befintliga WordPress-tema:

• Begränsas av befintlig temastruktur

Om du vill hålla dig till ditt nuvarande tema men vill få fler anpassningsalternativ rekommenderar vi att du använder plugins som CSS Hero och WPCode.

CSS Hero är ett plugin för visuell CSS-redigerare som låter dig anpassa ditt WordPress-temas CSS visuellt. Det innebär att du inte behöver röra någon kod för att ändra temat, men alla ändringar du gör kommer att påverka dess CSS.

Du kan lära dig mer om pluginet i vår CSS Hero recension.

Å andra sidan är WPCode ett kodsnuttsplugin som låter dig lägga till anpassade kodsnuttar till ditt tema utan att hantera temafilerna direkt. När det finns ett fel i koden kommer pluginet att inaktivera det, och ditt tema kommer inte att påverkas.

Det bästa är att det kan bevara dina kodändringar även när ditt tema uppdateras, så att du inte förlorar dina anpassningar.

Du kan läsa vår WPCode-recension för mer information.

Om du behöver lite inspiration om vad du kan göra för att anpassa din nuvarande webbplats, här är några artiklar som du kan kolla in:

• Så här utformar du enskilda kategorier på olika sätt i WordPress
• Så här utformar du varje WordPress-inlägg på olika sätt
• Så här lägger du till anpassade stilar i WordPress Widgets
• Så här anpassar du färgerna på din WordPress-webbplats

Alternativ 2: Välj ett nytt tema och anpassa det

Bäst för: De som är ute efter en betydande designförändring utan att behöva betala för en helt anpassad lösning. Eller personer som vill dra nytta av nya temafunktioner.

Fördelar med att använda ett nytt WordPress-tema:

• Nystart med moderna designalternativ
• Tillgång till nya funktioner och layouter
• Potential för förbättrad prestanda på webbplatsen

Nackdelar med att använda ett nytt WordPress-tema:

• Potentiell inlärningskurva med ett nytt tema
• Noggrann installation krävs för att undvika kompatibilitetsproblem

När du väljer ett nytt tema bör du se till att välja ett som är snabbt, responsivt, kompatibelt med dina nuvarande plugins och som stöds regelbundet. Du bör också tänka på dess värde för pengarna och anpassningsalternativ så att du kan redigera din WordPress-webbplats exakt som du vill ha den.

Om du funderar på ett premiumtema kan du läsa vår guide om gratis vs premium WordPress-teman för att hjälpa dig att fatta ditt beslut. Se också till att följa vår guide om hur du ändrar ett WordPress-tema på rätt sätt för att undvika vanliga fel .

För en mer flexibel lösning rekommenderar vi SeedProd, en dra-och-släpp-sidbyggare med dussintals temakit och mallar. Det är också vad vi använder för att designa anpassade landningssidor för oss själva och våra varumärken.

Faktum är att våra vänner på OptinMonster använde SeedProd för att designa om sin landningssida och ökade sina konverteringar med 340%.

Med denna drag-och-släpp-sidbyggare får du ett tema och ett flexibelt verktyg för att anpassa det, så att du kan skapa en unik design utan några tekniska färdigheter. Dessutom får du tillgång till AI-verktyg för att generera innehåll och anpassade bilder för dina sidor.

Du kan lära dig mer om SeedProd i dessa guider:

• SeedProd granskning: Är det rätt WordPress-sidbyggare för dig?
• Så här skapar du enkelt ett anpassat WordPress-tema (utan kod)
• Så här lägger du till en animerad bakgrund i WordPress
• Så här lägger du till roterande vittnesmål i WordPress

Alternativt kan du bläddra i vår lista över de mest populära WordPress-temana.

Alternativ 3: Anlita en tjänst för anpassad WordPress-webbplatsdesign

Bäst för: Företagare eller bloggare som vill ha en unik, professionell design som är skräddarsydd efter deras specifika behov och som inte har tid eller kompetens att skapa den själva.

Fördelar med att anlita en professionell WordPress-designtjänst:

• Unik, professionell design av WordPress-temat
• WordPress-tema som är anpassat efter dina specifika behov
• Inget behov av personliga design- eller kodningskunskaper

Nackdelar med att anlita en professionell WordPress-designtjänst:

• Högre kostnad (läs vår artikel om kostnaderna för ett anpassat WordPress-tema)
• Beroende på formgivarens tidslinje

Om du är trött på standarddesign är det här ett utmärkt alternativ för dig. Utmaningen är naturligtvis att hitta rätt WordPress-designers att arbeta med. Vi har en lista över de bästa WordPress-agenturerna om du vill ha några handplockade rekommendationer.

Med det sagt kanske du vill kolla in våra WPBeginner Pro-tjänster.

För att utforma en anpassad WordPress-webbplats erbjuder vi:

• En särskild projektledare som övervakar omarbetningsprocessen
• Flera revideringar av WordPress-webbplatsens design
• Utbildning för att du ska lära dig att hantera din nya webbplats
• Fullständig WooCommerce-installation för onlinebutiker
• Sökmotor- och prestandaoptimering

Att bygga om en befintlig webbplats börjar på 599 USD, vilket ger dig en responsiv webbplatsdesign på upp till 5 sidor, 2 omgångar av revideringar och analytisk installation.

Se det som en investering i din närvaro på nätet som kan leda till förbättrad användarupplevelse, bättre rankning hos sökmotorerna och i slutändan ökade konverteringar och intäkter för ditt företag.

Om du är osäker kan du boka en kostnadsfri konsultation med vårt team redan idag.

5. Säkerhetskopiera din WordPress-webbplats

Låt oss säga att du redan håller på att designa om din webbplats. Innan du tar den i drift måste du göra ett steg som du inte får hoppa över: säkerhetskopiera din nuvarande WordPress-webbplats.

Här är varför säkerhetskopiering är så viktigt:

• Skydd mot fel – Om något gårfel under övergången kan du enkelt återställa din webbplats.
• Skydd mot bakslag – Om användarna reagerar negativt på den nya designen kan du snabbt återgå till den gamla.
• Bevara viktiga data – Det säkerställer att du inte förlorar något värdefullt innehåll eller inställningar under omarbetningen.
• Lugn i sinnet – När du vet att du har en säkerhetskopia kan du lansera din webbplats med tillförsikt.

Vi rekommenderar att du använder ett backup-plugin som Duplicator för den här uppgiften. Duplicator gör det enkelt att skapa och hantera säkerhetskopior direkt på din webbplats.

När du har skapat backupfilen kan du lagra den på din dator. Eller, för ökad säkerhet, ladda upp den till molnlagringstjänster som Dropbox.

Det är också enkelt attåterställa din webbplats med Duplicator – du kan helt enkelt dra och släppa säkerhetskopian. Pluginet låter dig också ställa in en återställningspunkt, så att du snabbt kan återställa din webbplats till ett tidigare datum om det behövs.

6. Starta din webbplats och gör en ny granskning

I det här skedet är du redo att publicera din nydesignade webbplats och visa den för din publik.

Om du sätter din webbplats i underhållsläge med SeedProd, kan du bara avaktivera det läget så att alla kan komma åt din webbplats. Du kan läsa vår guide om underhållsläge för WordPress för mer information.

Om du har utvecklat din webbplats lokalt kan du läsa vår guide om hur du flyttar WordPress från en lokal server till en live-webbplats.

Om du under tiden har använt en staging-webbplats i din WordPress-hosting kan du helt enkelt använda dess deploy-funktion för att göra din webbplats live. Med Bluehost kan du t.ex. använda Bluehost WordPress-plugin för att distribuera alla dina ändringar med några få klick.

Du kan läsa mer om det i vår guide om WordPress Staging-miljöer.

När din webbplats är live kan du inte slappna av riktigt än. Du måste se till att allt fungerar som det ska.

En sak du måste vara uppmärksam på är dina SEO-inställningar. Om du bestämmer dig för att omstrukturera dina webbsidor måste du ställa in omdirigeringar och uppdatera dina interna länkar så att de återspeglar eventuella URL-ändringar. Annars kommer sökmotorerna inte att kunna genomsöka din webbplats ordentligt.

Den här processen kan ta lång tid, så vi rekommenderar att du använder pluginet All in One SEO (AIOSEO) för detta . Det är också vad vi använder för WPBeginner för att se till att vår webbplats alltid är optimerad för sökmotorer. För mer information, kolla in vår fullständiga All in One SEO-recension.

Du kan använda AIOSEO för att enkelt hitta brutna länkar på hela ditt webbplatsinnehåll. Om det gör det kan du snabbt ersätta den befintliga webbadressen med en ny så att användarna inte får upp en felsida.

AIOSEO låter dig också enkelt ställa in 301-omdirigeringar. Detta kommer att vara praktiskt om din redesign innebär att du omstrukturerar din webbplatshierarki.

Du kan läsa vår nybörjarguide för att skapa 301-omdirigeringar i WordPress för mer information .

Utöver det rekommenderar vi också att du gör en SEO-granskning för att kontrollera om det saknas SEO-titlar, metabeskrivningar, kanoniska länktaggar, SSL-certifikat, hastighetsproblem med mera. Det här är viktiga element som kan göra eller förstöra din synlighet på sökmotorer.

Kolla in vår checklista för SEO-granskning av WordPress för en steg-för-steg-guide.

Slutligen gör du samma kontroller som vi pratade om i steg 2 när vi sa att du skulle göra en webbplatsgranskning. Använd värmekartor och titta på dina Google Analytics-data för att se till att ingen har problem med din nya webbplats.

7. Kontinuerligt underhåll av din WordPress-webbplats

Jobbet som webbplatsägare tar aldrig slut. Även efter att du har lanserat din webbplats måste du fortfarande göra vissa rutinmässiga underhållsuppgifter för att se till att din webbplats inte blir långsam, sårbar för attacker eller börjar visa fel.

Men låt dig inte skrämmas. Vi har en guide som tar upp de viktigaste underhållsuppgifterna för WordPress som du bör göra, från att byta lösenord och uppdatera dina plugins till att granska dina säkerhetsloggar.

Men om du tycker att allt detta är för svårt och du har lite budget över , då rekommenderar vi att du anlitar våra WordPress-underhållsexperter på WPBeginner Pro Services. Du kommer att få:

• 24/7 WordPress-underhåll och support
• Övervakning av drifttid dygnet runt
• Konsekventa uppdateringar av WordPress-kärnan, teman och plugin
• Rutinmässiga säkerhetskopior i molnet och borttagning av skadlig programvara
• Support vid nödsituationer på begäran

Våra underhållstjänster börjar från $57,50 per månad. Även om detta kostar lite pengar kan du tänka på det som att skaffa ett säkerhetsplugin för WordPress, men det här är en riktig person som underhåller din webbplats.

Vi kan upptäcka och lösa komplexa problem som automatiserade verktyg kanske missar och fatta beslut baserat på dina specifika behov och mål för webbplatsen. Om du vill veta mer är du välkommen att boka en kostnadsfri konsultation med oss idag.

Kom ihåg att regelbundet underhåll är nyckeln till att hålla din nyligen omdesignade WordPress-webbplats igång smidigt och säkert. Oavsett om du väljer att göra det själv eller anlita experter, se till att du har en plan på plats för att hålla din webbplats i toppform.

Vi hoppas att den här artikeln har hjälpt dig att lära dig hur du gör om din WordPress-webbplats. Du kanske också vill kolla in vår artikel om saker du måste göra innan du startar ett WordPress-designföretag och våra expertval av de bästa temabyggarpluginsen för WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.