Hur bygger man en hemsida?

Bra beslut! Det har nämligen aldrig varit enklare. Med smarta och användarvänliga CMS-plattformar, mängder av verktyg och stor tillgång till hjälpforum och resurser kan du enkelt göra en hemsida från scratch. Dessutom helt utan kunskaper inom kodning. I den här guiden hittar du allt du behöver veta om hur man gör en hemsida.

 

Bra att tänka på innan du ska bygga hemsida:

Innan du sätter igång med skapandet av din hemsida kan det vara bra att reda ut dina förutsättningar och mål. Nedan följer några punkter att fundera på när du ska göra en egen hemsida.

• Hur ser dina förkunskaper ut? Har du exempelvis någon erfarenhet av kodning, design och photoshop?
• Ska du skapa din egen hemsida helt själv eller ta hjälp av en webbdesigner?
• Vilken CMS-plattform vill du bygga hemsidan i?
• Vad är ditt syfte med att göra en hemsida? Ska den exempelvis användas som webbshop, blogg eller informera?
• Vilket webbhotell ska du använda?
• Att bygga egen hemsida tar tid. Har du möjlighet att lägga ner arbetet som krävs?

Steg 1 – Välj webbhotell för din hemsida

För att bygga en hemsida behöver du först ett webbhotell, eller hosting, som fungerar som värd för din sida på nätet. Det går att bygga en hemsida även utan webbhotell, via exempelvis bloggplattformar, men detta ger dig inte alls samma möjligheter. Genom ett webbhotell kan du nämligen välja ditt eget domännamn för din hemsida, designa och utveckla den på ett helt annat sätt. När du gör en hemsida via en webbhotellsleverantör får du även möjligheten att skapa mailkonton kopplade till ditt domännamn vilket är ett bra sätt ge din hemsida ett mer professionellt intryck än att använda dig av exempelvis Gmail eller liknande mailadresser. Oftast är det helt gratis och dessutom tar det bara någon minut att skapa ett e-postkonto. Som webbyrå rekommenderar vi därför att använda ett webbhotell när du ska bygga hemsida.

Ditt val av webbhotell bör även baseras på prestandan du söker för din hemsida. Det finns exempelvis mycket billiga webbhotell, men då kommer också din hemsidas prestanda att spegla priset. Var därför noga med att välja ett hosting-alternativ som levererar det du behöver och gå inte bara på det billigaste priset. Kostnaden för ett webbhotell ligger i regel på ungefär 80-150 kr i månaden.

Steg 2 – Köp ett starkt domännamn

Efter ditt val av webbhotell är det dags att välja ett domännamn för din hemsida. Domännamnet är helt enkelt det som dina besökare skriver och ser i sin webbläsare för din hemsida och består av ”www”, följt av ditt valda namn för att sedan avslutas med ett domänsuffix, exempelvis ”.se”, ”.nu” eller ”.com”. När du väljer domännamn för att göra en hemsida bör huvudfokus vara att se till att använda ditt företagsnamn snarare än att exempelvis försöka inkludera en hel sökfras för bättre rankning sett ur ett SEO-perspektiv. Detta eftersom Google tydligt klargjort att en sökfras som domännamn inte påverkar rankningen för sökresultaten på det sättet. Däremot kan det vara en bra idé att försöka få med ett enstaka sökord i kombination med ditt företagsnamn som berättar något om vad verksamheten går ut på.

När du ska bygga hemsida bör ditt domännamn också vara unikt, minnesvärt och lätt att skriva. En bra idé är dessutom att betala för flera domänsuffix så att du fångar in all trafik för ditt namn oavsett om dina besökare söker på ”.com”, ”.nu” eller ”.se”. Ett domännamn kostar oftast ungefär 130 kr per år.

Steg 3 – Välj plattform att bygga hemsidan i

När du gjort ditt val av webbhotell och domännamn behöver du komma fram till vilket publiceringsverktyg du vill använda för att bygga hemsidan. De mest etablerade leverantörerna av webbhotell, exempelvis Loopia, One.com eller Misshosting, erbjuder dig möjligheten till ”One-Click-Install” för CMS-plattformar som till exempel WordPress eller deras egna publiceringsverktyg.

Förr krävdes det helt andra kunskaper för att bygga hemsidor, eftersom allt behövde kodas manuellt men numera fungerar de enklaste CMS-plattformarna mer som mallar som låter dig som användare utgå från en grund som sedan enkelt kan designas och anpassas via lättnavigerade tillvägagångssätt efter dina behov. Dessutom helt utan krav på förkunskaper på vare sig webbdesign eller kodning.

 

Vad betyder CMS?

Content Management System, eller CMS, är kort beskrivet en applikation från vilken du kan publicera och hantera webbinnehåll med direkta klick och resultat, utan inblandning från språk inom kodning som exempelvis PHP, HTML, CSS eller Java. Detta har alltså skapat helt andra möjligheter för gemene man att bygga hemsidor än vad som tidigare varit fallet.

Även om de olika CMS-plattformarna skiljer sig åt inom vissa områden är kärnfunktionerna i regel desamma, det vill säga indexering, sökning och hämtning, formathantering, revisionskontroll samt publicering. Med andra ord erbjuder en CMS-plattform funktioner och gränssnitt för administratören att skapa innehåll, hantera och redigera det samt att publicera det på sin hemsida.

Det tre största CMS-plattformarna på marknaden är WordPress, Joomla och Drupal. Några av fördelarna med dessa är att samtliga är helt gratis att använda, licenserade under GNU Allmän offentlig licens och stöder den primära databasen MySQL. Alla tre är dessutom så kallade open-source-system vilket betyder att de är skrivna och utvecklade i PHP-baserad, öppen kod vilket möjliggör för exempelvis assistans från andra webbutvecklare inom programmet men även egen kodning om man så vill.

Nedan följer några alternativ på CMS-plattformar som vi som webbyrå rekommenderar när du ska bygga egen hemsida:

WordPress

WordPress är marknadens tveklöst största CMS-plattform idag, och står för över 40% av alla hemsidor på nätet. WordPress är helt gratis och med en användarvänlighet som är svårslagen är det enkelt för dig att bygga egen hemsida. Du designar enkelt din hemsida med utifrån teman som finns i både gratisversioner och mer avancerade som kostar och kan också smidigt ladda ner och installera olika plugins.

Från början var WordPress tanke och syfte att användas som en plattform för bloggar men idag fungerar det som användningsområde för alla möjliga typer av hemsidor och webbshoppar. Smarta drag-and-drop-funktioner och möjligheten att flytta hela block gör det enkelt för dig att bygga din egen hemsida själv men om du behöver hjälp med exempelvis mer avancerade tillägg eller bara vill att allt stämmer redan från början kan du höra av dig till oss som webbyrå så hjälper vi dig med WordPress.

Sökmotoroptimering är en annan viktig faktor när du ska starta hemsida och med WordPress får du en fördel redan från början. Detta eftersom plattformen är mycket kompatibel med SEO-inriktade plugins som Yoast. Med hjälp av Yoasts omfattande tekniska optimeringar kan du snabbt och enkelt få till ett starkt och sökmotoroptimerat innehåll för din hemsida i WordPress som hjälper dig stiga i rankning bland Googles sökresultat.

WordPress rekommenderas i regel som den bästa CMS-plattformen att använda när du ska starta hemsida. Här är några anledningar varför:

• Det är helt gratis att använda.
• Det är användarvänligt för både nybörjare och mer erfarna personer och är lätt att komma igång med.
• Det finns tusentals tillägg och teman för design och funktioner att enkelt tillgå.
• Installeras snabbt och simpelt med One-Click-Install.
• Möjliggör enkel säkerhetshantering.
• Väldigt SEO-vänligt.

Joomla

Joomla är en annan av de tre största CMS-plattformarna och är ett bra alternativ för dig som vill bygga en hemsida som inte bygger på textinnehåll i särskilt stor omfattning och du således arbetar mycket med så kallade anpassade posttyper. CMS-plattformen innehåller dessutom flerspråkighet som en direkt funktion i systemet. Med andra ord behöver du inte lägga till några plugins för att möjliggöra att din hemsida kan översättas till flera språk. Joomla är både populärt och effektivt för att bygga hemsidor som är funktionsbaserade men är samtidigt också lite mer avancerat och svårhanterligt än exempelvis WordPress och erbjuder heller inte samma utbud av plugins och integrationer.

 

Drupal

Drupal är en till CMS-plattform som är mycket flexibelt för hantering av anpassade posttyper och liknar således Joomla. I likhet med Joomla är Drupal också mer avancerat än exempelvis WordPress och eftersom det kräver en del förkunskaper i att bygga hemsida så är det inte en optimal plattform för nybörjare.

Med rätt kunskaper och förutsättningar erbjuder dock Drupal en mycket kraftfull och komplex social medie-publicering som kan driva mycket innehåll med hjälp av stora databaser vilket inte kan matchas av till exempel WordPress. Drupal erbjuder dig också en bra kontroll över dina användare och deras behörigheter och precis som Joomla även flerspråkighet som standard när du ska bygga hemsida utan att behöva installera plugins.

Dessutom anses Drupal vara en säkrare plattform att bygga hemsida via än både Joomla och WordPress.

 

Wix

Wix är en CMS-plattform som, till skillnad mot de tre alternativen ovan som är gratis, erbjuder dig att bygga hemsida mot en fast månadskostnad. Det finns dock också en något mer begränsad gratisversion att tillgå. Med hjälp av drag-and-drop-funktioner och mallar låter Wix dig med lätthet skapa enkla hemsidor och snabbt komma igång, men till skillnad mot exempelvis WordPress erbjuder plattformen dig inte några större möjligheter att utveckla och anpassa din Wix hemsida mer ingående.

Wix är ett bra alternativ för dig som är nybörjare och saknar kunskap om hemsidor sedan tidigare men ändå snabbt och simpelt vill komma igång när du ska starta hemsida och inte är så intresserad av skräddarsydda funktioner eller tillägg.

 

Squarespace

Ytterligare en populär och lättarbetad CMS-plattform är Squarespace. Med detta publiceringsverktyg erbjuds du att enkelt bygga hemsida och designa den efter just dina preferenser med hjälp av templates. Squarespace kännetecken är stilrena, luftiga och moderna designer som byggs med hjälp av enkla drag-and-drop-funktioner.

Plattformen är precis som exempelvis WordPress både lätt att arbeta med och mycket SEO-vänlig vilket ger dig goda möjligheter till en stark rankning för Googles sökresultat när du ska bygga hemsida. Squarespace erbjuder dessutom mobilanpassade, responsiva hemsidor som också möjliggör ett enkelt och effektivt upplägg av e-handel och bloggfunktioner.

Några nackdelar är dock dels att Squarespace kostar pengar (månadsavgift) men också att det är något begränsat när det gäller möjligheten att anpassa funktioner och innehåll.

Kom igång med din CMS-plattform

När du kommit underfund med vilket publiceringsverktyg som passar just dig, dina förutsättningar och vad du vill göra med din egen webbsida är det dags att installera plattformen på din server för att komma igång. De flesta webbhotellen erbjuder som tidigare nämnt möjligheten till One-Click-Install direkt i kontrollpanelen vilket såklart är det enklaste sättet att installera på. Oavsett vilket syfte du har och om den ska vara liten eller större kan du bygga hemsidan med någon av de tre största CMS-plattformarna, det vill säga WordPress, Joomla eller Drupal. Vissa är alltså mer flexibla och anpassningsbara än andra men också mer avancerade och kräver kunskap. WordPress är i regel det bästa alternativet.

Det går självklart också att installera ditt CMS manuellt men detta är lite klurigare än One-Click-Install-alternativet. Det kan å andra sidan vara bra för dig som är lite mer erfaren och kanske behöver anpassa något i din installation av systemet.

Steg 4 – Dags att bygga hemsida!

När du tagit dig igenom de tre föregående stegen är det dags att börja skapa din egen hemsida. Som tidigare nämnt rekommenderar vi som webbyrå att använda dig av WordPress för utvecklingen av din hemsida eftersom det mer eller mindre blivit standard för de flesta, men någon av de andra CMS-plattformarna går såklart också bra.

Det är viktigt att se till att din hemsida är funktionell, snabb samt ger ett professionellt och estetiskt tilltalande intryck för dina besökare. Nedan har vi därför sammanställt lite tips som är bra att tänka när du ska bygga hemsidan.

• Låt dig inspireras av andra hemsidor

Surfa runt på nätet och hitta inspiration för din hemsida från andra sidor i samma bransch som dig eller helt enkelt bara såna du fattat tycke för. Kanske kan du arbeta med ett liknande upplägg gällande exempelvis design, e-handel eller formulär när du själv ska bygga hemsidan?

• Använd teman för din design

De flesta CMS-plattformar erbjuder teman som förenklar ditt designarbete och dessutom är enkla både att ladda ner och installera. Om du arbetar i WordPress finns det både gratis teman och även alternativ som kostar, via exempelvis Themeforest.

• Arbeta kontinuerligt med max 3-4 huvudfärger på din hemsida

För en tilltalande design som på ett bra sätt guidar dina besökare dit du önskar att rikta deras uppmärksamhet är det bra att se till att du inte använder mer än 2-3 huvudfärger när du ska bygga hemsidan. På det här sättet undviker du ett rörigt intryck och får också till ett snyggt återkommande färgschema på din hemsida.

• Var konsekvent i ditt designarbete

Precis som med färgerna är det viktigt att hitta ett övergripande grafiskt språk i din design som passar just dig och hålla dig till det när du bygger hemsidan. Detta kommer resultera i en trygghet för dina besökare eftersom de känner igen sig vart de än navigerar på sidan.

• Använd dig av mycket bilder

Bilder gör din hemsida mer levande men det är också viktigt att de är högkvalitativa eftersom de annars snarare riskerar att få motsatt effekt. Var noga med att bara använd dig av högupplösta bilder som på ett bra sätt representerar dig och ditt företag. Du behöver också vara noga med att dina bilder är komprimerade, det vill säga så små i storlek som möjligt, annars kommer det resultera i att din hemsida laddar långsamt och skrämmer bort besökare. Se därför till att komprimera och optimera dina bilder när du ska bygga din hemsida med hjälp av sidor som exempelvis optimizilla.com.

• Lär dig grundläggande HTML, CSS och Photoshop

Du kan tjäna mycket på att lära dig grunderna i hemsidespråk som HTML och CSS men också bildredigeringsprogram som Photoshop. Med förståelse för HTML och CSS öppnar du möjligheter för att själv redigera i din design på ett annat sätt när du arbetar med din hemsida. Med Photoshop kan du dessutom lägga till en dimension när det handlar om dina bilder, ikoner och andra visuella element. Grundläggande kunskaper som dessa kan vara skillnaden mellan en bra och fantastisk design när du ska bygga hemsida. Överarbeta för den sakens skull dock inte designen. Enkelt och stilrent är oftast den bästa vägen att gå.

Gratis bilder och videos till din hemsida

Visuellt material som högkvalitativa bilder och videos spelar en viktig roll för intrycket dina besökare får av din hemsida. Nuförtiden finns det massor av sidor som erbjuder dig ett stort utbud av bilder och videos för endast några kronor. Men det finns också de som till och med är helt gratis utan att för den sakens skull tumma på kvaliteten.

Om du väljer att ladda ner gratismaterial är det dock viktigt att ha koll på licenserna för respektive fil innan du använder de på din hemsida. Se till så att du har rätt att använda bilderna eller klippen för kommersiellt syfte för att undvika upphovsrättsproblem.

Här är några tips på hemsidor där du kan hitta bilder och videos av högsta kvalitet – helt gratis!

• Pixabay.com
• Unsplash.com
• Pexels.com

Steg 5 – Kartlägg din hemsidas syfte

När du ska bygga hemsida är det viktigt att du är på det klara med vad syftet och målet med din hemsida är och vad du kommer behöva för att nå dessa på bästa sätt. En hemsidas mål kan exempelvis vara att skapa ökat förtroende för företaget och varumärket i fråga, att generera försäljning av produkter, att bidra med information och resurser, att generera leads och kunder eller att skylta med vad företaget arbetar med och står för.

Beroende på vad din hemsidas mål är finns det olika sätt att arbeta på för att nå dem. När du kommit underfund med vad just du vill göra är det således dags att göra upp en strategi för ditt arbete.

Att skapa förtroende för ditt varumärke handlar exempelvis mycket om att ge ett professionellt intryck och att erbjuda riktigt bra innehåll som också laddar snabbt. Att generera leads handlar istället mer om att skapa säljande budskap som bygger broar mellan ditt företag och dina potentiella kunder. Och att få till en ökad försäljning handlar om att nå rätt besökare och kunna erbjuda produkter som möter deras intentioner med exempelvis en sökning på Google.

Se till att tydligt definiera dina mål och vad du behöver få ut av din hemsida för att nå dem redan från början så kommer du ha mycket bättre förutsättningar för att lyckas med både din design och dina strategier. På det här sättet kan du också få ut maximalt av potentialen med att bygga hemsida.

Steg 6 – Hitta snabbt hjälp via nätet om du stöter på problem med hemsidan

En stor fördel med Internet är att det alltid finns hjälp nära till hands i form av exempelvis forum eller andra resurser. Så även när det gäller att bygga egen hemsida. Det finns gott om bra hjälpalternativ om du skulle stöta på några problem med att skapa hemsidan. I det här steget listar vi ett par resurser som du kan ha nytta av beroende på vad du behöver. Om problemet skulle kvarstå är du självklart alltid välkommen att höra av dig till oss som webbyrå så hjälper vi dig.

W3 Schools – Kod

Om du behöver hjälp med någon form av kodning när du ska bygga hemsida, exempelvis HTML, CSS eller Java, är W3 Schools en bra sida att känna till. Här kan du både testa dig fram inom olika kodspråk för att lära dig hur du ska gå tillväga, men det finns också ett mycket bra forum där du enkelt kan ställa frågor och få tips från andra webbutvecklare gällande din hemsida.

Adobe Kuler – Färger

En bra resurs om du behöver hjälp med färgval när du bygger din hemsida är Adobe Kuler. Med hjälp av verktyget kan du enkelt få hjälp med att matcha rätt färgprofiler och scheman med din huvudfärg för hemsidan. Dessutom är det helt gratis!

Steg 7 – Bra att kunna grundläggande:

Photoshop

Ett program som kan vara nyttigt att kunna grundläggande när du ska bygga hemsida är Adobe Photoshop. Det är lätt att tänka att skapa en egen hemsida endast handlar om att koda och arbeta med språk som Java och PHP. Detta är såklart heller aldrig dåliga kunskaper att besitta men med dagens smart uppbyggda CMS-plattformar och deras användarvänlighet krävs det i regel inte lika mycket kodningsarbete för dig som användare. Istället får designen en allt större och viktigare roll när det handlar om att bygga hemsida och det är också här program och verktyg som Photoshop gör sig nyttiga.

Med grundläggande kunskaper inom Photoshop kan du enkelt förbättra ditt visuella arbete med din hemsida och exempelvis beskära, förbättra eller lägga till text i bilder. Den här typen av grafiskt arbete kan ge din hemsida en extra dimension av professionalitet och göra stor skillnad för dess framgång.

Copywriting

En annan viktig del av att bygga hemsida och att optimera dess textinnehåll är copywriting och du tjänar därför mycket på att lära dig grunderna även i detta. Beroende på vad din hemsidas syfte är behöver du bygga hemsidans texter för att uppnå det, exempelvis genom att skriva engagerande, säljande eller tydligt och informerande. Några viktiga aspekter av copywriting förutom budskapet i sig är tonalitet, avsändare och mottagare. Skaffa dig en överblick över just din situation och anpassa dina texter efter den så kommer din hemsida bli mer framgångsrik.

Copywriting-tips:

• Se till att kartlägga vilka dina mottagare är och skriv dina texter så att de på ett bra sätt behagar din målgrupp.
• Klargör tydligt vad din målgrupp får ut av det du erbjuder.
• Försök att definiera din målgrupps ”problem” och erbjud de lösningar med din verksamhet.
• Disposition, det vill säga textens delar, är viktigt. Arbeta på ett smart sätt med dina titlar, ingresser, citat och punktlistor i texterna för att rikta dina mottagares uppmärksamhet dit du vill. Det viktigaste bör stå tidigt i texten.
• Fundera över tonaliteten. Ska du vara akademisk och formell eller personlig och använda ”du”-tilltal?

Steg 8 – Hemsidans säkerhet

En av de viktigaste delarna när du ska starta en hemsida är att vara noga med säkerheten. Digitala attacker från hackare på hemsidor sker i allt större utsträckning och det är därför viktigt att du arbetar förebyggande med din hemsidas säkerhet för att undvika spam, hacking, virus och andra luriga problem. Nedan följer några tips på åtgärder du kan ta till för att skydda din hemsida:

• Installera en brandvägg

Att installera en brandvägg till din hemsida är ett bra sätt att skydda den och förebygga attacker. Om du ska bygga hemsidan i WordPress är WordFence ett bra alternativ som dessutom är helt gratis.

• Se till att dina lösenord och övriga inloggningsuppgifter är svårhackade

För att undvika virus och spam på din hemsida är det viktigt att dina inloggningsuppgifter är svåra och säkra så att ingen obehörig lyckas ta sig in på webbsidan och sabotera.

• Ordna ett SSL-certifikat för din hemsida

Ett SSL-certifikat krypterar din hemsidas trafik och gör den till en ”https”-sida istället för ”http”. På det här sättet blir din hemsida också säkrare. Du kan enkelt och gratis installera ett SSL-certifikat genom ditt webbhotell via exempelvis Let’s Encrypt.

• Se till att hålla din hemsida uppdaterad

En viktig faktor för att förebygga virus och andra säkerhetsproblem är att kontinuerligt uppdatera sin egen webbsida. Detta eftersom äldre, utdaterade versioner av CMS-plattformar och teman är mycket vanliga och tacksamma mål för cyberattacker. Var därför noga med att kontinuerligt uppdatera plugins, teman och din CMS-plattform i stort.

Steg 10 – Viktigt att tänka på

Vi har nu guidat dig igenom CMS-plattformar, domännamn, webbhotell, relevanta resurser för hjälp och kunskaper, säkerhet samt några andra av de viktigaste stegen och du är nu redo att börja bygga egen hemsida. Mycket kunskap kommer också gratis med erfarenheten att göra en hemsida och du kommer lära dig mer allteftersom. Här nedan har vi listat några punkter som dock kan vara bra att tänka på i din process med att starta hemsida.

• Uppdatera, uppdatera, uppdatera!

Som tidigare nämnt är en mycket viktig del av att driva en egen webbsida att uppdatera den ofta. Detta för att dels undvika virus och attacker, men också för att se till att din hemsida håller sig snabb och funktionell. Många CMS-plattformar som exempelvis WordPress erbjuder möjligheten till automatisk uppdatering av plugins vilket är ett smidigt sätt att se till att det blir gjort. Om inte annat är en bra nivå att försöka hålla sig till att varje eller varannan vecka undersöka vilka uppdateringar som finns tillgängliga. Glöm dock inte heller att ha backups ifall att något skulle gå fel.

• Installera Google Analytics.

Google Analytics hjälper dig att spåra din hemsidas trafik, dina besökares beteenden på sidan och hur de navigerar vilket är mycket värdefull statistik för att kunna optimera din hemsida och bli mer framgångsrik. Att installera Google Analytics är enkelt och görs genom att lägga till ett skript i din hemsidas HEAD-avsnitt.

• Studera dina konkurrenter

För att lyckas med din hemsida är det oerhört viktigt att du har koll på din bransch och dina konkurrenter och lär dig av det. Genom att anpassa dig efter vad som behövs och fungerar kan du hålla dig konkurrenskraftig och skaffa dig fördelar inom din bransch.

• Skapa hemsidan efter dina besökare och deras behov

Det är dina besökare och potentiella kunder som gör din framgång. Se därför till att det är de som är i fokus när du bygger och designar din hemsida. Hemsidans roll är att möta deras behov och problem med lösningar. Det är lätt att fundera för mycket på vad du själv föredrar, men glöm inte bort dina besökare.

• Satsa på en stilren design

Designa din hemsida efter max 2-3 huvudfärger. Arbetar du med fler färger riskerar du att intrycket blir rörigt så se till att hålla designen stilren när du ska bygga hemsidan. Ett bra designtips är också att försöka matcha färgerna på sidan i allmänhet med de som ingår i bilderna du använder.

Vanliga frågor om att göra en egen hemsida

Vad kostar det att bygga hemsida?

Det beror på syftet, målen och vilka funktioner som krävs för din hemsida. Det finns idag en mängd olika CMS-plattformar och verktyg för att lyckas och många av dem är faktiskt helt gratis att använda och du betalar i sådant fall endast får webbhotell och domän.

Vilka kunskaper krävs?

Med dagens smarta och användarvänliga CMS-plattformar kan du bygga hemsida utan några som helst förkunskaper när det gäller kodning och webbutveckling. Med det sagt tjänar du mycket på att kunna åtminstone grundläggande delar av exempelvis HTML, CSS och Photoshop när du ska skapa din egen hemsida.

Vilka CMS-plattformar finns det att välja på?

Mängder! WordPress är idag det i särklass mest populära publiceringsverktyget men det finns en hel del andra som också kan passa dig bra beroende på vilken typ av hemsida du vill bygga, om du vill ha ett alternativ som är gratis eller kostar och vilka funktioner du behöver. Några av dessa är exempelvis Joomla, Squarespace, Drupal och Wix.

Vad kommer min hemsida kosta mig i månaden?

Om du använder en CMS-plattform som i sig är gratis betalar du bara för webbhotell och ditt domännamn, såvida du inte önskar att använda dig av extra funktioner som kan kosta extra. Kostnaden för ett webbhotell ligger i regel på ungefär 80-150 kr per månad och ett domännamn kostar dig ungefär 130 kr per år.

Vad kostar en hemsida? Webbyrå priser 2021

En av de vanligaste frågorna vi på Hjälp med hemsida webbyrå får är: vad kostar en hemsida? Det är svårt att ge ett exakt svar eftersom kostnaden för en webbsida beror på flera olika faktorer. I den här guiden kommer vi reda ut vad dessa är och vad det fasta priset för olika typer av hemsidor blir baserat på dem.

Hemsida pris

När det handlar om hemsida priser finns det som sagt en hel del olika aspekter att ta hänsyn till. I stora drag baseras webbsida priset dels på hur mycket av hemsidan i fråga som ska anpassas, hur stor hemsidan är samt hur mycket arbete med grafisk design den kommer kräva.

Med andra ord handlar det helt enkelt om kundens olika behov och önskemål och kostnaderna som detta kommer tillföra under utvecklingens gång.

Exempel på faktorer som avgör ett hemsida pris:

• Graden av anpassning som krävs
• Den grafiska profilen
• Antal undersidor för hemsidan
• Hemsidans storlek
• Mängden funktioner
• Önskemål och budget
• Val av webbhotell (löpande månadskostnad)
• Kostnad för domännamn (kostnad per år)
• Plugins på hemsidan, exempelvis gällande säkerhet
• Eventuella avgifter från webbyrån, exempelvis serviceavtal

Webbyrå prislista

På Hjälp med hemsida var vi nyfikna på vad olika webbyråer erbjuder för olika hemsida priser och vad som ingår i priset för dig som kund. Vi utförde därför en mindre studie för att ta reda på svaret på frågan: ”vad kostar en hemsida?”. På det här sättet kan du som kund få en överblick över vad det är du egentligen betalar för när du ska köpa hemsida. Det är nämligen inte alltid erbjudandet med det lägsta priset som gör en bra hemsida prisvärd i slutändan.

Olika prisklasser

Nedan har vi delat upp resultatet av studien i fyra olika prisklasser och vi kommer även gå igenom vad som ingår i respektive webbsida pris.

Prisklass 1, Basic: 4900 – 6900 SEK

Prisklass 2, Medium: 6900 – 12 900 SEK

Prisklass 3, Pro: 12 900 – 22 900 SEK

Prisklass 4, Pro +: över 22 900 SEK

Faktorer som avgör webbsida priset

Vad kostar det att ha en hemsida? Det finns som nämnt ovan en hel del faktorer som avgör en hemsidas pris och vad som ingår i det. En av dessa faktorer är givetvis utvecklingskostnaden i sig, men i processen tillkommer också driftkostnader gällande exempelvis domännamn, säkerhet och webbhotell för hemsidan. De tre övergripande områdena som kan vara bra att fundera kring när du ska köpa hemsida är följande.

Hemsidans krav på design och funktionalitet

Din hemsidas storlek, design och krav på funktionalitet är till stor del avgörande för utvecklingskostnaden. Detta kan exempelvis innefatta integrationer för olika system, flerspråkighet och översättningar, e-handelslösningar eller animationer.

Löpande driftkostnader

Utöver utvecklingskostnaden för din hemsida tillkommer också efter lanseringen löpande driftkostnader gällande till exempel webbhotell och domännamn. Ett webbhotell kostar i regel ungefär 79-149 SEK per månad och domännamn runt 130 SEK per år.

Support och utveckling

När din hemsida är färdigutvecklad och lanserad kan det även uppkomma kostnader för fortsatt utveckling och support om du skulle stöta på problem. Här erbjuder en del webbyråer serviceavtal som täcker både utveckling och support, men även virusskydd och andra säkerhetsfrågor.

Ska du köpa färdig hemsida?

Låt oss på Hjälp med hemsida webbyrå hjälpa dig! Vi utvecklar din webbsida från grunden och alltid till fasta hemsida priser. Oavsett om du behöver en mindre eller lite större sida hjälper vi dig att sökordsoptimera hemsidan så att du kan generera fler kunder och därmed också öka din lönsamhet.

HEMSIDA BASIC

Hemsida pris: 4900- 6900 SEK

Inom denna prisklass av standardhemsidor finns det mängder av alternativ på webbyråer och erbjudanden. I priset ingår i regel 4-5 undersidor, en mycket grundläggande nivå av specialanpassning och en enklare design och grafisk profil. Den här prisklassen erbjuder med andra ord simpla webbsidor utan avancerade funktioner eller särskilt unik design, men det kan vara ett utmärkt val för dig som driver en blogg eller en liten verksamhet som erbjuder ett mindre urval av tjänster eller produkter.

I priset för en enkel hemsida i den här klassen kan du räkna med att följande inkluderas:

• En simpel hemsida
• Utveckling och tillgång till en CMS-plattform som exempelvis WordPress
• 4-5 undersidor
• Enkel design
• Låg grad av sökmotoroptimering eller ingen alls
• Standardteman för designen
• Enklare mobilanpassning

 

HEMSIDA MEDIUM

Hemsida pris: 6900 – 12 900 SEK

Med en ökning i hemsida pris ökar också kvaliteten i den här klassen. Givetvis ingår samma element som för en enkel hemsida i Basic-prisklassen, men här ingår även en högre grad av funktionalitet, fler undersidor som kan användas, möjligheten till en mer unik design samt sökmotoroptimering av sidans innehåll. En hemsida i den här prisklassen är ett mycket populärt och bra alternativ för mindre eller medelstora företag som ställer lite högre krav när det gäller antalet tjänster och hur de erbjuds gällande funktion och design.

Just designen brukar klassas som det mest avgörande för vad en hemsida kostar. Detta eftersom det kräver kodningsarbete i datorspråk som HTML, CSS och Java och ju mer avancerad och skräddarsydd design som önskas på hemsidan, desto mer kostar det att ordna. Med det sagt kan det samtidigt vara en bra investering att göra eftersom unika och intresseskapande hemsidor i regel genererar mer kunder och lönsamhet.

I priset för en något mer avancerad hemsida i den här klassen kan du räkna med att följande inkluderas:

• Mer avancerad hemsida än Basic-prisklassen
• Utveckling och tillgång till en CMS-plattform som WordPress
• 5-12 undersidor
• Unik design
• Möjligheten till anpassade funktioner
• Viss grad av sökmotoroptimering
• Nyhetsfunktioner
• Anpassade teman för designen
• Bättre mobilanpassning

 

HEMSIDA PRO

Hemsida pris: 12 900 – 22 900 SEK

I den här prisklassen kan du i regel förvänta dig en riktigt bra och högkvalitativ hemsida. För den här typen av hemsida priser erbjuds du möjligheten till betydligt mer avancerade och anpassade hemsidor jämfört med de första två prisklasserna, men detta ställer samtidigt också högre krav på både uppdateringar, underhåll och kodning. Den höga kostanden för hemsidan beror till stor del på att du får möjligheten att skräddarsy design och funktioner för din hemsida. Det här alternativet är perfekt för medelstora företag som förstår vikten av en riktigt snabb, funktionell och unik hemsida.

Det kan skilja sig från webbyrå till webbyrå och därför vara lite svårt att specificera vad som ingår i priset för en hemsida i den här klassen men du erbjuds i regel anpassade designelement som exempelvis olika sidhuvuden för respektive undersida, avancerade funktioner för nyheter och kategoriindelning för dina inlägg. Dessutom har du som kund möjligheten att själv administrera och göra mindre ändringar på din hemsida.

I priset för en något professionell hemsida i den här klassen kan du räkna med att följande inkluderas:

• Professionell och högkvalitativ hemsida
• Utveckling och tillgång till en CMS-plattform WordPress
• 12-20 undersidor
• Unik och skräddarsydd design
• Nyhetsfunktioner
• Anpassad grafisk profil, med exempelvis färgteman och bildredigering
• Optimerad för hastighet
• God grad av sökmotoroptimering
• Avancerad mobilanpassning

HEMSIDA PRO +

Hemsida pris: 22 900 SEK –

Om hemsida priset överstiger 22 900 SEK ställer det höga krav på webbdesignen och utvecklingen, såväl som graden av skräddarsydda och specialanpassade funktioner. Det ökar också mängden programmeringstimmar. För den här typen av hemsidor är det inte ovanligt med över 20 st undersidor och en uppbyggnad som är väldigt långt ifrån Basic-prisklassen.

Du kan som kund räkna med att den utvecklade hemsidan som levereras, förutom allt som ingår i Pro-prisklassen, är mycket snabb, byggd på en avancerad grafisk profil samt är ordentligt sökmotoroptimerad. Det finns en hel del köpta hemsidor som överstiger en kostnad på 22 900 SEK och det mesta kan alltså kokas ner till utvecklingstiden som krävs för att bygga hemsidan när det gäller design och funktioner.

 

Vad kostar en hemsida att utveckla?

Utvecklingsarbetet spelar en stor roll för hemsida priset. När din hemsida är klar är det inte ovanligt att allteftersom vilja utföra små ändringar, lägga till fler sidor eller helt enkelt se till att uppdateringarna blir gjorda ordentligt. Om du inte har möjlighet eller kunskapen att göra detta själv kan det också bli kostsamt eftersom en professionell webbutvecklare i snitt kostar ungefär 600-1000 SEK per timme.

Med det i åtanke kan det vara en god idé att anlita en webbyrå som erbjuder fasta priser även för det eventuella efterarbetet med utvecklingen så att du kan känna dig helt trygg med vad du betalar för.

Se också till att du har en klar bild över hur mycket specialutveckling arbetet med din hemsida kommer kräva. Detta påverkar nämligen starkt hemsida priset och i vissa fall kan vissa funktioner, integrationer eller andra skräddarsydda element kosta mer än hemsidans hela design i övrigt. Var därför noga med att ha en nära dialog med din utvecklare genom hela processen så att inte priset springer iväg och blir onödigt dyrt.

 

Vilka löpande kostnader tillkommer för en hemsida?

Det är som tidigare nämnt inte bara utvecklingen i sig som kostar när du köper en hemsida. I hemsida priset behöver du också räkna in löpande kostnader som tillkommer. Här handlar det exempelvis om domännamnet för din hemsida, men även webbhotell, det vill säga värd-servern från vilken sidan existerar.

Webbhotell kostar i regel ungefär 79-149 SEK per månad men vissa leverantörer kan också överstiga detta eftersom de erbjuder bättre prestanda. Ett domännamn kostar i sin tur ungefär 129 SEK per år men som webbyrå rekommenderar vi att betala för flera år redan i förtid så kan du vara säker på att du får behålla ditt domännamn. Det kan också vara en god idé att köpa flera domänsuffix, exempelvis ”.com”, ”.nu” och ”.se” så kopplar alla till din hemsida. Kostnaden resulterar i sådant fall i 129 SEK per namn och år.

Förutom webbhotell och domännamn tar vissa webbyråer också betalt för säkerhetstillägg som exempelvis virusskanning och borttagning.

Webbyrå priser

Vissa webbyråer kan ta betalt i en månadskostnad som till synas kan verka billig men som riskerar att bli dyrare än ett fast pris i längden. Detta bör du som kund vara försiktig med, framförallt med enklare hemsidor eftersom dessa riskerar att bli flera gånger dyrare än motsvarande engångskostnad hos en webbyrå som erbjuder dig ett fast pris. Dessutom blir du ofta bunden till avtalet under en lång tid istället för att äga din hemsida själv.

Serviceavtal

En del webbyråer erbjuder också löpande serviceavtal för din hemsidas drift och säkerhet vilket kan vara en god idé om du och ditt företag driver en hemsida som kan tänkas behöva en del hjälp med detta. Oftast ingår i sådant fall ett antal timmar av kodning, uppdateringsarbete och säkring av backups i en fast månadskostnad.

Hur väljer jag rätt prisklass och hemsida?

När det är dags att välja paket och hemsida pris kan ibland vara lite svårt att veta vad man vilket alternativ som passar bäst. Ett bra första steg kan därför vara att först kartlägga din hemsidas syfte och vad målet är att den ska generera.

Ska din hemsida exempelvis endast bidra med information för dina besökare kan det gott och väl räcka med det billigaste alternativet men om målet istället är att generera kunder, leads och lönsamhet gör du klokt i att investera i en något dyrare prisklass som erbjuder dig snyggare och mer intresseskapande design, sökmotoroptimering och konverteringsorienterade funktioner.

Innan du hör av dig till webbyråer och fördjupar dig i olika paket är det också en bra idé att redan från start sätta en budget för vad du tänker dig att din hemsida ska kosta inklusive allt som kommer behövas. Ditt hemsida pris kommer att baseras på design, funktioner och vad du vill att den ska åstadkomma, så se till att vara på det klara med vad du behöver så att du varken betalar för mycket eller snålar. Var också noga med att alltid fråga efter ett fast pris för hemsidan!

 

Vad kostar en hemsida om jag utvecklar den själv?

Du kan självklart skära ner på hemsida priset genom att sköta utvecklingen själv och därmed inte anlita en webbyrå för jobbet. Vad kostnaden i sådant fall blir för din sida beror på några olika aspekter som är bra att fundera kring innan du sätter igång.

Först och främst behöver du räkna ut hur lång tid det kommer ta att utveckla din hemsida själv. Eftersom tid är pengar är således varje timme arbetet tar, en timme under vilken din hemsida inte genererar några tjänade pengar till dig.

Vi rekommenderar också att du har åtminstone grundläggande kunskaper i element som bildredigering, viss kodning och för CMS-plattformen du ska använda dig av, exempelvis WordPress eller Wix. Du behöver också sätta upp och betala för ett webbhotell som värd för din hemsida innan du kan sätta igång.

Momentet där du kan räkna med att tjäna pengar om du bygger din hemsida själv är dock just i utvecklingen. Eftersom du helt kan fokusera på din egen sida kommer du troligtvis undan billigare när det gäller detta jämfört med om du anlitar en webbyrå. Kom däremot ihåg att övriga kostnader som exempelvis plugins, funktioner, integrationer och domännamn fortfarande tillkommer och behöver räknas med.

Vilket webbhotell ska jag välja för min hemsida?

Att välja webbhotell för din hemsida, eller hosting som det också kallas, kan vara lite knepigt. Nuförtiden finns det mängder av alternativ och leverantörer som erbjuder dig olika typer av webbhotell beroende på vad du behöver. Men hur vet man vad man behöver och hur hittar man egentligen bäst webbhotell? I den här guiden hjälper vi dig och går igenom några viktiga aspekter att fundera på när det är dags för dig att välja webbhotell.

Kostanden för webbhotell och domännamn ligger i genomsnitt inom följande prisintervaller:

Ett bra webbhotell: ca 79-149kr per månad. Domännamn: ca 129 kr per år.

Att fundera på när det är dags att välja webbhotell:

För att förenkla ditt val har vi nedan satt ihop en lista med punkter som är bra att ta med i dina övervägningar för att hitta bäst webbhotell för just dig och din hemsida.

• Behovet av utrymme

En viktig faktor för att göra rätt val av WordPress-webbhotell är vilken typ av hemsida man bygger och hur mycket utrymme den därför kräver. En hemsida av mindre storlek som består av få undersidor och endast behandlar innehåll i form av text och några bilder kräver givetvis inte särskilt mycket utrymme. Om du däremot planerar att starta e-handel med mängder av produkter som alla kräver undersidor, bilder och videoklipp är det en helt annan situation. Se därför till att ha koll på vad du kommer att behöva när det handlar om utrymme och planera med lite ytterligare marginal när du väljer ditt webbhotell för att vara på säkra sidan.

• Trafik

Det finns begränsningar för hur mycket trafik din hemsida kan generera beroende på innehåll som exempelvis text, bild och video. Tunga mediefiler kan ställa till det om din hemsida inte tillåter större mängder trafik. För att undvika frustrerade besökare är det därför viktigt att se till att webbhotellet som du använder tillåter en rimlig mängd trafik som matchar dina planer och strategier.

• Responstid

En snabb hemsida är A och O för att bli framgångsrik på nätet. En mycket viktig del av att välja webbhotell är därför att se till att responstiden som erbjuds, det vill säga tiden det tar för dina besökare att nå servern som visar ditt innehåll, är bra. Din hemsida kan vara oerhört professionell och komprimerad för snabbhet i övrigt, men om webbhotellets responstid är dålig kommer den ändå vara långsam. Hastigheten är dessutom av högsta värde både när det gäller din hemsidas Google-rankning och att surfa via mobilen, vilket blir alltmer vanligt idag. Så även om priset kan vara lite dyrare är det helt klart värt att välja ett webbhotell som erbjuder riktigt bra responstid!

• Upptid

En stark upptid, det vill säga de procentsiffror som visar hur bra din server fungerar är extremt viktigt för en hemsida, framförallt om du bedriver e-handel. Detta eftersom det fungerar som en stämpel på professionalitet och pålitlighet för din hemsida. Alla webbhotell på marknaden behöver ibland startas om eller uppdateras, exempelvis för att parera avbrott eller attacker och det finns därför inget webbhotell som idag kan erbjuda dig en upptid på 100%. Att däremot befinna sig så nära 100% som möjligt i upptid är ett måste för att framstå som trovärdig och uppvisa driftsäkerhet. Basera därför delvis ditt val av webbhotell på det.

• Supportmöjligheter

Att snabbt kunna få hjälp med sin hemsida när du stöter på problem är av uppenbara skäl viktigt. För det är dessvärre faktiskt en fråga om när snarare än om och ganska oundvikligt oavsett vem du är och hur bra webbhotellet är. När detta sker är högsta prioritet att lösa problemen så fort som möjligt och att i de lägena inte få tag på hjälp tillräckligt snabbt kan vara oerhört frustrerande och även dyrt. Se därför till att välja ett webbhotell som erbjuder support både via mail- och telefonkontakt och dessutom under rimliga och generösa tider på dygnet. Två exempel på riktigt bra webbhotell när det gäller support är Loopia och FSdata.

• Teknik

Det är lätt att ta teknikaspekten med att välja webbhotell för givet och tänka att de flesta erbjuder samma sak, men det kan faktiskt vara viktigare än du kanske tror att fundera över. Se till att du väljer ett webbhotell som erbjuder stöd för rätt typ av programvara som du använder dig av med din hemsida, exempelvis gällande MySQL eller WordPress.

• Pris

Pris är såklart alltid en relevant faktor att väga in men när det gäller webbhotell kan det vara en god idé att betala lite mer för rätt val och inte bara satsa på det billigaste alternativet. Detta eftersom du helt enkelt erbjuds tjänster som speglar priset du betalar och det är stor skillnad på vad du får ut av 79 respektive 149 kr i månaden. Väljer du det billigaste alternativet är risken dessutom att kostnaden ändå blir större i det långa loppet om du exempelvis behöver betala för extern support på grund av brister i webbhotellets egna möjligheter till hjälp. Se därför till att hellre betala lite mer för ett riktigt bra webbhotell än att nöja dig med ett sämre alternativ bara för att spara några kronor i månaden.

• Möjlighet att skapa e-postadresser

Ett enkelt och effektivt sätt att få din hemsida och verksamhet att framstå som mer professionell är att skapa egna e-postadresser utifrån din domän istället för att använda exempelvis Outlook- eller Gmailadresser. De flesta webbhotellen erbjuder dig möjligheten att göra just detta och dessutom ofta helt gratis. Se till att välja ett av dem.

• Referenser på nätet

Ett bra sätt att få ytterligare hjälp med att välja webbhotell är att se vad tidigare och nuvarande användare tycker i sina omdömen online. Detta brukar kunna erbjuda dig en ärlig och rättvis helhetsbild.

Mobilanpassad hemsida

– Guide till varför du bör mobilanpassa hemsidan

Att surfa på nätet via mobil eller tablet istället för endast via dator blir allt vanligare i dagens digitala samhälle. Faktum är att inom vissa branscher genereras så mycket som 50% av trafiken via mobila enheter. Det är därför viktigare än någonsin att mobilanpassa hemsidan när du etablerar dig online för att konkurrera. I den här guiden hittar du allt du behöver veta för att anpassa din hemsida för mobila enheter.

Varför bör du mobilanpassa hemsidan? Detta är bara några av många anledningar:

• Din mobilanpassade hemsida är viktigare för din Google-rankning än desktopversionen.
• Genom en mobilanpassad hemsida förbättrar du din användarvänlighet, oavsett skärm och storlek.
• Geografiskt lokala Google-sökningar sker ofta från mobila enheter. Ta vara på det.
• Förenkla navigeringen på din hemsida.

För en bra Googlerankning – Mobilanpassad hemsida

Från och mars 2018 är en av de mest avgörande faktorerna för en hemsidas Google-rankning om den är ordentligt mobilanpassad eller inte. Så för att synas ordentligt i sökresultaten på Google är det med andra ord oerhört viktigt att du kan erbjuda dina besökare en lika högkvalitativ hemsida och användarupplevelse, oavsett vilken enhet de använder sig av.

Mobila enheter står för hälften av trafiken

I de flesta branscher är så mycket som 50% av den totala trafiken genererad via mobila enheter, vilket säger en hel del om vikten av en mobilanpassad hemsida för att maximalt kunna ta vara på möjligheterna och potentialen online. I vissa branscher är siffran till och med så hög som 80%. Det betyder att du riskerar att gå miste om väldigt mycket trafik och konverteringar, det vill säga omvandling från besökare till potentiell kund eller kontakt, om du inte kan erbjuda en mobilanpassad hemsida. Detta eftersom besökare statistiskt sett tenderar att lämna en hemsida snabbt om den inte är tillräckligt användarvänlig även för mobila enheter.

Förbättra din hemsidas användarvänlighet

En annan viktig del av en mobilanpassad hemsida är hur responsiv den är, vilket syftar på hur sidan skalanpassar sig till olika storlekar på skärmar. Detta gäller dels mellan olika typer av skärmar men också att din hemsida exempelvis ser lika bra och högkvalitativ ut om den visas på en datorskärm på 13 tum som om den visas på en som är 40 tum stor. På det här sättet genererar du en längre vistelsetid på sidan för dina besökare och därmed också bättre konverteringsgrad.

 

Lokala sökningar på Google sker ofta via mobila enheter

Det är genom studier framtaget att så mycket som 94% av alla geografiskt lokala sökningar när människor är i rörelse sker via mobila enheter. Enligt resultat av Google-studier från 2016 besöker dessutom hela 76% av människor som genomfört en lokal sökning via sin telefon en verksamhet inom ett dygn och 28% av sökningarna resulterar i köpkonverteringar. Det finns alltså statistiskt sett en mycket stor lönsamhet i online marknadsföring och en mobilanpassad hemsida.

Snabbhetens roll för en mobilanpassad hemsida

För varje sekund extra som en hemsida laddar är risken att ungefär 20-30% av dina besökare som surfar via mobila enheter lämnar sidan och söker sig vidare till andra alternativ. Att kunna erbjuda snabbhet och bra laddningshastighet på nätet är därför minst lika viktigt som att din hemsida är mobilanpassad och responsiv. Se till att ditt webbhotell erbjuder laddningshastigheter för de olika mobilnäten som 3G, 4G och 5G samt optimera din hemsida så att dina filer inte gör den långsammare. Detta gör du enklast genom att komprimera dina bilder och videoklipp, vilket kan göras gratis via sidor som till exempel Optimizilla.

Vill du veta hur din hemsida står sig när det gäller hastighet? Här kan du testa gratis:

Mobilanpassad hemsida – https://testmysite.withgoogle.com/

Desktop hemsida – https://tools.pingdom.com/

Är din hemsida mobilanpassad? Testa!

Om du är osäker på hur pass mobilanpassad hemsida du egentligen erbjuder dina besökare kan du enkelt testa den via https://search.google.com/test/mobile-friendly. Detta är ett bra sätt att upptäcka om det är något du behöver ändra eller förbättra. Testet är dessutom helt gratis!

Använd dig av lättlästa typsnitt på din hemsida

Detta kan låta lite självklart men kan faktiskt också vara lätt att glömma. För att skala bra med alla typer av skärmar och bidra till en högkvalitativ mobilanpassning behöver typsnitten som används på din hemsida vara lättlästa och gärna av typen Sans serif, det vill säga enkla typsnitt som inte innefattar seriffer, eller ”fötter”. Detta eftersom serif-typsnitt tenderar att bli svårlästa på grund av skärmstorlek och reflektioner. Använd dig därför endast av lättlästa typsnitt och se till att din teckensnittsstorlek på din mobila version är 1 till 2 storlekar större än din desktop-version.

Dela upp din text i kortare stycken

Det är krävande och jobbigt att läsa textstycken som är för långa på mobilen. Detta eftersom skärmen är mindre vilket gör flytet i läsningen sämre än på exempelvis en datorskärm och man riskerar att lätt tappa bort sig. Se därför till att dela upp din text i flera, kortare stycken istället när du ska mobilanpassa hemsidan. Tre till fyra meningar per stycke brukar vara en bra gräns att arbeta med. Eftersom människor i regel har ett kortare intressespann när de surfar via telefonen kan det också vara en bra idé att även inkludera visuella moment som bild eller video för att hålla uppe dina besökares intresse.

Lättnavigerad, mobilanpassad hemsida

En viktig del av att mobilanpassa hemsidan är att se till att den är lättnavigerad när det gäller layouten och strukturen. Dina besökare ska helt enkelt snabbt och enkelt kunna hitta vad de behöver i dina menyer eller utföra önskade handlingar på din sida.

Om du bedriver e-handel är det exempelvis en bra tumregel att dina besökare aldrig ska vara mer än två klick bort från det de söker efter. Det är därför en god idé att se till att din meny för mobilversionen är responsiv och ”sticky”, det vill säga att den alltid finns tillgänglig på skärmen, även när besökaren scrollar nedåt. Det är också viktigt att se till att dina besökare enkelt kan hitta det de söker, framförallt om du har ett stort utbud av produkter. En bra lösning för detta är att erbjuda filterfunktioner för deras sökningar så att de snabbt kan sålla bort irrelevanta sökresultat.

Om du arbetar i WordPress – Använd ett mobilanpassat tema

Om du har byggt din hemsida i WordPress är det en bra idé att använda dig av ett tema som är mobilanpassat från start. Detta erbjuds även för vissa andra CMS-plattformar. På det här sättet ser du snabbt och enkelt till att din hemsida fungerar lika bra oavsett vart och hur den besöks och dessutom passar Googles algoritmer som prioriterar mobilanpassade hemsidor på ett bra sätt. Mobilanpassa hemsidan redan idag!

Välja WordPress Tema

Bygger du, precis som nästan 50% av utvecklare på nätet, din hemsida i WordPress? När det är dags att välja WordPress tema kan det vara lite svårt knepigt att komma underfund med vilket tema som kommer resultera i den bästa hemsidan för just dig.

Som CMS-plattform växer WordPress i popularitet för varje dag som går och detta betyder också att det dyker upp alltfler teman och tillägg att välja mellan. Det finns både bra gratis WordPress teman, men även mer professionella alternativ för dig som vill köpa WordPress teman. För dig som känner dig osäker på vad du ska välja har vi i den här guiden sammanställt en del nyttiga tips och punkter värda att fundera över så att du kan få ut maximalt av din online marknadsföring utifrån just dina behov och mål.

Guidens delar innehåller:

• Ska jag välja betalda eller gratis WordPress teman?
• Vad kostar ett tema i WordPress?
• Mobilanpassade teman
• Supportmöjligheter
• Rekommendationer när du ska välja WordPress tema

 

Ska jag välja betalda eller gratis WordPress teman?

När det är dags för dig att välja WordPress tema finns det en del aspekter att fundera över. Det finns både gratis alternativ för dig som är ute efter en mer simpel design och enkelt WordPress tema. Men för dig som söker en något mer avancerad design som också kräver en större möjlighet till support kan det vara en god idé att satsa på att köpa WordPress temat.

 

Gratis WordPress teman

Det finns gott om bra gratis WordPress teman som fungerar toppen för dig som söker en design som är något enklare och inte ställer särskilt höga krav på avancerade funktioner i din online marknadsföring. Här kan det handla om en informellt inriktad hemsida som exempelvis en blogg. Ofta kräver dessa WordPress teman lite eget arbete för att ge din hemsida ett professionellt intryck och det är därför en fördel om du har lite grundläggande kunskaper i HTML och CSS. Gratis WordPress teman är med andra ord inte de mest nybörjarvänliga alternativen men kan vara toppen för dig som har en något ansträngd budget och är beredd att göra lite eget arbete. Supportmöjligheterna är begränsade till WordPress-forum där du kan få hjälp från andra WordPress-webbutvecklare och konsulter.

 

• Helt gratis
• Utmärkt för enklare designer
• Viss möjlighet till support
• Kräver vissa kunskaper inom kodning

 

Betalda WordPress teman

Utöver de gratis WordPress teman som finns att tillgå kan du också välja mellan ett stort utbud av betalda teman. De flesta betalar du för genom en engångskostnad och för denna kostnad erbjuds du i regel även möjligheten till premium support under 6-12 månader där du snabbt och enkelt kan få hjälp av en utvecklare för WordPress-temat. Självklart finns också WordPress-forumen alltid tillgängliga för att söka hjälp, precis som när det gäller de gratis alternativen.

Fördelen med att betala när du ska välja WordPress tema är att du erbjuds ett mycket professionellt och estetiskt tilltalande tema redan från start. Via WordPress mallar kommer du snabbt igång och kan arbeta med din hemsida. Dessutom är betalda teman alltid uppdaterade med den senaste versionen av WordPress och det är lätt för dig som användare att hantera din hemsida gällande exempelvis färger, typsnitt och funktioner. Det finns även mängder av guider och andra supportresurser om du skulle stöta på problem vilket gör betalda teman till ett mycket bra val för dig som är nybörjare.

Den största skillnaden mellan betalda och gratis WordPress teman är att de betalda, genom ett bättre stöd och möjligheter för ändringar och justeringar, kräver mycket mindre kunskaper inom kodning jämfört med gratisalternativen. Med ett betalt tema kan du lyckas med din hemsida helt utan förkunskaper inom kodning medan ett gratis WordPress tema ställer helt andra krav på dig som användare.

 

• Oftast engångskostnad
• Mycket snygga och professionella designer
• Bra möjligheter till support
• Kräver inga kunskaper inom kodning

Vad kostar ett tema i WordPress?

Priset för att köpa WordPress tema är i regel ungefär 40-70 USD med tillägg av skatt vilket i svenska kronor är ungefär 400-650 SEK. Det kanske låter som en del pengar att enbart lägga på ett tema men som webbyrå är det en investering vi verkligen rekommenderar. Detta eftersom ett betalt tema gör underverk för dig som snabbt och enkelt vill komma igång och kunna lansera en snygg, professionell och funktionell hemsida, dessutom helt utan krav på kunskaper inom kodning. Lägg där till att du också erbjuds kontinuerliga uppdateringar så att din hemsida har möjligheten att hålla sig säker, effektiv och snabb.

Mobilanpassat tema

Eftersom ungefär hälften av den totala trafiken på internet idag genereras via mobila enheter och siffran dessutom konstant stiger är det oerhört viktigt att du har ett tema som ser till att din hemsida är mobilanpassad. Om inte riskerar du att gå miste om mängder av besökare och potentiella konverteringar.

Se därför till att ditt alternativ erbjuder en mobilanpassning som stöder alla olika skärmar och upplösningar när du ska välja WordPress tema. På det här sättet möjliggör du också fler delningar av din hemsida eftersom även detta oftast sker via mobila enheter.

Glöm inte heller att skaffa ett SSL-certifikat för din hemsida så att den blir ”https” istället för ”http” och därmed också krypterad och mer säker.

Supportmöjligheter

WordPress är toppen för nybörjare inom webbutveckling och låter dig med enkelhet bygga professionella, effektiva och snygga hemsidor, framförallt med hjälp av betalda teman. Men om du skulle stöta på problem finns det alltså en mycket bra support att tillgå i form av forum och andra resurser. I de flesta fallen får du hjälp inom ett dygn och det mesta kan till och med lösas helt på egen hand med lite tips. En rekommendation när du ska köpa WordPress tema är att välja ett som köpts många gånger eftersom det är en klassisk och pålitlig kvalitetsstämpel. Svårare än så behöver det inte vara att välja WordPress tema och bygga hemsida.

Rekommendationer när du ska välja WordPress tema

Nedan rekommenderar vi fem teman som vi anser är några av de bästa alternativen för dig när du ska välja WordPress tema. Tipsen innefattar fyra stycken betalda teman och tips för att välja bra gratis WordPress teman.

BeTheme – Kostar $59

Ett av de WordPress teman som säljer bäst med nästan 230 000 sålda licenser och över 600 färdiga WordPress mallar att designa din hemsida från. BeTheme är en visuell redigerare och erbjuder även premium support och full kompabilitet för tillägg som exempelvis WooCommerce. Det är dessutom både mobilanpassat och snabbt.

Salient Theme – Kostar $60

Salient är ett annat mycket populärt tema som vi rekommenderar starkt. Med nästan 120 000 sålda licenser är det lite mer detaljfokuserat än exempelvis BeTheme och därmed också något svårare att arbeta i. Men Salient Theme är ultrasnabbt, fullt kompatibelt med relevanta tillägg och erbjuder dessutom även avancerad mobilanpassning. Genom en ”Layout Builder”-funktion och visuell redigerare kan du snabbt få till en fantastiskt snygg hemsida.

Avada Theme – Kostar $60

Avada är ett av de bäst säljande WordPress teman med nästan 690 000 sålda licenser och är kompatibelt med de flesta tilläggen du kan tänkas behöva för din hemsida. Med över 275 WordPress mallar och premium support är det ett mycket bra alternativ som visuell redigerare när du ska välja WordPress tema. Självklart är Avada också både mobilanpassat och snabbt.

Divi Theme – Kostar $89 per år eller $249 för obegränsad tid

Divi är dyrare och mer exklusivt än de övriga teman vi tipsar om ovan men är också en fantastisk visuell redigerare som används av nästan 770 000 webbutvecklare. Divi erbjuder förutom över 800 färdiga WordPress mallar även premium support och en mängd olika funktioner. Både snabbt och mobilanpassat.

Gratis teman – Kostar ingenting

Det finns mängder av gratis alternativ när du ska välja WordPress tema men inte vill spendera några pengar på det. Gratis WordPress teman är i regel väldigt enkla men saknar också kvaliteten och vissa funktioner som ett betalt tema erbjuder dig. För att få tillgång till visuell redigering behöver du använda dig av WordPress Gutenberg och du har dessutom sämre supportmöjligheter. Men för en någorlunda erfaren person med grundläggande kunskaper inom kodning och som är ute efter en enkel hemsida kan gratis WordPress teman vara ett utmärkt alternativ!

De 10 bästa WordPress tilläggen och plugins

WordPress är världens i särklass populäraste CMS-plattform och står för utvecklandet av ungefär 40% av alla hemsidor på nätet idag. Framgången och det faktum att WordPress är ett så kallat open-source-system har också lett till att det numera finns ett gediget utbud av WordPress plugins, eller tillägg som det kallas på svenska. Det finns olika typer av WordPress tillägg, exempelvis bidrar vissa med speciella funktioner för din hemsida, andra kan öka prestandan eller också kan det handla om säkerhetsaspekter. Några av dessa plugins är helt gratis och andra kostar, men ofta erbjuds du oavsett en gratis testversion så att du får möjlighet att prova WordPress tilläggen.

I den här listan har vi sammanställt vad vi som webbyrå anser vara de 10 bästa WordPress pluginsen på marknaden. Testa själv för att upptäcka vad som passar just dig och din hemsida!

• Slider Revolution

Ett av de mest populära WordPress tilläggen på marknaden idag är Slider Revolution. Denna plugin ser till att din hemsida är fullt responsiv och anpassar dina bildspel till alla typer av enheter och skärmar, oavsett om det gäller datorer, smartphones eller surfplattor. Slider Revolution erbjuder ett stort utbud av olika effekter, animationer och övergångar från vilka du kan vässa upplevelsen av ditt visuella innehåll.

Dessutom innehåller WordPress tillägget en komplett multimediaspelare som ger dig möjligheten att fritt anpassa och spela upp olika typer av visuella element som exempelvis videoklipp, sociala medier eller andra typer av inlägg i kombination med dina bilder.

• Jetpack

En annan populär och dessutom helt gratis WordPress plugin är Jetpack. Tillägget är utvecklat av Automattic, som även är ansvariga för WordPress i sig och detta bidrar såklart med både en kvalitetsstämpel och förtroendeingivelse.

Som WordPress tillägg bidrar Jetpack med flera funktioner fördelat på över 30 moduler. Bland annat bidrar Jetpack med prestanda, säkerhet och bildoptimering till din hemsida och är således ett toppenval för de flesta sidor.

• W3 Total Cache

W3 Total Cache är både det snabbaste och mest kompletta WordPress tillägget på marknaden när det handlar om att optimera prestandan för din hemsida och är därför troligtvis ett av de bästa alternativen du kan använda dig av när det gäller plugins. W3 Total Cache erbjuder cache-funktioner för din hemsidas alla delar som exempelvis databas cache, sid cache och objekt cache.

WordPress tillägget låter dig också till exempel integrera CDN-tjänster och kombinera och komprimera CSS- och IS-resurser, allt för att din hemsida ska ladda så snabbt som möjligt. För att uppnå en bättre rankning bland Googles sökresultat och lyckas med sitt SEO-arbete är detta extremt viktigt och vi rekommenderar därför W3 Total Cache starkt.

• Yoast

Arbetet med sökmotoroptimering, eller SEO, är oerhört viktigt för att lyckas på nätet, oavsett vilken typ av hemsida man bedriver och när det handlar om de bästa WordPress tilläggen för SEO-arbete vore det tjänstefel att inte nämna Yoast. Yoast är en mycket bra plugin som snabbt hjälper dig att förbättra ditt innehåll och även din Google-rankning.

Yoast SEO är även effektiv för övriga sökmotorer och vid användning krävs inga extra XML-sitemap-plugins eftersom även detta ingår i tillägget.

• MonsterInsights

Om du arbetar med Google Analytics för din hemsida är MonsterInsights ett måste som WordPress tillägg. Med denna plugin ansluter du enkelt din hemsida till Google Analytics så att du snabbt får en tydlig överblick kring hur dina besökare navigerar och beter sig på din webbplats. MonsterInsights är även effektivt för e-handel och låter dig enkelt mäta exempelvis din konverteringsgrad och ordervärden. Allt detta dessutom utan att behöva lämna instrumentpanelen i WordPress.

MonsterInsights är gratis men erbjuder också en Pro-version för dig som vill få ut ännu mer av tillägget.

• WordFence

En av de viktigaste aspekterna med att bedriva en hemsida är att se till att den är ordentligt skyddad från attacker och virus. WordFence är toppenalternativ för just detta och är det mest populära WordPress tillägget när det handlar om säkerhet, med över fyra miljoner hemsidor under sina vingar.

WordFence blockerar effektivt skadliga nätverk och skannar också av och kartlägger sårbarheter hos din hemsida samt övervakar olika mätvärden. Allt detta för att kunna erbjuda dig så mycket säkerhet som möjligt så att du ska kunna känna dig trygg. Så för att vara ordentligt skyddad – installera WordFence!

• Smush

Ett annat populärt alternativ bland WordPress plugins är Smush. Med hjälp av detta tillägg förbättrar du enkelt din hemsidas prestanda genom att automatiskt komprimera bilderna du använder dig av på webbplatsen. Smush erbjuder en helt förlustfri komprimering vilket betyder att kvaliteten på dina bilder inte på något sätt försämras, utan de blir endast mindre när det handlar om filstorlekarna.

Som WordPress tillägg komprimerar och optimerar Smush även alla dina nyupplagda bilder automatiskt och det är dessutom helt gratis.

• WooCommerce

WooCommerce är oerhört populärt inom e-handel och står idag för ungefär 30% av alla webbshopar på nätet. WooCommerce spelar helt enkelt i en egen liga när det handlar om webbshop WordPress plugins.

Tillägget är enkelt att installera och gör det mycket lätt för dig att komma igång med din e-handel och sälja alla möjliga typer av varor och tjänster. Du kan också lägga till kategorier, taggar, attribut samt obegränsade bilder och antal produkter. Med WooCommerce kan du enkelt och automatiskt även hantera delar som inventering, frakt, säkra betalningslösningar och skatteuträkning.

Detta WordPress tillägg erbjuder dig full kontroll över din e-handel, med stöd även för mobila enheter och skärmar. Dessutom är det helt gratis!

• Akismet

Ytterligare en av de plugins som är utvecklade av WordPress-skaparna är Akismet. Akismet ingår i kärninstallationspaketet för WordPress och är ett typ av antispam-tillägg som rensar bort spam och skräppost bland kommenterarna på din hemsida.

Du kan dessutom följa exakt vilka kommentarer som tagits bort av Akismet via en kontinuerlig historik som erbjuds. Detta är ett mycket effektivt WordPress tillägg för att hålla din hemsida ren från skräp i kommentarsväg.

• TablePress

Om du gillar tabellverktyg som till exempel Excel är TablePress rätt WordPress tillägg för dig. Med hjälp av TablePress kan du enkelt ordna fram tabeller direkt i instrumentpanelen, oavsett vilken typ du kan tänkas behöva. Du kan importera data från både Excel och Google Sheets och dessutom använda vilken typ av media som helst för dina tabeller.

TablePress ger dig också möjligheten att enkelt bädda in dina listor och tabeller i inlägg, sidor eller text widgets. TablePress är helt enkelt ett måste för dig som gillar att organisera via listor.

Vad kostar WordPress plugins?

De flesta är helt gratis men vissa erbjuder premiumtillägg. Dessa kostar vanligtvis ungefär 20-40 USD.

Hur installerar man WordPress tillägg?

Det är superenkelt! Sök bara efter de plugins du behöver på Google och klicka sedan på installera följt av aktivera så är det klart.

Vad är WordPress?

WordPress är världens i särklass största CMS-plattform för att bygga hemsidor. Ca 40% av hemsidorna på nätet drivs idag av WordPress och det är dessutom helt gratis.