Articles

een Website opzetten in 2021: een bijgewerkte beginnershandleiding

Tips om een website te maken

uw eigen website opzetten is veel eenvoudiger dan u denkt. Steeds meer mensen willen hun eigen online aanwezigheid hebben. Instagram-profiel, Facebook-pagina of een Twitter-account zijn niet de enige manier om je af te vragen.

waarom niet uw eigen website maken?

om te beginnen, laten we eens een kijkje nemen op de meest voorkomende vragen die we kregen van ambitieuze beginners zoals jij in het verleden:

inhoudsopgave

heb ik technische vaardigheden nodig?

Dit hangt af van het doel van uw website. De meest ingewikkelde manier zou zijn om te leren hoe je HTML, CSS, JavaScript en PHP coderen-de basisprincipes van vrijwel elke website.

maar dit is niet de enige manier om een website te maken: zelfs als u niet erg vertrouwd bent met de technische kant van de dingen, kunt u gemakkelijk een goede website opzetten.

maar hoe?

met behulp van een Website builder. Als u Word, Facebook of PowerPoint kunt gebruiken, kunt u deze tools zonder enig probleem gebruiken. Deze eenvoudig te gebruiken platforms bieden een visuele editor, hosting, en je kunt een domeinnaam via hen te krijgen: een one-stop-shop.

het opzetten van een website: 5 stappen om te beginnen

De meeste websiteprojecten doorlopen deze stappen:

  1. Maak een plan voor de structuur en inhoud van uw website
  2. Registreer een domeinnaam – idealiter kies een .com
  3. zoek een websitemaker (en hostingprovider) om uw website te maken
  4. optimaliseren voor zoekmachines
  5. start uw website

de 3 populairste manieren om een website op te zetten

laten we de populairste manieren bekijken om een website te starten. Er zijn vele oplossingen. Sommige zijn flexibeler dan andere, en sommige zijn complexer.

een website opzetten met een website builder

laten we beginnen met de makkelijkste optie: een website builder. Dit is een” all-inclusive ” pakket, bij wijze van spreken: een enkel bedrijf zal meestal de sjabloon (ontwerp), editor, hosting, Domeinnaam, e-mailadres en ondersteuning. De web builder zorgt voor de moeilijke taken.

Dit is niet alleen nuttig voor beginners. Het hangt gewoon af van het project. Waarom je leven compliceren als er eenvoudige manieren zijn om dingen te doen? Bijna alle site bouwers laten u een gratis basic website maken op een subdomein (bijv. yourname.sitebuildername.com) , die wordt ondersteund door advertenties. Met behulp van een dergelijk plan kunt u het in detail proberen voordat u beslist of de kosten het waard is.

prijzen beginnen bij ongeveer $ 8 / maand, maar het bevat alle essentiële zaken. Als u niet in het bijzonder een e-mailadres nodig hebt, kan het nog goedkoper zijn.

om beter te begrijpen hoe het precies werkt, kijk dan naar onze stap voor stap handleiding voor website Creatie!

ooit afgevraagd hoe moeilijk het is om een website te maken? We hebben goed nieuws, het is heel gemakkelijk! Bekijk onze volledige tutorial hier:… Hoe maak je een Website? Leer het in minder dan 5 minuten! 2018-08-09T09: 41: 25.000 Z https://i.ytimg.com/vi/FXNSB-XmtLY/default.jpg

voors:

  • It ‘ s very easy to use.
  • u hebt geen extra software nodig.
  • u kunt zonder technische kennis starten.
  • Updates en beveiligingsaspecten worden afgehandeld door de Website builder zelf.
  • voorgedefinieerde ontwerpsjablonen die u kunt aanpassen zoals u wilt

Cons:

  • u kunt niet altijd extra functies toevoegen (afhankelijk van de Website builder).
  • het is niet zo flexibel omdat je afhankelijk bent van de provider.
  • ze zijn niet ontworpen voor zeer ingewikkelde projecten die een database vereisen (bijv. de bekendste websitemakers zijn Wix, Weebly en Shopify (voor online winkels). U vindt andere website bouwers in onze complete vergelijking.

    U kunt de Wix website builder gratis en zo lang als u wilt proberen.

    probeer Wix free

    een website maken met een content management systeem

    Content management systemen (CMS) zijn iets ingewikkelder. Hoewel ze in wezen werken op dezelfde manier als een Website builder, ze zijn veel moeilijker te gebruiken.

    met een Website builder kunt u niet alleen eenvoudige inhoud toevoegen, zoals teksten en afbeeldingen, maar u kunt ook een hele website ontwerpen. Een klassiek content management systeem zou veel beperkter zijn in dit geval, en voor zover het uiterlijk gaat, bent u beperkt tot de beschikbare sjablonen.

    terwijl er genoeg systemen zijn zoals Joomla!, Drupal en Typo3, zullen we ons richten op de meest populaire CMS, dat is WordPress. Dankzij hostingbedrijven die een installatie met één klik aanbieden, is het niet moeilijk om op te zetten.

    aanbevolen zijn Dreamhost( extreem betaalbaar), Siteground (iets duurder maar super krachtig) en Bluehost (populaire keuze met 24/7 ondersteuning).

    Lees hier meer over welke webhostingbedrijven We aanbevelen voor WordPress.

    u kunt ook een sjabloon Eenvoudig Installeren en aanpassen met de ontwerpopties. Maar: als er iets is wat je niet leuk vindt, zul je waarschijnlijk de CSS of HTML moeten aanpassen (jij of een programmeur).

    De hosting, het domein, het e-mailadres, de installatie en het niveau van ondersteuning die u kiest, zijn afhankelijk van hoeveel u wilt uitgeven en uw technische kennis. Het kan heel goedkoop zijn als je het zelf doet.

    een enorm voordeel, vooral voor WordPress, is dat u duizenden plug-ins hebt waarmee u speciale functies aan uw website kunt toevoegen die in eerste instantie niet zijn opgenomen. Een typisch voorbeeld zou WooCommerce zijn, een plugin die een complete online winkel toevoegt.

    standaard is WordPress ontworpen om in één taal te zijn, maar er zijn plugins, zoals WPML, waarmee u de pagina kunt vertalen. Een ander van mijn favorieten is de Yoast SEO plugin, waarmee u de instellingen van de zoekmachine te wijzigen (bijvoorbeeld Google).

    in onze introductievideo bekijken we wat u moet overwegen als u WordPress installeert.

    laten we snel controleren hoe WordPress te installeren met behulp van SiteGround ‘ s hosting. SiteGround is een van de top hosting providers voor WordPress sites. Je kunt het proberen … Leer hoe u WordPress installeert met SiteGround ‘ s Hosting 2019-10-23T07:54: 23.000 Z https://i.ytimg.com/vi/XMLMT_mKZhQ/default.jpg

    u kunt zich hier aanmelden voor Siteground.

    voor:

    • u kunt het hostingbedrijf kiezen.
    • geweldig voor meertalige websites.
    • technische flexibiliteit: u kunt toegang krijgen tot de hele broncode (als u weet wat u doet).
    • u kunt meer functies krijgen met plugins.

    Cons:

    • geen persoonlijke technische ondersteuning.
    • creatieve vrijheid hangt af van de sjabloon.
    • het kan extra kosten voor de plugins.
    • u kunt een programmeur nodig hebben om kleine esthetische veranderingen aan te brengen.

    andere voorbeelden van content management systemen zijn Joomla! En Drupal, maar ze zijn veel ingewikkelder in gebruik dan WordPress, dus we zullen niet op dat. U vindt meer informatie over WordPress in onze WordPress beginners gids.

    zelf een website programmeren (of iemand inhuren om het te doen).

    Dit is de hoogste discipline: de editor openen en beginnen met programmeren. Degenen die totale vrijheid nodig hebben zullen zelf de pagina moeten maken. Je hebt hiervoor wel geduld nodig, en voor beginners is het meestal overweldigend (en frustrerend).

    een goede plek om te beginnen zijn websites zoals Codecademy, Mozilla of W2Schools, die stap-voor-stap tutorials voor beginners hebben. Maar verwacht een lange reis voordat uw website klaar is.

    in dit geval is het niet mogelijk om een prijs in het algemeen te geven, omdat deze afhankelijk is van het project. Bovenal zal het veel duurder zijn als je een programmeur moet inhuren: het betalen van de $8-10 per maand voor een websitemaker zal altijd goedkoper zijn dan wat een ontwerper of agentschap voor een uur werk in rekening brengt.

    sommige favorieten zijn NetBeans, Aptana Studio of haakjes. Alle staan ten minste HTML, CSS, JavaScript, PHP, en zijn gratis. Een andere optie is Webflow, dat is een visuele broncode-editor.

    haakjes broncodebewerker

    haakjes broncodebewerker

    haakjes schermafbeelding

    Pros:

    • de mogelijkheden zijn onbeperkt Als u weet hoe u moet programmeren.
    • kostenvriendelijke hosting.
    • maximale flexibiliteit.

    Cons:

    • geen ondersteuning.
    • de leercurve is steil.
    • de kosten zijn moeilijk te berekenen.
    • vereist veel studie-en implementatietijd.

    hoe zit het met de domeinnaam?

    Als u geen gratis domeinnaam wilt gebruiken (die er lelijk uitziet omdat er de naam van een ander bedrijf in staat), moet u uw eigen domein kopen. Dit zal er dan uitzien als www.mycompany.com. meestal, het is het beste om de .com extensie te krijgen, tenzij u strikt actief bent in een land als Canada (.ca) of het Verenigd Koninkrijk (.co.uk).

    domein

    domein

    onze eigen domeinnaam

    Er is geen tekort aan zogenaamde registrars die domeinnamen verkopen. We zelf meestal kopen ze bij Namecheap als ze zijn, goed, vrij goedkoop, maar de verschillen zijn niet zo significant als ze variëren van $9-18 per jaar.

    maar afhankelijk van waar u uw website bouwt, kunt u deze ook in uw website builder-pakket krijgen. Wix, Weebly en Jimdo, bijvoorbeeld, hebben allemaal de domeinnaam Gratis opgenomen in het eerste jaar. De volgende jaren rekenen ze iets meer dan Namecheap, bijvoorbeeld, maar het extra gemak van slechts te maken hebben met één bedrijf is normaal gesproken de moeite waard.

    Als u WordPress.org of bouw de website zelf, moet u ook uw eigen webopslag te organiseren. Deze kunt u kopen op dezelfde plaats waar u uw domeinnaam krijgt van of bij nog een ander gespecialiseerd bedrijf zoals Siteground of WPEngine. Maar als je pas begint, zal dit voorlopig niet veel uitmaken.

    Tip: Als u ook e-mailadressen nodig hebt, kunt u Zoho Workplace uitproberen. Het is een soortgelijke dienst als Google Workspace, maar Zoho beschikt ook over een gratis plan.

    ontwerp en planning van een website

    net zoals het niet altijd een goed idee is om te beginnen met koken zonder een recept te volgen, tenminste als je geen ervaring hebt, geldt hetzelfde voor het maken van een website. Hier is improviseren geen goed idee. Planning zal u helpen beslissen welke secties u nodig hebt, de inhoud die het beste werkt voor u en hoe uw website moet worden ontworpen.

    Mindmap-website

    Mindmap-website

    Mindmap voor een online schoenenwinkel

    een goede manier om te beginnen is door een mindmap te maken met de ideeën van wat uw website nodig heeft. De belangrijkste items van deze Mindmap kunnen worden gebruikt voor uw navigatie.

    Tips voor het plannen van uw website:

    1. gebruik een papier en een pen en schrijf alles op wat u wilt op de website. Brainstormen en een mindmap maken zijn de perfecte manieren om je gedachten te organiseren.
    2. neem een kijkje op andere interessante websites, zowel in termen van ontwerp en inhoud. Merk op wat je leuk vindt en wat niet.
    3. zodra je een concept hebt van wat je wilt op je website, Vraag mensen die je vertrouwt wat ze denken. U zult zeker een aantal interessante perspectieven die u kunt opnemen Vinden.
    4. Maak een lijst(bijvoorbeeld in Excel) Met alle pagina ‘ s die uw website zal hebben. Noteer de titel, wat voor soort inhoud Je hebt, trefwoorden, het doel, het soort pagina en hun belang.
    5. Bonus: Als u zich goed wilt positioneren in zoekmachines, dan moet u op dit moment uitzoeken welk trefwoord elke pagina zal hebben en deze toevoegen aan de lijst in punt 4. Lees deze SEO gids voor meer informatie.

    hoe zit het met het ontwerp van de website?

    het maken van visuele webontwerpen is geen gemakkelijke taak. In feite, ik zou zeggen dat online, er zijn meer voorbeelden van verschrikkelijke ontwerpen dan goede. Laat uw website er geen zijn.

    net zoals bell bottom jeans stijlvol waren in de jaren ’70, waren ze belachelijk in de jaren ’80 en’ 90. hetzelfde gebeurt met webdesign. Je moet niet vergeten dat wat vijf jaar geleden als een goede praktijk werd beschouwd, nu een beetje oud of verouderd kan lijken. Bekijk dit artikel om te weten welke praktijken te vermijden.

    Dit is geen gids voor professionele ontwerpers, maar het geeft je enkele tips die volgens mij altijd werken:

    1. probeer een lichte (of witte) kleur voor de achtergrond te gebruiken.
    2. kies aantrekkelijke kleuren die elkaar aanvullen. Gebruik Adobe Color als je hulp nodig hebt.
    3. houd het ontwerp schoon, eenvoudig en laat witruimte tussen de elementen. Meer informatie..
    4. gebruik niet te veel lettertypen: een voor de titels en een voor de tekst is meestal genoeg. Deze gids zal u helpen kiezen.
    5. behoud consistente stijl en indeling. De gebruikers moeten geen verschillen tussen uw pagina ‘ s merken. Maak geen Frankenstein.
    6. uw website moet ook perfect zijn aangepast aan mobiele apparaten.
    7. alle afbeeldingen die u toevoegt, moeten er professioneel uitzien. Upload geen selfie die je nam voor een badkamerspiegel. Houd er rekening mee dat de smartphones van vandaag maken zeer mooie foto ‘ s. Als je goed van plan bent, kun je geweldige foto ‘ s maken.
    8. minder is meer. Bij twijfel, ga minimaal.

    als u dieper wilt ingaan op het Webontwerp, kijk dan op Wix ‘ s blog. Er zijn oneindige tutorials en gidsen over gemakkelijk te verteren ontwerpen.

    welke elementen hebben goede websites gemeen?

    1. Prachtig artwork

    het logo en de beeldselectie zijn cruciaal voor het verkrijgen van een professioneel ogende website. Vandaag kunt u gemakkelijk vinden tal van gratis stock Foto ‘ s: het beste is om te controleren Creative Commons.

    cc search

    cc search

    Bovendien kunt u meer professioneel ogende foto ‘ s (vanaf $1) vinden op veel andere websites, zoals Adobe Stock en . Hier zijn een aantal grote gratis foto-opties.

    Het is belangrijk dat u de beschikbare afbeeldingsformaten begrijpt: .gif, .jpg en .png zijn de belangrijkste formaten. Plus, je moet de grootte en de kwaliteit van het beeld te optimaliseren om de web standaard browser. Alles wat u moet weten over dit onderwerp kunt u hier vinden.

    natuurlijk kunt u altijd sites als TinyPNG of ShortPixel gebruiken om uw foto ‘ s gratis te comprimeren.

    ook is het handig om een bewerkingsprogramma te hebben om de afbeeldingen te kunnen bewerken en wijzigen. Een professionele en gratis optie is Gimp, maar het is vrij ingewikkeld om te gebruiken. Een ander alternatief voor Photoshop is Affinity Photo, dat slechts een fractie van de prijs van het origineel kost en geen abonnement vereist.

    maar er zijn steeds meer hulpmiddelen die u kunt gebruiken om grafische bronnen te maken, eenvoudig en zonder Photoshop of Illustrator te hoeven gebruiken. U kunt bijvoorbeeld Stencil of Snappa gebruiken.

    stencil

    stencil

    2. Professionele kopie

    onthoud dat schrijven voor een website niet hetzelfde is als het schrijven van een brief of boek. Op het web hebben we de neiging om minder formeel te zijn en tegelijkertijd moeten we drukke mensen helpen snel de informatie te vinden die ze nodig hebben. Dat betekent dat we onze content scannable moeten maken door:

    • gebruikmakend van een kopstructuur die zinvol is,
    • laat de tekstparagrafen niet te lang worden,
    • voegt opsommingstekens toe en
    • kiest lettertypen die gemakkelijk te lezen zijn.

    we hebben eigenlijk een hele gids geschreven rond dit onderwerp, die je hier kunt vinden.

    3. Contactformulier en een navigatiemenu dat zinvol is

    om uw bezoekers een professionele indruk te geven, moet u een contactformulier gebruiken in plaats van een e-mailadres. Het is heel eenvoudig om contactformulieren te integreren met oplossingen zoals Wix, Jimdo, Weebly of WordPress.

    contactformulier

    contactformulier

    onthoud dat de navigatiebalk van uw website cruciaal is voor bezoekers om van de ene pagina naar de andere te gaan. Besteed er aandacht aan en zorg ervoor dat het logisch stroomt. Bijvoorbeeld, als uw doel is voor gebruikers om u een bericht te sturen via het contactformulier, vergeten te linken naar het in het menu of pagina voettekst zou een epische mislukking zijn.

    zorg ervoor dat u ook een test aanmelden voor het publiceren van uw website!

    stappen voor het opzetten van een website

    we kunnen het aanmaken van een website in de volgende stappen opsplitsen:

    1. Plan uw website en bestel de ideeën in een mindmap.
    2. Bepaal welke inhoud u nodig heeft voor uw website.
    3. koop de domeinnaam, bijvoorbeeld bij Namecheap (maar je kunt het ook achteraf kopen).
    4. kies de beste websitemaker.
    5. creëer de inhoud (bijvoorbeeld teksten en afbeeldingen) voor elke pagina.
    6. voeg de inhoud toe aan uw website en optimaliseer de SEO.
    7. publiceer en promoot de pagina.

    uiteraard kan elk van de bovenstaande punten op veel meer worden gebouwd. We hebben een (gratis) ebook waar u meer informatie kunt krijgen.

    uw website is up. Wat nu?

    Als u uw website al hebt gemaakt en gepubliceerd, kunt u beginnen met het promoten en optimaliseren om het aantal bezoeken te verhogen en de gebruikerservaring te verbeteren.

    • uw website bijwerken: Websites zijn geen boeken. Eenmaal gepubliceerd, kunnen ze nog steeds worden bijgewerkt. Zorg ervoor dat je nieuwe en relevante content maakt wanneer je de kans hebt en dat je de website voortdurend bijwerkt. Stel je bijvoorbeeld de website van een restaurant voor: als het menu verandert, moet dit zo snel mogelijk op de website worden weergegeven.
    • online positionering: om zoveel mogelijk bezoekers aan te trekken, moet u de SEO van uw website optimaliseren. Dit is niet erg ingewikkeld, maar het vereist tijd en werk. Bekijk deze gids voor meer informatie.
    • webanalyse: uw inspanningen in online positionering (bovenstaand punt) zullen nutteloos zijn als u uw websiteverkeer niet meet. Zo Weet je of het werkt of niet. De meest populaire website analyse tool is Google Analytics. En het is gratis!

    google submit URL

    google submit URL
    • natuurlijk moet u zich, zodra u uw website publiceert, registreren bij de Google Search Console om Google te informeren dat uw pagina bestaat en informatie te krijgen. Of stuur op zijn minst de URL (adres) van uw website naar Google, zodat het deze kan indexeren.
    • e-mailmarketing: een andere gebruikelijke strategie, vooral voor bedrijven, is om regelmatige e-mails naar bezoekers te sturen om het contact niet te verliezen. Dit is vooral handig voor online winkels, kleine bedrijven, en bloggers. E-mail marketing is een wetenschap op zich. U kunt deze handleiding lezen om meer informatie te vinden over hoe u kunt beginnen met het verzenden van nieuwsbrieven.Facebook, Instagram, Twitter, LinkedIn, enz.
    • sociale media: tot slot hebben de meeste websites ook sociale media-profielen (bijvoorbeeld Facebook, Instagram, Twitter, LinkedIn, enz.) om te kunnen communiceren met hun bezoekers (en potentiële bezoekers) buiten de website die u hebt gemaakt. Dit werkt vooral goed voor Beeldende professionals, zoals illustratoren, juweliers of fotografen.

Ik hoop dat deze kleine gids u heeft helpen begrijpen hoe u een website van begin tot eind kunt maken.

naast De Gids die u net aan het lezen was, hebben we ook een aantal branchespecifieke gidsen:

  1. het opzetten van een website voor kleine bedrijven en ondernemers
  2. Gids Voor het starten van een online winkel
  3. websitebouwers voor kunstenaars (bijvoorbeeld kunstenaars en ontwerpers)
  4. fotografiewebsites maken
  5. een website maken met WordPress