att ställa in din egen webbplats är mycket enklare än du tror. Fler och fler människor vill ha sin egen online-närvaro. Du behöver inte bara bero på en Instagram-profil, en Facebook-sida eller ett Twitter-konto.

varför inte göra din egen hemsida?

för att komma igång, låt oss ta en titt på de vanligaste frågorna vi fått från ambitiösa nybörjare som dig själv tidigare:

behöver jag tekniska färdigheter?

detta beror på syftet med din webbplats. Det mest komplicerade sättet skulle vara att lära sig att koda HTML, CSS, JavaScript och PHP – grunderna på praktiskt taget vilken webbplats som helst.

men det här är inte det enda sättet att skapa en webbplats: även om du inte är mycket bekant med den tekniska sidan av saker kan du enkelt skapa en bra webbplats.

men hur?

genom att använda en webbplatsbyggare. Om du kan använda Word, Facebook eller PowerPoint kan du använda dessa verktyg utan problem. Dessa lättanvända plattformar erbjuder en visuell redigerare, värd, och du kan få ett anpassat domännamn genom dem: en one-stop-shop.

hur man ställer in en webbplats: 5 steg för att komma igång

de flesta webbplatsprojekt går igenom dessa steg:

1. gör en plan för din webbplats struktur och innehåll
2. registrera ett domännamn – helst välja en .com
3. hitta en webbplatsbyggare (eller CMS/webbhotell) för att skapa din webbplats
4. optimera den för sökmotorer
5. starta din webbplats

de 3 mest populära sätten att starta en webbplats

Låt oss gå igenom de mest populära sätten att starta en webbplats. Det finns många lösningar. Vissa är mer flexibla än andra, och vissa är mer komplexa.

skapa en webbplats med en webbplatsbyggare

låt oss börja med det enklaste alternativet: en webbplatsbyggare. Detta är ett” all inclusive ” – paket, så att säga: ett enda företag tillhandahåller vanligtvis mallen (design), dra och släpp-redigeraren, webbhotell, domännamn, e-postadress och support. Webbbyggaren tar hand om de svåra uppgifterna.

Smart Finder: snabbt ta reda på vilken som är den bästa webbplatsbyggaren för dig

detta är inte bara användbart för nybörjare. Det beror helt enkelt på projektet. Varför komplicera ditt liv om det finns enkla sätt att göra saker? Nästan alla webbplatsbyggare låter dig skapa en gratis grundläggande webbplats på en underdomän (t. ex. yourname.sitebuildername.com), som är ad-stödda. Med en sådan plan kan du prova det i detalj innan du bestämmer om kostnaden är värt det.

men om du vill ta ditt företag online bör du överväga en betald plan. Priserna börjar på cirka $8 / månad, men det innehåller alla väsentligheter. Lägg runt $1-6 / månad på toppen om du behöver en professionell e-postadress för ditt företags webbplats.

för att bättre förstå exakt hur det fungerar, vänligen titta på vår steg-för-steg handledning till webbplats skapande!

fördelar:

• det är väldigt lätt att använda.
• du behöver inte ytterligare programvara eller ens värd.
• du kan börja utan teknisk kunskap.
• uppdateringar och säkerhetsaspekter hanteras av webbplatsbyggarföretaget.
• fördefinierade designmallar som du kan anpassa som du vill.
• mobiloptimerad version ingår som standard.

nackdelar:

• du kan inte alltid lägga till extrafunktioner (beroende på webbplatsbyggaren).
• det är inte lika flexibelt eftersom du är beroende av leverantören.
• de är inte utformade för mycket komplicerade projekt som kräver en databas (t. ex. en jobbtavla eller fastighetskataloger)

de mest populära webbplatsbyggarna är Wix (se handledning), Squarespace (se handledning) och Shopify (för onlinebutiker). Du hittar andra webbplatsbyggare i vår fullständiga jämförelse.

du kan prova Wix webbplatsbyggare gratis och så länge du vill.

prova Wix free

skapa en webbplats med ett innehållshanteringssystem

innehållshanteringssystem (CMS) är lite mer komplicerade. Även om de i huvudsak fungerar på samma sätt som en webbplatsbyggare, är de mycket svårare att använda.

med en webbplatsbyggare kan du inte bara lägga till enkelt innehåll som texter och bilder, utan du kan också designa en hel webbplats. Ett klassiskt innehållshanteringssystem skulle vara mycket mer begränsat i det här fallet, och när det gäller utseende är du begränsad till de tillgängliga mallarna.

även om det finns gott om system som Joomla!, Drupal och Typo3, vi fokuserar på det mest populära CMS, som är WordPress. Tack vare värdföretag som erbjuder en installation med ett klick är det inte svårt att installera.

Rekommenderade är Dreamhost (extremt prisvärd), Siteground (lite dyrare men super kraftfull) och Bluehost (populärt val med 24/7 support).

Läs mer om de andra billiga WordPress webbhotell vi rekommenderar.

du kan också enkelt installera en mall och justera den med designalternativen. Men: om det finns något du inte gillar måste du förmodligen ändra CSS eller HTML (du eller en programmerare).

hosting, domän, e-postadress, installation och supportnivå du väljer beror på hur mycket du vill spendera och din tekniska kunskap. Det kan vara ganska billigt om du gör det själv. Ta en titt på vår prisguide för typiska webbplatsprojekt här.

naturligtvis kan det inte alltid vara den perfekta lösningen, särskilt när du är upptagen med att driva ett företag. I det här fallet kan du också försöka anställa en webbdesigner som kan hjälpa dig att skapa en WordPress-webbplats, till exempel.

en enorm fördel, särskilt för WordPress, är att du har tusentals plugins som låter dig lägga till specialfunktioner på din webbplats som inte ursprungligen ingår. Ett typiskt exempel skulle vara WooCommerce, ett plugin som lägger till en komplett webbutik.

som standard är WordPress utformat för att vara på ett enda språk, men det finns plugins, som WPML, som låter dig översätta sidan. En annan av mina favoriter är Yoast SEO-plugin, som låter dig ändra sökmotorns inställningar (t.ex. för att rankas högre på Google).

i vår introduktionsvideo tar vi en titt på vad du behöver tänka på om du ställer in WordPress.

du kan registrera dig för Siteground här.

fördelar:

• du kan välja webbhotell.
• perfekt för flerspråkiga webbplatser.
• teknisk flexibilitet: du kan komma åt hela källkoden (om du vet vad du gör).
• du kan få fler funktioner med plugins.
• du kan optimera sidladdningshastigheten

nackdelar:

• ingen direkt personlig teknisk support (endast begränsat stöd från din webbhotell)
• kreativ frihet beror på mallen.
• det kan ha extra kostnader för plugins.
• du kan behöva en programmerare även för att göra små estetiska förändringar.

andra exempel på innehållshanteringssystem är Joomla! Och Drupal, men de är mycket mer komplicerade att använda än WordPress, så vi kommer inte in på det. Du hittar mer information om WordPress i vår WordPress nybörjarguide.

hur man programmerar en webbplats själv (eller anlitar någon för att göra det).

Detta är den högsta disciplinen: öppna redigeraren och börja koda. De som behöver total frihet måste göra sidan själva. Du behöver tålamod för detta, och för nybörjare är det vanligtvis överväldigande (och frustrerande).

ett bra ställe att börja är webbplatser som Codecademy, Mozilla eller W2Schools, som har steg-för-steg-handledning för nybörjare. Men förvänta dig en lång resa innan din webbplats är klar. Naturligtvis, för att påskynda processen kan du hyra en webbdesigner. Tänk bara på att din kodare inte ska göra mönster och vice versa. De färdigheter som krävs för var och en av dessa uppgifter är mycket olika.

att ge ett allmänt pris är inte lätt här, eftersom det beror på projektet. Du måste självklart betala för hosting, men det finns gott om billiga webbhotell att välja mellan. Framför allt kommer det att bli mycket dyrare om du behöver anställa en programmerare: att betala $8-15 per månad för en webbplatsbyggare kommer alltid att vara billigare än vad någon designer eller byrå tar ut för en timmes arbete.

några populära utvecklingsverktyg är NetBeans, Aptana Studio eller Brackets. Alla tillåter åtminstone HTML, CSS, JavaScript, PHP och är gratis. Ett annat alternativ är Webflow, som är en visuell källkodsredigerare.

parentes skärmdump

fördelar:

• möjligheterna är obegränsade om du vet hur du programmerar.
• kostnadsvänlig hosting.
• maximal flexibilitet.

nackdelar:

• inget (eller dyrt) stöd.
• inlärningskurvan är brant.
• kostnaderna är svåra att beräkna.
• kräver mycket studie-och implementeringstid.

vad sägs om domännamnet?

om du inte vill använda ett gratis domännamn (vilket ser ganska fult ut eftersom det kommer att ha namnet på ett annat företag i det) måste du köpa din egen domän. Detta kommer då att se ut www.mycompany.com. vanligtvis är det bäst att få .com-förlängningen om du inte är strikt verksam i ett land som Kanada (.ca) eller Storbritannien (.co.uk). Naturligtvis finns det också många framgångsrika företag som använder ett av de nyare domännamnen som .me eller .byrå, till exempel.

vårt eget domännamn

det finns ingen brist på registrarer som säljer anpassade domännamn. Vi köper dem mest på Namecheap som de är, ja, ganska billiga men skillnaderna är inte så signifikanta eftersom de sträcker sig från $9-18 per år.

men beroende på var du bygger din webbplats kan du få den också inkluderad i ditt webbplatsbyggarpaket. Wix, Weebly och Jimdo, till exempel, har alla domännamnet inkluderat gratis under det första året. De följande åren tar de ut något mer än Namecheap, till exempel, men den extra bekvämligheten att bara behöva hantera ett företag är normalt värt det.

om du använder WordPress.org eller Bygg webbplatsen själv, du måste också organisera din egen webblagring. Detta kan köpas på samma plats där du får ditt anpassade domännamn från eller hos ännu ett specialiserat företag som Siteground eller WP Engine. Men om du bara börjar, spelar det ingen roll för mycket för nu.

Låt oss nu titta på ett område som är nära kopplat till domännamnet:

Hur får man en professionell e-postadress?

om du driver ett företag vill du förmodligen inte använda en Gmail-eller Hotmail-adress. Att ha en anpassad e-postadress på ditt eget domännamn ser mycket mer professionellt ut! Och det är ganska lätt att få. Låt mig ge dig några olika alternativ:

• hämta det från din webbplatsbyggare eller webbhotell: några av dem inkluderar e-postadresser utan extra kostnad (t. ex. Webnode och Siteground)
• hämta det från din domänregistrator: Namecheap erbjuder till exempel det för mindre än $12 per e-postadress per år.
• om du älskar Gmail kan du prova Google Workspace. Det är den mest funktionsrika lösningen, men ger dig tillbaka $6 per e-postadress. Detta är också den lösning som de flesta webbplatsbyggare erbjuder (Wix, Squarespace, Jimdo etc.)
• Tips: för en helt gratis lösning: Zoho Workplace, som innehåller upp till 5 e-postadresser. Det är lite mer komplicerat att ställa in men din domänregistrator borde kunna hjälpa dig med det.

Design och planering av en webbplats

precis som det inte alltid är bra att börja laga mat utan att följa ett recept, åtminstone om du inte har någon erfarenhet, detsamma gäller för att skapa en webbplats. Här är improvisation inte en bra ide. Planering hjälper dig att bestämma vilka avsnitt du behöver, det innehåll som fungerar bäst för dig och hur din webbplats ska utformas.

Mind map för en Online skoaffär

ett bra sätt att börja är genom att skapa en mind map med ideer om vad din webbplats behöver. De viktigaste punkterna i denna Tankekarta kan användas för din navigering.

tips för att planera din webbplats:

1. Använd ett papper och en penna och skriv ner allt du vill ha på webbplatsen. Brainstorming och skapa en Tankekarta är de perfekta sätten att organisera dina tankar.
2. ta en titt på andra intressanta webbplatser både när det gäller design och innehåll. Notera vad du gillar och vad du inte gör.
3. när du har ett utkast till vad du vill ha på din webbplats, fråga folk du litar på vad de tycker. Du hittar säkert några intressanta perspektiv du kan införliva.
4. skapa en lista(t.ex. i Excel) med alla sidor som din webbplats kommer att ha. Anteckna titeln, vilken typ av innehåll du har, nyckelord, syftet, typen av sida och deras betydelse.
5. Bonus: Om du vill placera dig bra i sökmotorer är det här när du ska ta reda på vilket nyckelord varje sida kommer att ha och lägga till dem i listan i punkt 4. Läs denna SEO guide för mer information.

vad sägs om webbdesign?

att skapa visuella webbdesigner är ingen lätt uppgift. Faktum är att jag skulle säga att online finns det fler exempel på hemska mönster än bra. Låt inte din webbplats vara en.

precis som bell bottom jeans var snygga på 70-talet var de löjliga på 80-och 90-talet. samma sak händer med webbdesign. Du måste komma ihåg att det som ansågs vara god praxis för 5 år sedan, kan nu verka gammalt eller föråldrat. Kolla in den här artikeln för att veta vilka metoder som ska undvikas.

Detta är inte en guide för professionella designers, men det kommer att ge dig några tips som jag tycker alltid fungerar:

1. försök att använda en ljus (eller vit) färg för bakgrunden.
2. Välj attraktiva färger som kompletterar varandra. Använd Adobe Color om du behöver hjälp.
3. Håll designen ren, enkel och lämna tomt utrymme mellan elementen. Mer information.
4. använd inte för många teckensnitt: en för titlarna och en annan för texten räcker vanligtvis. Den här guiden hjälper dig att välja.
5. Håll konsekvent stil och format. Användarna bör inte märka några skillnader mellan dina sidor. Skapa inte en Frankenstein.
6. din webbplats bör också vara perfekt anpassad till mobila enheter.
7. alla bilder du lägger till måste se professionella ut. Ladda inte upp en selfie du tog framför en badrumsspegel. Tänk på att dagens smartphones tar väldigt fina bilder. Om du planerar rätt kan du få bra headshots.
8. mindre är mer. När du är osäker, gå minimal.

om du vill gå djupare med webbdesignen, ta en titt på Wix blogg. Det finns oändliga tutorials och guider på lättsmält design.

vilka element har bra webbplatser gemensamt?

1. Snygg konstverk

logotypen och bildvalet är avgörande för att få en professionell webbplats. Idag kan du enkelt hitta massor av gratis stock foton: de bästa att kolla in är Unsplash och Creative Commons.

Dessutom kan du hitta mer professionella bilder (börjar $1) på många andra webbplatser, som och . Här är några bra gratis fotoalternativ.

det är viktigt att se till att du förstår tillgängliga bildformat: .gif,.jpg och .png är de viktigaste formaten. Dessutom måste du optimera bildens storlek och kvalitet till webbstandardwebbläsaren. Allt du behöver veta om detta ämne finns här.

innan du laddar upp bilder till din webbplats, använd tjänster som TinyPNG eller ShortPixel för att komprimera dina foton gratis. Även om det mänskliga ögat knappast kommer att känna igen någon förändring i bilden, kommer det att påskynda din webbplats och förbättra användarupplevelsen för dina besökare. Självklart, sökmotorer älskar snabb lastning webbplatser också!

på samma sätt kommer det att vara praktiskt att ha ett redigeringsprogram för att kunna redigera och ändra storleken på bilderna. Ett professionellt och gratis alternativ är Gimp, men det är ganska komplicerat att använda. Andra Photoshop-alternativ är Affinity Photo och Acorn, som bara kostar en bråkdel av originalpriset och inte kräver prenumeration.

men det finns allt fler verktyg du kan använda för att skapa grafiska resurser enkelt och utan att behöva lära dig att använda Photoshop eller Illustrator. Du kan till exempel använda Stencil eller Snappa.

2. Professionell kopia

kom ihåg att skriva för en webbplats inte är detsamma som att skriva ett brev eller en bok. På webben tenderar vi att vara mindre formella och samtidigt behöver hjälpa upptagna individer att hitta den information de behöver snabbt. Det betyder att vi måste göra vårt innehåll skannbart av:

• med hjälp av en rubrikstruktur som är meningsfull,
• inte låta textpartiklarna bli för långa,
• lägga till punktpunkter och
• välja teckensnitt som är lätta att läsa.

vi har faktiskt skrivit en hel guide kring detta ämne, som du hittar här. Det är också viktigt att redan ha SEO bästa praxis i åtanke i detta skede. Beroende på storleken på din webbplats bör du åtminstone hitta tre huvudsakliga söktermer som du vill rangordna högst upp på Google.

3. Kontaktformulär och en navigeringsmeny som är meningsfull

för att ge ett professionellt intryck till dina besökare bör du använda ett kontaktformulär istället för en e-postadress. Lyckligtvis är det enkelt att integrera kontaktformulär med lösningar som Wix, Squarespace eller WordPress.

kom ihåg att din webbplats navigeringsfält är avgörande för besökare att gå från en sida till en annan. Var uppmärksam på det och se till att det flyter logiskt. Om ditt mål till exempel är att användare ska skicka ett meddelande via kontaktformuläret, skulle det vara ett episkt misslyckande att glömma att länka till det i menyn eller sidfoten.

se till att du också gör ett test registrera dig innan du publicerar din webbplats!

steg för att skapa en webbplats

för att sammanfatta, här är din handlingsplan:

1. planera din webbplats och beställ ideerna i en Tankekarta.
2. köp domännamnet, till exempel på Namecheap (men du kan också köpa det efter).
3. välj den bästa webbplatsbyggaren eller CMS.
4. skapa innehållet (t.ex. texter och bilder) för varje sida (enligt SEO bästa praxis).
5. Lägg till innehållet på din webbplats och konfigurera analysverktyg.
6. publicera och marknadsföra sidan.

uppenbarligen kan var och en av ovanstående punkter byggas på mycket mer. Vi har en (gratis) e-bok där du kan få ytterligare information.

din webbplats är uppe. Vad händer nu?

om du redan har skapat din webbplats och publicerat den kan du börja marknadsföra och optimera den för att öka besöken och förbättra användarupplevelsen.

• uppdatera din webbplats: webbplatser är inte böcker. När de har publicerats kan de fortfarande uppdateras. Se till att du skapar nytt och relevant innehåll när du har chansen och att du ständigt uppdaterar webbplatsen. Tänk dig till exempel en restaurangs webbplats: om menyn ändras bör den återspeglas på webbplatsen så snabbt som möjligt.
• online positionering: För att locka så mycket Besökare som möjligt måste du ytterligare optimera din webbplats SEO. Det här är inte särskilt komplicerat, men det kräver tid och arbete. Kolla in den här guiden för mer information.
• webbanalys: dina ansträngningar i online positionering (ovan punkt) kommer att vara värdelös om du inte mäter din webbplats trafik. Det är så du vet om det fungerar eller inte. Det mest populära webbplatsanalysverktyget är Google Analytics. Och det är gratis!

• när du publicerar din webbplats bör du naturligtvis registrera dig hos Google Search Console för att meddela Google att din sida finns och få information. Eller åtminstone skicka din webbplats URL (adress) till Google så att den kan indexera den.
• e-postmarknadsföring: en annan vanlig strategi, särskilt för företag, är att skicka vanliga e-postmeddelanden till sina besökare för att inte förlora kontakten. Detta är särskilt användbart för nätbutiker, småföretag och bloggare. E-postmarknadsföring är en vetenskap i sig. Du kan läsa den här instruktionsguiden för att hitta mer information om hur du kommer igång med att skicka nyhetsbrev.
• sociala medier: Slutligen har de flesta webbplatser också sociala medieprofiler (t.ex. Facebook, Instagram, Twitter, LinkedIn, etc.) för att kunna interagera med sina besökare (och potentiella besökare) utanför webbplatsen du har skapat. Detta fungerar särskilt bra för visuella proffs, som illustratörer, juvelerare eller fotografer.

jag hoppas att den här lilla guiden har hjälpt dig att förstå hur du skapar en webbplats från början till slut.

bredvid guiden du läste just nu har vi också ett par branschspecifika guider också:

1. skapa en webbplats för småföretag och entreprenörer
2. Guide för att starta en e-handelswebbplats
3. webbplatsbyggare för artister (t. ex. artister och designers)
4. hur man skapar en onlineportfölj
5. skapa fotograferingswebbplatser
6. skapa en webbplats med WordPress