Hur man bygger en hemsida 2020: Komplett steg-för-steg-guide

Ari Denial
19 Augusti 2020

Det kan verka skrämmande att bygga en hemsida – men om du gör det rätt, kan det vara lättare än du tror. Du behöver inte vara expert på webbdesign eller ha många års erfarenhet för att bygga en snygg hemsida. Den behöver inte heller kosta en förmögenhet!

Jag har byggt webbplatser i över tio år och recenserat webbhotell och hemsidebyggare i nästan lika länge.

Det finns två sätt att bygga en hemsida. Det första alternativet är att använda en hemsidebyggare – en plattform som gör det enkelt för alla att bygga en webbplats, även utan tidigare erfarenhet eller tekniska färdigheter.

Det andra sättet är att använda WordPress. Det här kan kräva lite mer arbete, men det är fortfarande ganska enkelt om du är tekniskt lagd, och det ger dig mer flexibilitet.

Jag tänker undersöka båda alternativen i den här guiden, så fortsätt läsa för att ta reda på vilket som är rätt val för dig.

Alternativ 1: Använd en hemsidebyggare

Hemsidebyggare gör det väldigt enkelt att bygga en webbplats. Dessa onlineverktyg kräver ingen kunskap om kodning eller några tekniska färdigheter, och de riktar sig särskilt till nybörjare – även om webbutvecklare ofta använder dem också!

Du kan använda en hemsidebyggare för att skapa en webbplats som ser bra ut på några timmar – eller till och med minuter i vissa fall. De flesta hemsidebyggare är budgetvänliga och erbjuder ibland ett gränssnitt på svenska, och många av dem har gratisabonnemang eller gratis provperioder, så du behöver inte ens ange dina kreditkortsuppgifter för att komma igång.

Webbplatsbyggare har fördesignade mallar som ställer in din hemsidas stil, layout och färgschema. Allt du behöver göra är att välja en och lägga till ditt eget innehåll och bilder.

Olika byggare erbjuder olika metoder för att bygga och redigera din hemsida. Jag föredrar personligen drag-och-släpp-redigering, eftersom det ger dig mer kontroll över layouten. Du kan placera element var du än vill eller lägga till nya element bara genom att dra dem på rätt plats.

Vissa byggare erbjuder ett urval av appar att välja mellan. Detta är ett enkelt sätt att lägga till funktionalitet – du kan ha ett nyhetsbrev, ett bokningssystem för möten, en chatt eller i princip allt annat du kan tänka dig, vanligtvis utan extra kostnad.

Det finns gott om hemsidebyggare där ute, även om vissa är mycket bättre än andra. Min personliga favorit är Wix, eftersom den erbjuder hundratals mallar, stor flexibilitet och med massor av gratis appar (och många som kostar). Kolla in vår guide till de bästa hemsidebyggarna för fler utmärkta val.

Att använda en hemsidebyggare: Steg-för-steg-guide

1. Bestäm vilken typ av hemsida du vill bygga

En hemsidebyggare låter dig skapa i princip vilken slags hemsida som helst. Du kanske vill skapa en personlig hemsida, en blogg, en portfolio eller ett CV. Du kan skapa en webbplats för ditt företag eller bygga en nätbutik för att sälja dina produkter eller tjänster.

Naturligtvis behöver en webbplats inte ha ett enda syfte. Du kanske vill skapa en företagshemsida som också har en portfolio med ditt arbete och en nätbutik. Med rätt webbplatsbyggare är möjligheterna oändliga.

2. Välj rätt hemsidebyggare för dina behov

Vissa hemsidebyggare är specialiserade på särskilda aspekter av webbplatsbyggnad, så du måste veta att byggaren du väljer erbjuder allt du behöver. Som exempel: medan de flesta byggare låter dig ha en nätbutik på din webbplats, är byggare som Shopify specifikt utformade för e-handel. Å andra sidan är allmänna funktioner, till exempel bloggning, mycket begränsat.

Den mest flexibla hemsidebyggaren är Wix, eftersom den kan göra vad som helst! Den har utmärkta e-handelsfunktioner och massor av appar, och drag-och-släpp-redigeraren ger dig full kontroll över hur din webbplats ser ut. Den är vårt förstahandsval, och jag kommer att använda den för att demonstrera stegen för att bygga din hemsida i den här guiden. De flesta webbplatsbyggare har en liknande byggprocess.

En av de bästa sakerna med Wix är att sidan finns på svenska. Du kan bygga din webbplats enkelt, eftersom hela gränssnittet är på svenska.

Våra rekommendationer för hemsidebyggare

Är du osäker på vilken byggare du ska välja? Här är några rekommendationer för olika ändamål.

  • Om du bygger en hemsida för ett litet till medelstort företag är Wix min rekommendation för sin flexibilitet och funktionalitet. Den har ett utmärkt gratisabonnemang som du kan använda för att bygga en fullt fungerande webbplats (även om det finns vissa begränsningar).
  • Om du är kreativ – fotograf, designer eller författare – då är Squarespace det bästa valet, med sina högkvalitativa mallar för att visa upp ditt arbete.
  • Om du inte har någon teknisk erfarenhet och du vill göra lite allt möjligt – blogga, visa upp ditt arbete eller till och med sälja online – är Weebly en bra mångsidig tjänst med fantastiska e-handelsfunktioner.
  • Om du vill ta din nätbutik till nästa nivå, kan det inte gå snett med Shopify. Denna lättanvända plattform har hundratals appar och massor av verktyg som hjälper dig att öka din försäljning.

3. Välj ett abonnemang

De flesta hemsidebyggare har ett gratisabonnemang eller åtminstone en gratis provperiod. Om du inte har kommit igång med din hemsida eller har en liten budget, kan ett gratisabonnemang vara den bästa lösningen. Gratisabonnemang ger dig chansen att prova en hemsidebyggare utan att investera något i förväg, och du förlorar inga pengar om du bestämmer att det inte är för dig.

Nackdelen med gratisabonnemang är att de har många begränsningar. Om du använder din hemsida för ditt företag behöver du definitivt ett eget domännamn (dittföretag.se) som är lätt för dina kunder att komma ihåg, och med gratisabonnemang får du bara använda en underdomän (till exempel användarnamn.wixsite.com/dittföretag) . Ett gratisabonnemang innebär också att din webbplats visar byggarens varumärke, och det kan se oprofessionellt ut.

Gratisabonnemang begränsar oftast mängden trafik du kan få, och du kanske inte kan installera appar eller få tillgång till e-handelsfunktioner. Om du menar allvar med din hemsida är det troligt att du måste uppgradera till ett betalabonnemang.

När det gäller att välja abonnemang är det bra om du vet vilken typ av webbplats du vill bygga, för att du ska kunna välja det bästa abonnemanget för både din budget och dina behov. Som exempel:

  • Om du vill sälja något på nätet borde du välja ett specifikt e-handelsabonnemang (eller ett abonnemang som åtminstone stöder e-handel). Wix har allmänna abonnemang och abonnemang för företag och e-handel att välja mellan, men du kan bara acceptera betalningar online med ett av företags- eller e-handelsabonnemangen.
  • Om du vill lägga upp många videor på din webbplats, måste du välja ett abonnemang med mycket lagring och bandbredd.

Det är en god idé att välja det billigaste abonnemanget som ger dig alla funktioner du behöver för stunden, eftersom du alltid kan uppgradera till ett dyrare i framtiden.

4. Kom igång: Välj en mall

Det första steget i processen är alltid att välja en mall för din nya webbplats. Alla hemsidebyggare använder mallar (vissa kallar dem teman, men termerna betyder samma sak) som din hemsidas byggstenar. Mallarna är professionellt utformade för att se bra ut på alla typer av enheter, och de låter dig få upp din hemsida på relativt kort tid.

Mallen anger din hemsidas stil och allmänna layout (även om du kan anpassa den senare), vilket ger dig ett ramverk där du enkelt kan lägga till ditt eget innehåll.

De flesta webbplatsbyggare har mallbibliotek som du till och med kan bläddra i innan du registrerar dig. Mallarna är ordnade i kategorier, som du kan se i skärmdumpen från Wix mallgalleri. Du kan välja vilken mall du vill, men kategorierna innehåller mallar som är utformade specifikt för olika typer av hemsidor, till exempel fotografering, företag, musik eller en portfolio.

List of all Wix template categories

5. Anpassa din mall

Du måste inte göra några anpassningar på din hemsidas mall efter att du har valt den – men anpassning gör din webbplats till din egen och skiljer den från andra med samma mall. Som exempel: du kanske vill anpassa färgerna och teckensnitten som används i din mall för att matcha ditt företags varumärke.

Det är verkligen lätt att anpassa. Olika webbplatsbyggare har lite olika redigerare (och därför varierar anpassningsprocessen), men processen som jag kommer att visa med Wix liknar andra webbplatsbyggare.

Byta teckensnitt

För att ändra teckensnitt på din hemsida hos Wix behöver du bara klicka på texten du vill ändra och klicka på knappen Redigera text. Du kan redigera varje textruta separat eller använda alternativet Spara tema för att tillämpa dina teckensnittsändringar på hela webbplatsen.

Wix låter dig välja olika teckensnitt för olika texttyper – du kan till exempel välja ett teckensnitt för Rubrik 5 att använda som huvudrubriker och ett annat teckensnitt för Rubrik 6 som styr underrubrikerna (i mallen jag demonstrerar med nedan). Du kan också ha ett annat teckensnitt för stycken om du vill.

Hur man bygger en hemsida 2020: Komplett steg-för-steg-guide

Vissa byggare låter dig bara ändra typsnitt för hela hemsidan, snarare än för enskilda rubriker. Men i allmänhet rekommenderar jag att du ger din hemsida en konsekvent stil ändå.

Ändra färger

Wix låter dig ändra färg på dina teckensnitt enkelt i rutan med textinställningar, men det är lika enkelt att ändra färgen på andra element, till exempel kolumnbakgrunder. Du kan använda en fast bakgrund med hjälp av färgväljaren som visas i skärmdumpen nedan.

Wix fördefinierar kompletterande färgpaletter så att de matchar ditt tema, men du kan enkelt ändra färgpalett med alternativet “ändra dina webbplatsfärger”. Du kan också lägga till dina egna färger för att matcha med ditt varumärke.

Hur man bygger en hemsida 2020: Komplett steg-för-steg-guide
Wix har enkla alternativ för att ändra färger och bakgrunder

Flytta runt element på dina sidor

Med en drag-och-släpp-redigerare som Wix är att ordna innehållet på dina webbsidor bara en fråga om att dra det från en plats till en annan. Detsamma gäller för andra drag-och-släpp-redigerare, fast andra redigerare kan erbjuda en upp/ned-knappmetod för att flytta runt sektioner på dina webbsidor.

En bra funktion i Wix är funktionen Zooma ut och ordna om. Detta gör att du kan se hela webbsidan och enkelt flytta runt sektioner eller element på sidan. Skärminspelningen nedan visar hur lätt det är att flytta innehåll med det här verktyget.

Rearranging sections in Wix editor
Jag använder Wix drag-och-släpp-redigerare för att ordna om sektioner

6. Lägg till ditt eget innehåll

För att lägga till ditt eget innehåll behöver du bara ersätta den temporära texten och bilderna i din webbplats mall med din egen. Det är riktigt enkelt, men det kan ta lite tid om du har mycket innehåll!

Om du inte har egna bilder erbjuder de flesta hemsidebyggare någon form av bildbank som låter dig lägga till gratisbilder direkt på din webbplats.

Hur man lägger till text

Du kan lägga till nya textsektioner på dina webbsidor med bara några klick. I Wix använder du verktyget Lägg till i verktygsfältet till vänster och väljer sedan Text i poppuppmenyn.

Om du vill ställa in alla dina textområden på en gång och sedan gå tillbaka och lägga till ditt innehåll, kan du använda en gratis Lorem Ipsum-genererare för att skapa en platshållare att använda tills du är redo att lägga till din egen text.

Hur man bygger en hemsida 2020: Komplett steg-för-steg-guide

Hur man lägger till en bild

Precis som det var med att lägga till text på din webbplats är det otroligt enkelt att lägga till bilder. I Wix öppnar du menyn Lägg till, väljer Bild (direkt under Text) och väljer sedan bland bildkällorna. Du kan ladda upp dina egna bilder, använda Wix gratisbilder och -illustrationer, söka i databasen med Unsplash-bilder eller välja premiumarkivbilder från Shutterstock (mot en extra avgift). Sedan placerar du bara bilden där du vill ha den på din sida.

Du kan också använda verktyget Lägg till bild för att lägga till en logo på din webbplats. Jag har några råd om logotyper senare i den här artikeln.

Om du använder gratisbilder från Wix eller Unsplash är dessa eventuellt redan optimerade – vilket betyder att de har komprimerats för mindre filstorlek så att de inte saktar ner din webbplats. Om du använder dina egna bilder är det dock en god idé att minska filstorleken på dem innan du laddar upp dem. Det är lätt att göra med ett gratisverktyg som Bildkomprimeraren.

Hur man bygger en hemsida 2020: Komplett steg-för-steg-guide
Wix erbjuder flera sätt att lägga till bilder på din webbplats

Så här lägger du till en sida på din webbplats

Webbplatsbyggarnas mallar innehåller vanligtvis flera fördesignade sidor, till exempel Hem, Om och Kontakt. Om du vill lägga till fler sidor – sidan Tjänster till exempel – kan du göra det genom att klicka på knappen Webbplatsmeny överst i verktygsfältet till vänster och välja knappen Lägg till sida längst ner i poppuppmenyn.

Hur man bygger en hemsida 2020: Komplett steg-för-steg-guide
Det kunde inte vara enklare att lägga till en ny sida i Wix

När du lägger till nya sidor på din webbplats visas de automatiskt i navigationsmenyn.

7. Lägg till appar

Alla hemsidebyggare har inte appar, men Wix har hundratals att välja mellan. Många av dem är gratis, och till och med apparna som kostar har vanligtvis en gratisversion. Du kan använda appar för att enkelt lägga till extrafunktioner på din webbplats inom några minuter. Du kan till exempel lägga till funktioner som onlinebokning, chatt, nyhetsbrevsregistrering, integration av sociala medier och mycket mer.

Wix App Market

Det är superenkelt att lägga till en app på din Wix-hemsida. Klicka bara på ikonen App Market (direkt under Lägg till) i verktygsfältet, så öppnas Wix App Market i ett poppuppfönster. Du kan söka efter en specifik app, bläddra i kategorierna för att hitta nya idéer eller låta Wix föreslå appar för din typ av webbplats.

Hur man bygger en hemsida 2020: Komplett steg-för-steg-guide
Wix föreslår appar som passar din typ av hemsida

När du hittat appen du vill ha klickar du bara på knappen + Lägg till och bekräfta på nästa skärm att du vill använda appen på din webbplats.

Hur man bygger en hemsida 2020: Komplett steg-för-steg-guide
Installera appar med några klick direkt i Wix App Market

När appen väl är installerad är den tillgänglig på din hemsida omedelbart. I det här exemplet lade jag till appen Contact Collection för att samla prenumerationer på e-postlistor, och jag hade ett registreringsformulär för mitt nyhetsbrev på min webbsida inom 30 sekunder!

8. Välj ett domännamn

Innan du lägger upp din hemsida måste du välja ett domännamn. Om du har ett gratisabonnemang har du faktiskt inte mycket till val, eftersom du måste använda en underdomän (till exempel dittanvändarnamn.wixsites.com/dinhemsidasnamn). Om du registrerar dig i ett år kommer de flesta byggare att ge dig ett eget domännamn gratis det första året.

Du kan registrera ett domännamn direkt via din hemsidebyggare, så konfigureras det automatiskt åt dig, vilket betyder att allt du behöver göra är att välja det bästa domännamnet för din webbplats. Det finns mycket att tänka på när man väljer domännamn, så stressa inte med det! Ett av de största problemen är att domännamnet du vill ha är upptaget.

Vi har en praktisk guide till att välja domännamn med många tips och tricks – missa den inte!

9. Förhandsgranska och lägg upp din hemsida

När du väl har lagt till allt innehåll och valt domännamn är det dags att få upp din hemsida på nätet. I de flesta webbplatsbyggare handlar det bara om att klicka på en knapp (eller två).

Innan du klickar på Publicera är det en god idé att använda alternativet Förhandsvisning för att se till att du är nöjd med hur hemsidan ser ut. Du kan naturligtvis gå tillbaka och göra ändringar på din webbplats när som helst, men genom att förhandsgranska kan du se hemsidan på samma sätt som dina besökare kommer att göra utan alla verktyg i redigeraren.

De flesta byggare låter dig också förhandsgranska mobilversionen av din hemsida för att se till att den ser bra ut på alla enheter.

Site published pop-up in Wix
Du kan se och dela din hemsida enkelt när den väl är uppe

Din hemsida åker upp på nätet när du klickar på Publicera, och du kan nu börja marknadsföra den!

Jämförelsetabell för hemsidebyggare

HemsidebyggareGratisabonnemangDrag & släppAppar / IntegrationerMallarTillgängligt på svenskaStartpris
WixÖver 500$0.00Läs recension >>
SITE123Över 180$0.00Läs recension >>
SquarespaceÖver 60$12.00Läs recension >>
JimdoÖver 100$0.00Läs recension >>
WeeblyÖver 50$0.00Läs recension >>
SimpleSiteÖver 30$0.00Läs recension >>
VolusionÖver 40$26.00Läs recension >>
ShopifyÖver 70$29.00Läs recension >>
BigCommerceÖver 140$29.95Läs recension >>

Vanliga frågor om hemsidebyggare

Vilken hemsidebyggare är enklast att använda?
Det finns flera hemsidebyggare som är väldigt lätta att använda, till exempel Weebly och SITE123. Men Wix är mitt val som den enklaste webbplatsbyggaren att använda, eftersom den inte bara är enkel – den har också fler funktioner än de andra byggarna.

Kommer min hemsida att visas på Google och andra sökmotorer?
Ja, din hemsida kommer att synas i sökmotorresultaten. Alla hemsidebyggare erbjuder funktioner som hjälper din webbplats att rankas högre i sökresultaten.

I vissa fall kan du bara lägga till egna metatitlar och -beskrivningar, vilket hjälper sökmotorer och potentiella besökare att veta vad dina webbsidor handlar om.

Andra webbplatsbyggare ger dig mer avancerade verktyg för SEO (sökmotoroptimering). Med Wix får du till exempel SEO Wiz, en verktygssats som ger dig personliga SEO-rekommendationer och steg-för-steg-instruktioner till hur du får din webbplats att synas.

Ser min hemsida bra ut på mobila enheter?
Det enkla svaret på denna fråga är ”ja”. De flesta hemsidebyggare ger dig antingen mallar som är mobilresponsiva (vilket betyder att din webbplats anpassas till skärmstorleken automatiskt på mobila enheter) eller har en redigerare med mobilvy, så att du kan redigera mobilversionen av din webbplats separat. Om du vill kontrollera att din hemsida är mobilresponsiv kan du använda det kostnadsfria Responsivitetsverktyget.

Behöver jag en e-handelsbyggare?
Det beror helt på hur många produkter du planerar att sälja. Om du till exempel huvudsakligen tänker blogga eller skapa innehåll, men också vill kunna sälja några produkter, är en vanlig hemsidebyggare med e-handelsfunktioner det bättre alternativet.

Detta beror på att e-handelsbyggare i allmänhet är så fokuserade på att sälja så att deras bloggverktyg inte är vidare bra. Wix ger dig det bästa från båda världar, med fantastiska verktyg för att skapa innehåll och en god uppsättning e-handelsverktyg.

Men om du planerar att sälja många produkter i en nätbutik, skulle jag definitivt rekommendera en e-handelsbyggare som Shopify. E-handelsbyggare har kraftfullare försäljningshanteringsverktyg, och vissa låter dig även sälja via Instagram och Facebook.

Kan jag anlita någon att bygga min hemsida åt mig?
Ja, det kan du verkligen! Om du inte har tid att bygga din egen webbplats eller bara vill att ett proffs tar hand om det åt dig, kan du anlita en webbdesigner för så lite som fem dollar på Fiverr , den bästa marknadsplatsen för att hitta frilansare till ett lågt pris.

Alternativ 2: WordPress

Hemsidebyggare är det absolut enklaste sättet att få upp din hemsida på nätet, men de kan vara lite dyrare än att använda WordPress med ett webbhotell. Om du letar efter ett budgetvänligt alternativ och är okej med en lite mer teknisk byggnadsprocess, är WordPress ett bra alternativ som ger dig mycket flexibilitet.

Det finns två versioner av WordPress: WordPress.com, som är en förenklad version, och det egenhostade WordPress. I det här avsnittet kommer jag att diskutera WordPress med egen hosting.

WordPress är inte lika enkelt att använda som en hemsidebyggare, men det är fortfarande ganska enkelt att komma igång med – och det enorma utbudet av gratismallar och insticksprogram ger dig nästan obegränsat med alternativ för att anpassa din webbplats. Du behöver inte veta hur man kodar eller ha mycket erfarenhet för att bygga en snygg webbplats med WordPress.

Och dessutom finns WordPress på svenska, vilket innebär att du kan bygga din webbplats enkelt.

Om du hellre vill att ett proffs ska bygga din WordPress-hemsida åt dig, kan du alltid anlita en utvecklare på Fiverr för så lite som fem dollar. Läs mer om detta nedan.

Steg-för-steg-guide

1. Välj ett abonnemang

Även om WordPress själv är 100 % gratis, måste du registrera dig för deras hosting för att få upp din webbplats på nätet (till skillnad från webbplatsbyggare där webbhotellet ingår i abonnemangen). För expertråd kan du kolla in vår lista över de bästa webbhotellen.

Det finns många webbhotell att välja mellan – men det finns några få som fått våra experters godkännande.

Våra bästa webbhotellrekommendationer för WordPress-hemsidor

  • InterServer – InterServer är med sina låga månatliga priser och prislåsgaranti en utmärkt lösning om du har ett företag som växer. Eftersom deras servrar finns i USA, kan det ge en amerikansk målgrupp riktigt bra laddningshastigheter.
  • Hostinger – Som ett av de billigaste webbhotellen är Hostinger perfekt om du har en budget. Du får utmärkta laddningshastigheter (och vi har testat det noggrant), och ett enkelt WordPress-installationsprogram med ett klick kommer med deras grundläggande delade hostingabonnemang. Om du väljer administrerad WordPress-hosting kommer du att dra nytta av förbättrad säkerhet och servrar som är optimerade för WordPress.
  • A2 Hosting – A2 Hosting erbjuder vanlig delad hosting eller administrerad WordPress-hosting och är ett “grönt” webbhotell som jobbar på att minska sitt koldioxidavtryck. Det har goda hastigheter och är också bra för säkerhet, med det egna gratisverktyget HackScan som detekterar och tar bort hot.
  • Siteground – SiteGround är ett prisvärt webbhotell för WordPress med några särskilda WordPress-funktioner, till exempel insticksprogram som kan öka din sidas hastigheter. SiteGround utmärker sig också i säkerhet.
  • WP Engine – Då de bara erbjuder WordPress-hosting, drivs WP Engine av WordPress-experter. De erbjuder fantastisk prestanda, automatiserade SSL:er och coola funktioner som iscensättningsmiljöer – så att du kan göra ändringar på din webbplats utan att påverka den som är uppe.

Det finns några funktioner du vill hålla utkik efter när du väljer webbhotell för din WordPress-webbplats:

  • SSL-certifikat Ett SSL-certifikat gör din webbplats säker och ser till att den har den lilla hänglåsikonen i webbläsarens adressfält. De flesta webbhotell ger dig en gratis. När din webbplats är uppe kan du kontrollera att SSL-certifikatet fungerar korrekt med SSL-kontrollerarverktyget.
  • WordPress-optimering. De bästa webbhotellen för WordPress har specialoptimerade servrar för att förbättra prestandan, så dina webbsidor laddas snabbare.
  • Säkerhetsfunktioner. Vissa webbhotell tar extra betalt för väsentlig säkerhet, så du borde försöka hitta en som ger dig viktiga funktioner som virusskydd, brandväggar och automatisk säkerhetskopiering.

2. Välj ett domännamn

Att välja domännamn går i stort sett till på samma sätt som att välja webbplatsbyggare. Vissa webbhotell ger dig ett gratis domännamn med ett årligt abonnemang, men alla gör inte det. Om du väljer ett webbhotell som inte erbjuder ett gratis domännamn, kan det vara billigare att köpa domännamnet från en tredje part snarare än via ditt hotell, eftersom du kan få ett domännamn för så lite som en dollar på vissa domänmarknadsplatser.

3. Använd ett installationsprogram med ett klick för att installera WordPress

Vissa webbhotell har abonnemang med WordPress förinstallerat. Få inte panik om ditt abonnemang inte har det – du kan använda ditt webbhotells installationsprogram med ett klick.

Tekniskt sett krävs det mer än ett klick, men på några klick konfigurerar de alla skript och databaser som behövs för att få WordPress att fungera på din hemsida. Allt du egentligen behöver göra är att ange ett användarnamn och lösenord som du vill använda för att logga in på WordPress när installationen är klar.

Olika webbhotell kan använda olika installationsprogram med ett klick, men de är i stort sett samma, och alla är otroligt enkla att använda.

Hur man bygger en hemsida 2020: Komplett steg-för-steg-guide
De flesta installationsprogrammen för WordPress liknar det här från SiteGround

4. Få åtkomst till WordPress via ditt webbhotells kontrollpanel

Sättet du kommer åt WordPress kan variera beroende på webbhotell, men i de flesta fall finns det en sektion i ditt webbhotell där du hanterar din WordPress-webbplats.

Jag tänker demonstrera detta med SiteGround. I skärmdumpen nedan kan du se att det finns en knapp för att automatiskt logga in på min WordPress-hemsidas kontrollpanel. Du måste kanske ange ditt användarnamn och lösenord till WordPress för att logga in hos andra webbhotell.

Hur man bygger en hemsida 2020: Komplett steg-för-steg-guide
SiteGround erbjuder ett inloggningsalternativ med ett klick till din WordPress-kontrollpanel

Första gången du startar WordPress kan kontrollpanelen verka lite överväldigande, men det är faktiskt riktigt enkelt att använda. Nedan visas en skärmdump av kontrollpanelen med alla viktiga element märkta.

Hur man bygger en hemsida 2020: Komplett steg-för-steg-guide
Kontrollpanelen för WordPress är lätt att använda när du väl vet var allt är!

WordPress använder en del jargong som skiljer sig från webbplatsbyggare, så för att göra det enkelt är här en kort sammanfattning av de olika delarna i WordPress kontrollpanel:

WordPress ElementVad den görMotsvarar hemsidebyggare
InläggVisa, redigera och lägg upp nya inlägg på din hemsida (mer information om inlägg och sidor nedan)Blogg
MediaVisa, redigera och ladda upp nya bilder och andra mediatyper (till exempel videor)Galleri
SidorVisa, redigera och lägg till nya sidor på din hemsidaSidor
TemainstallationSe befintliga teman, sök efter gratisteman från WordPress arkiv eller lägg till teman från tredje partMallar
AnpassareAnpassa din hemsidas färger, typsnitt, layout med mera (beroende på tema) med en förhandsvisning av hur dina förändringar kommer att se utDesign
TemainställningarAlla teman har inte detta, men premiumteman tenderar att ha ett större utbud av inställningar som inte är tillgängliga i anpassarenEj tillgängligt
InsticksprogramVisa och aktivera eller inaktivera befintliga insticksprogram, sök och installera insticksprogram från WordPress arkiv och ladda upp teman från tredje part.Appar
InställningarÄndra grundläggande inställningar som din hemsidas titel / undertitel, datumformat och permalänkar (URL-strukturen för sidor och inlägg).Inställningar

5. Välj ett tema

Teman i WordPress är som mallar i hemsidebyggare. Den största skillnaden mellan mallar och teman är att teman styr mer än bara den allmänna stilen eller layouten på din webbplats i WordPress. Teman kan inkludera insticksprogram (eller “obligatoriska insticksprogram” för att lägga till extra funktioner som portfoliosidor.)

Hur man bygger en hemsida 2020: Komplett steg-för-steg-guide
Se alla teman du har installerat i temapanelen

Standardtemat som kommer med WordPress är ganska grundläggande, så du kommer förmodligen att vilja installera ett annat. Detta är verkligen lätt att göra tack vare WordPress temainstallationsprogram. Den låter dig söka i WordPress temaarkiv och omedelbart installera ett av tusentals tillgängliga gratisteman. Du kan installera flera teman och använda anpassaren för att se hur de ser ut på din hemsida innan du aktiverar dem.

Hur man bygger en hemsida 2020: Komplett steg-för-steg-guide
Sök efter, installera och aktivera gratisteman från WordPress arkiv

Utöver de gratisteman som finns tillgängliga i WordPress arkiv kan du köpa premiumteman från tredje part på marknadsplatser som TemplateMonster och ThemeForest.

6. Lägg till insticksprogram

Insticksprogram är som apparna som erbjuds av hemsidebyggare – de lägger till funktioner på din webbplats som inte ingår i WordPress. Du kan till exempel installera ett insticksprogram för kontaktformulär (till exempel NinjaForms) eller bygga en nätbutik med WooCommerce. Det finns insticksprogram för nästan allt man kan tänka sig, från SEO (sökmotoroptimering) till att skapa en portfolio.

Hur man bygger en hemsida 2020: Komplett steg-för-steg-guide
Du kan se och hantera installerade insticksprogram och lägga till nya i instickspanelen

Det finns en sökruta som hjälper dig hitta insticksprogrammen du behöver, och du kan lära dig mer om varje insticksprogram, till exempel om det är kompatibelt med din version av WordPress, vilka funktioner det har och vad andra användare tycker om det.

Hur man bygger en hemsida 2020: Komplett steg-för-steg-guide
Hitta och installera insticksprogram enkelt i WordPress

Det krävs bara ett klick för att installera ett insticksprogram, men det fungerar bara på din webbplats när du har klickat på knappen “aktivera” i instickspanelen.

7. Skapa ditt första inlägg

En av de vanligaste frågorna jag får om WordPress är skillnaden mellan sidor och inlägg. Kort sagt är sidor det statiska innehållet – d.v.s. innehållet som inte ändras eller ändras sällan, till exempel sidan Om. Inlägg är mer dynamiska – de dyker upp på “bloggsidan” eller kategorisidorna på din hemsida. Den viktigaste skillnaden mellan sidor och inlägg är hur WordPress visar dem.

Redigerarna som skapar inlägg och sidor är exakt likadana, så processen är identisk. I skärmdumpen nedan kan du se att ett klick på panelen “inlägg” i kontrollpanelen ger dig en lista över dina befintliga inlägg (vissa teman kommer med “demo”-innehåll), med knappen Lägg till nytt överst.

Hur man bygger en hemsida 2020: Komplett steg-för-steg-guide
Inläggspanelen i WordPress

Klicka på knappen Lägg till nytt för att komma till redigeraren. WordPress standardredigerare brukade vara ganska grundläggande, men Gutenberg-versionen som introducerades med WordPress 5.0 ger dig många fler funktioner. Den använder “block” för att skapa dina inlägg och sidor, tillsammans med layouter (kolumner), sektioner och behållare. Du kan lägga till fler block i Gutenberg-redigeraren med hjälp av kostnadsfria insticksprogram.

Gutenberg block plugins for WordPress
Gutenbergs blockinsticksprogram utökar funktionerna i WordPress-redigeraren

Blocktyperna som ingår i Gutenbergs standardredigerare är:

  • Stycke
  • Rubrik
  • Citat
  • Bild
  • Lista
  • Omslagsbild
  • Galleri
  • Bildspel
  • Tabell
  • Knappar

Du kan klicka på plusset bredvid varje styckesområde för att välja ett block eller skriva ”/” i det tomma utrymmet märkt ”börja skriva eller skriv / för att välja block”.

Hur man bygger en hemsida 2020: Komplett steg-för-steg-guide
Inläggs- och sidredigeraren i WordPress

8. Lägg upp din hemsida

Till skillnad från vissa hemsidebyggare (till exempel Wix) har WordPress ingen specifik Publicera-knapp för hela webbplatsen. Så snart du skapat din WordPress-hemsida är den uppe på internet. Det finns dock tre separata platser där du hittar Publicera-knappar i WordPress.

Dessa är:

  • I anpassaren, där det finns en knapp högst upp på panelen som sparar och lägger upp dina ändringar.
  • Högst upp till höger i varje nytt inlägg. Ditt inlägg är bara ett utkast och kommer inte att vara synligt innan du klickar på Publicera. Om du går tillbaka för att göra ändringar senare, måste du klicka på Uppdatera för att dina ändringar ska synas.
  • Högst upp till höger på varje ny sida du skapar. Precis som med inlägg är ditt innehåll bara ett utkast tills du publicerar det, och när du gör ändringar måste du klicka på Uppdatera för att spara dem.
Hur man bygger en hemsida 2020: Komplett steg-för-steg-guide
De tre platserna där du behöver klicka på Publicera i WordPress

Överväg att spendera fem dollar på en webbutvecklare och bespara dig både tid och krångel

Om du har dåligt med tid eller bara inte vill hantera de problem som kan uppstå när man bygger en hemsida med WordPress, kan det vara ett bättre val att anlita ett proffs för att bygga (och kanske underhålla) din hemsida.

Det låter säkert dyrt att anlita en utvecklare, men tack vare Fiverr behöver du inte spendera en förmögenhet. Jag gjorde bara en snabb sökning på Fiverr efter en komplett WordPress-hemsida och hittade massor av professionella webbdesigner som erbjuder att bygga din webbplats för så lite som fem dollar!

Hur man bygger en hemsida 2020: Komplett steg-för-steg-guide
Billiga webbutvecklare på Fiverr för så lite som fem dollar

En av de bästa sakerna med Fiverr är att du kan bläddra i en formgivares tidigare arbeten för att få en uppfattning om hen är rätt för den typ av webbplats du vill ha. Och med Fiverr är du helt skyddad, eftersom Fiverr inte släpper din betalning till frilansaren förrän du är nöjd med deras arbete.

Vanliga frågor om WordPress

Är WordPress gratis?

Tekniskt sett, ja. Plattformen är 100 % gratis, men du måste betala för webbhotell och domännamn (klicka här för en lista över de bästa webbhotellen). Om du vill ha ett premiumtema eller insticksprogram från en tredjepartsmarknadsplats måste du också betala en avgift för dessa.

Kan jag bygga en hemsida med WordPress på egen hand?

Ja, du kan bygga en hemsida med WordPress utan att anlita en utvecklare – men om webbplatsbyggnad är nytt för dig kommer Wix antagligen att vara mycket lättare (och snabbare) att använda. WordPress är mer komplicerat, och det är lättare att förstöra din webbplats när du gör ändringar i inställningar eller genom att installera insticksprogram som inte är kompatibla med varandra.

Att anställa en utvecklare för din WordPress-hemsida är inte så dyrt som det låter! Du kan faktiskt hitta en utvecklare för alla budgetar på Fiverr.

Vad är skillnaden mellan WordPress.com och WordPress.org?

Den största skillnaden mellan WordPress.com och WordPress.org är sättet de hostas på. Med WordPress.com behöver du inte betala för hosting separat, men du måste uppgradera till ett av de billigaste abonnemangen (Business eller eCommerce) för att använda insticksprogram och ladda upp teman från tredjepartsmarknadsplatser.

WordPress.org kräver egen hosting, så du betalar för det separat. Du har full kontroll och frihet med den här versionen, och den kan vara mycket billigare än WordPress.com.

Vad är bättre, Wix eller WordPress?

Det finns för- och nackdelar med både Wix och WordPress. Wix är mer nybörjarvänligt, men det kan kosta mer än att skaffa ett webbhotell och bygga din webbplats med WordPress.

WordPress ger dig mycket flexibilitet, och det är nästan obegränsat hur mycket du kan lägga till på din webbplats via insticksprogram, men det kan vara svårare att lära sig och det finns mer som kan gå fel. Till exempel kan inkompatibla insticksprogram göra att din webbplats slutar fungera. Dessutom har WordPress fler säkerhetsproblem.

Behöver jag ett speciellt hostingabonnemang för WordPress, eller räcker det med ett grundläggande hostingabonnemang?

Du behöver inte ett särskilt hostingabonnemang för WordPress, eftersom WordPress fungerar med alla delade hostingabonnemang som har ett installationsprogram med ett klick. Men det finns fördelar med att välja ett WordPress-specifikt abonnemang.

WordPress-specifika webbhotell kan vara administrerade eller inte. Med oadministrerade abonnemang är din hosting i stort sett samma som grundläggande hosting, men din webbplats kommer att ligga på servrar som är optimerade för WordPress, och du kan eventuellt få tillgång till vissa optimeringsinsticksprogram.

Administrerad WordPress-hosting är den problemfria versionen, eftersom ditt webbhotell tar hand om saker som uppdateringar, säkerhetsuppdatering (beroende på hotell) och säkerhetskopior, så att du kan koncentrera dig på att bygga din webbplats. Klicka här för en lista över de bästa administrerade hostingleverantörerna för WordPress.

Ta din hemsida till nästa nivå

Nu har du har byggt din webbplats är det dags att få den att synas. Enligt min erfarenhet är man aldrig helt klar med att bygga en webbplats, eftersom man alltid kan fortsätta uppdatera den, ändra saker och göra den bättre. Du vill att folk ska börja besöka din hemsida, och det finns ett antal saker du kan göra för att utöka din målgrupp och ge dina besökare en bättre upplevelse.

Designa en logo

Du behöver inte ha en logo innan du börjar bygga din hemsida, men en logo gör att den ser mer professionell ut, och det kan hjälpa till att bygga ditt varumärke.

Din logo säger mycket om dig, så det är viktigt att ta sig tid för att få den rätt. Det finns designtrender att ta hänsyn till – har du till exempel tänkt på vilken inverkan ditt färgschema kan ha på din målgrupp? Läs mer om den senaste logostatistiken från Fortune 500-listan för att utforska detta vidare.

Det finns två sätt att fixa en logo – och båda är prisvärda. Min kollega testade faktiskt alla stora logodesigntjänsterna för att hitta en ny logo till Website Planet. Om du vill läsa allt om hans experiment och se vem som vann, kan du läsa vår fullständiga jämförelse av de bästa logodesigntjänsterna på nätet.

1. Gör det själv med en logotillverkare

Gör-det-själv-metoden kan låta som det billigaste sättet att få en logo – men det är inte alltid så. De flesta logotillverkare på nätet är gratis att prova, men du måste betala för att ladda ner och använda din logo. Det finns några gratis logotillverkare på marknaden, men de är väldigt enkla, och jag rekommenderar inte att du använder dem. Du måste också kolla vilken logotillverkare som kan göra en logo på svenska.

Min favorit bland alla gör-det-själv-logotillverkare är Wix Logo Maker. Detta verktyg använder AI (artificiell intelligens) för att generera massor av logoidéer baserade på dina egna preferenser. När du ser en design du gillar kan du anpassa allt från teckensnitt till färgschema. Du kan till och med ladda ner en gratisversion av din logo med låg upplösning, så att du kan se hur den ser ut på din webbplats och sociala medier innan du gör ditt köp.

2. Anlita en formgivare

Det låter kanske dyrt att anlita en logodesigner – men på Fiverr kan du få en professionellt designad logo för så lite som fem dollar. De flesta formgivarna på Fiverr visar exempel på logotyper som de har skapat, vilket gör det lättare att hitta någon som erbjuder stilen du letar efter. Vi testade Fiverrs logoformgivare själva och var verkligen imponerade av kvaliteten på de färdiga logotyperna.

Utöver din logo måste du också göra en favicon – det är den lilla bilden som du vanligtvis ser i webbläsarflikar bredvid webbplatsens namn samt i dina bokmärken. Du kan skapa en favicon på några sekunder med vår härliga favicon-genererare.

Optimera din hemsida

Även om du bygger en fantastisk hemsida kommer den inte att dyka upp på första sidan på sökmotorresultatsidor (SERP) utan lite optimering. För att optimera din webbplats måste du sökmotoroptimera (SEO), analysera din trafik och förstå vad din målgrupp söker efter.

För SEO finns det några fantastiska verktyg som du kan använda för att underlätta optimering. Ett av de bästa verktygen är SEMrush (kolla in vår guide till SEMrush för att ta reda på mer), men det finns andra alternativ om SEMrush är utanför din budget. Vi har granskat några av de bästa SEO-verktygen för att hjälpa dig välja rätt.

Att skapa rätt innehåll för din webbplats kan låta som en utmaning, men genom att använda analysverktyg för att ta reda på mer om din målgrupp (var de bor, deras ålder, kön och så vidare) kan du skräddarsy ditt innehåll bättre. Läs vår guide till Google Analytics för att se hur du får ut det mesta av analysverktyg. Du kan också använda verktyg som Answer the Public för att ta reda på vad folk söker efter. Kolla in vår guide till Answer the Public för mer om detta.

Utöka din målgrupp med e-postmarknadsföring

E-postmarknadsföring är ett av de bästa sätten att nå en större målgrupp – och det finns många verktyg som hjälper dig att lyckas med dina marknadsföringsinsatser.

E-postmarknadsföring har kraften att få ditt företag att växa snabbt. Den har också en hög klickfrekvens (CTR) – upp till 100 gånger bättre än sociala mediekanaler som Twitter. Du kan använda e-postmarknadsföring för att erbjuda dina kunder rabatter och kampanjer, uppmuntra dem att dela ditt företag med andra samt erbjuda gratis resurser för att få besökare att registrera sig för ditt nyhetsbrev.

För att få ut det mesta av e-postmarknadsföring måste du tänka på hur ofta du skickar dina nyhetsbrev och vad du skriver i dem samt använda automatiserade utskick. För fler tips kan du kolla in vår samling med den viktigaste statistiken för e-postmarknadsföring.

Vi har testat och recenserat de bästa plattformarna för e-postmarknadsföring. Har du inte tid att läsa en massa recensioner? Inga problem, här är en snabb översikt över våra favoritlösningar för e-postmarknadsföring.

  • Constant Contact – Constant Contact har hundratals e-postmallar att välja mellan och en 30-dagars kostnadsfri provperiod och är vårt förstahandsval för e-postmarknadsföring. Tjänsten är bra för att skapa automatiserade e-postmeddelanden, och det är verkligen lätt att använda, vilket innebär att du kan komma igång direkt.
  • Benchmark Email – Stödet för flera språk gör Benchmark Email till ett toppval om ditt modersmål inte är engelska. De har också ett gratisabonnemang. Det är bra för nybörjare, men det har även mer avancerade verktyg som du kan använda när du blivit mer bekant med plattformen.
  • Sendinblue – Sendinblue, som erbjuder verktyg för både sms- och e-postmarknadsföring, har en prisvärd lösning som är lätt att använda. De har till och med ett generöst gratisabonnemang. Du kan skapa automatiserade e-postmeddelanden, lägga till arbetsflöden samt använda alternativet för att “skicka mejl vid bästa tidpunkt”.
  • Active Campaign – Active Campaign är en mer avancerad plattform som passar professionella marknadsförare bättre – men om du driver ett litet till medelstort företag kan du ändå helt klart dra nytta av Active Campaigns funktioner.
  • AWeber – Aweber har en unik drag-och-släpp-kampanjbyggare som ger dig allt du behöver för framgångsrik e-postmarknadsföring. Det är väldigt nybörjarvänligt men har fortfarande mer komplexa funktioner, som split-test-funktioner och över 850 integrationer.
  • GetResponse – GetResponse är mer än bara en e-postmarknadsföringsplattform, det är en multifunktionell plattform som innehåller funktioner för marknadsföring, CRM och webbinarier. Det finns dessutom en 30-dagars gratis provperiod.

Några sista ord

Det är mycket information som vi har gått igenom. För att sammanfatta är här några viktiga punkter från den här guiden till att bygga din egen webbplats:

  • Hemsidebyggare är ett bra ställe att börja om man är nybörjare. Wix är en av de mest flexibla, så att du kan börja med grunderna och lägga till mer avancerade appar senare.
  • WordPress betraktas ofta som svårare än hemsidebyggare, men det erbjuder mycket mer frihet. Det är också ett billigare sätt att få upp din hemsida, med massor av billiga webbhotell tillgängliga.
  • Om du inte har tid att bygga din hemsida själv, kan du anlita en utvecklare på Fiverr för så lite som fem dollar. Vem har sagt att det behöver kosta skjortan att arbeta med en webbutvecklare?
  • Att få upp din webbplats är inte slutet på processen. Du kan fortsätta optimera och marknadsföra din hemsida med verktyg för SEO, analys och marknadsföring.

Vem som helst kan bygga en hemsida, och det spelar ingen roll om du är nybörjare eller har en liten budget. Ha så kul med att bygga din hemsida!

I denna artikel
Alternativ 1: Använd en hemsidebyggare
Jämförelsetabell för hemsidebyggare
Vanliga frågor om hemsidebyggare
Alternativ 2: WordPress
Vanliga frågor om WordPress
Ta din hemsida till nästa nivå
Några sista ord
Betygsätt denna artikel
4.6 Betygsatt av 136 användare

Några kommentarer?

Obligatoriskt fält Maximal length of comment is equal 80000 chars Kommentarens minimilängd är lika med 100 tecken
0 av lägsta 100 tecken

Vi kontrollerar alla användarkommentarer inom 48 timmar för att se till att de är från riktiga människor som du. Vi är glada över att du tyckte att den här artikeln var användbar - vi skulle uppskatta om du låter fler personer veta om den.

Dela det här blogginlägget med vänner och medarbetare nu:

Vi är säkra på att den kommer att vara till hjälp för andra användare. Vårt team kommer att kontrollera recensionen och godkänna den inom 48 timmar om den verkar äkta och korrekt.

En gång i månaden får du intressanta och insiktsfulla tips, knep och råd för att förbättra din hemsidas prestanda och nå dina digitala marknadsföringsmål!

Vad kul att dugillade den!

Dela den med dina vänner!