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 bero uteslutande på en Instagram-profil, en Facebook-sida eller ett Twitter-konto.

varför inte skapa en egen hemsida?

för att komma igång, låt oss ta en titt på de vanligaste frågorna vi fick 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 redaktör, värd, och du kan få ett 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 webbplatsens struktur och innehåll
2. registrera ett domännamn – helst välj en .com
3. hitta en webbplatsbyggare (och värdleverantör) 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 skapa 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.

ställa in 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), redaktör, värd, domännamn, e-postadress och support. Webbbyggaren tar hand om de svåra uppgifterna.

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 stöds av annonser. Med hjälp av en sådan plan kan du prova det i detalj innan du bestämmer om kostnaden är värt det.

priserna börjar på cirka $8 / månad, men det innehåller alla väsentliga saker. Om du inte särskilt behöver en e-postadress kan det vara ännu billigare.

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 enkelt att använda.
• du behöver inte ytterligare programvara.
• Du kan börja utan teknisk kunskap.
• uppdateringar och säkerhetsaspekter hanteras av webbplatsbyggaren själv.
• fördefinierade designmallar som du kan anpassa som du vill

nackdelar:

• Du kan inte alltid lägga till extra funktioner (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. ett jobb eller fastighetskataloger)

de mest kända webbplatsbyggarna är Wix, Weebly 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

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

med en webbplatsbyggare kan du inte bara lägga till enkelt innehåll som texter och bilder, men 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.

medan 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 ställa in.

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 vilka webbhotell vi rekommenderar för WordPress här.

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).

värd, 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.

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ökmotorinställningarna (t.ex. Google).

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

Du kan anmäla dig till 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.

nackdelar:

• ingen personlig teknisk support.
• kreativ frihet beror på mallen.
• Det kan ha extra kostnader för plugins.
• du kan behöva en programmerare 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 i det. Du hittar mer information om WordPress i vår WordPress nybörjarguide.

hur man programmerar en webbplats själv (eller anställer någon 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.

i det här fallet är det inte möjligt att ge ett pris i allmänhet, eftersom det beror på projektet. Framför allt blir det mycket dyrare om du behöver anställa en programmerare: att betala $8-10 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 favoriter är NetBeans, Aptana Studio eller parentes. Alla tillåter åtminstone HTML, CSS, JavaScript, PHP och är gratis. Ett annat alternativ är Webflow, som är en visuell källkodsredigerare.

parenteser skärmdump

fördelar:

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

nackdelar:

• inget 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-tillägget om du inte är strikt verksam i ett land som Kanada (.ca) eller Storbritannien (.co.uk).

vårt eget domännamn

det finns ingen brist på så kallade registratorer som säljer domännamn. Vi själva köper dem oftast 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å med 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 till exempel lite mer än Namecheap, 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 domännamn från eller på ännu ett specialiserat företag som Siteground eller WPEngine. Men om du bara börjar, spelar det ingen roll för mycket för nu.

tips: om du också behöver e-postadresser kan du prova Zoho Workplace. Det är en liknande tjänst som Google Workspace men Zoho har också en gratis plan.

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, innehållet 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 att skapa en mind map med ideerna om vad din webbplats kommer att behöva. 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. Notera titeln, vilken typ av innehåll du har, nyckelord, syftet, typen av sida och deras betydelse.
5. Bonus: Om du vill positionera 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 webbdesignen?

att skapa visuella webbdesigner är ingen lätt uppgift. Faktiskt, jag skulle säga att online, Det finns fler exempel på fruktansvärda 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 vitt 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 mycket 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 har oändliga handledning och guider om lättsmälta mönster.

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: det bästa är att kolla in Creative Commons.

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

det är viktigt 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.naturligtvis kan du alltid använda webbplatser som TinyPNG eller ShortPixel för att komprimera dina foton gratis.

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. Ett annat Photoshop-alternativ är Affinity Photo, 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öva 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:

• använda en rubrikstruktur som är meningsfull,
• inte låta textparagraferna 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.

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. Det är väldigt enkelt att integrera kontaktformulär med lösningar som Wix, Jimdo, Weebly 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. Till exempel, om ditt mål är att användarna ska skicka ett meddelande via kontaktformuläret, glömmer du att länka till det i menyn eller sidfoten skulle vara en episk misslyckande.

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

steg för att skapa en webbplats

Vi kan dela upp skapandet av webbplatsen i följande steg:

1. planera din webbplats och beställa ideerna i en mind map.
2. Bestäm vilket innehåll du behöver för din webbplats.
3. köp domännamnet, till exempel på Namecheap (men du kan också köpa det efter).
4. välj den bästa webbplatsbyggaren.
5. skapa innehållet (t.ex. texter och bilder) för varje sida.
6. Lägg till innehållet på din webbplats och optimera SEO.
7. publicera och marknadsföra sidan.

uppenbarligen kan var och en av ovanstående punkter byggas på mycket mer. Vi har en (gratis) ebook där du kan få mer 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 optimera din webbplats SEO. Detta ä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!

• naturligtvis, när du publicerar din webbplats, bör du registrera dig hos Google Search Console för att meddela Google att din sida finns och få information. Eller skicka åtminstone webbplatsens 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 regelbundna 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 guiden 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 webbutik
3. webbplatsbyggare för artister (t. ex. artister och designers)
4. skapa fotograferingswebbplatser
5. skapa en webbplats med WordPress