Een website maken: 3 eenvoudige methoden, stapsgewijze handleiding

Hoe een website te maken

Het maken van een website is super eenvoudig in de wereld van vandaag. Je hoeft geen techneut of programmeur te zijn. Volg de juiste methode, selecteer de juiste platforms, gebruik de juiste tools - U kunt binnen een mum van tijd uw eerste website bezitten.

Ik had geen kennis van webontwikkeling toen ik in 2004 voor het eerst met mijn online bedrijf begon. Ik nam pas elf jaar later een webontwikkelaar in dienst. En ik deed het goed. Tegenwoordig hebben we innovatieve ontwikkelingstools en betere webpublicatieplatforms. Het gaat je 100% goed.

Drie manieren om een ​​website te maken

Je eerste website maken? Je hebt drie keuzes:

U krijgt meer flexibiliteit in ontwerpen en sitefuncties met methode #1, maar het vereist een goede kennis van webtalen. Het aanmaak- en beheerproces is veel eenvoudiger met methode #2 en #3. U moet een van deze methoden kiezen, afhankelijk van uw competentie.

We zullen alle drie de hierboven genoemde methoden bekijken en de stappen doorlopen die nodig zijn om een ​​website te maken.

1. Registreer een domein

domeinnaam
Een standaard .com-domeinnaam kost $ 8 – $ 15 per jaar > Probeer uw domeinnaam te doorzoeken met NameCheap.

Een domein is de naam van uw website. Het moet uniek zijn en het merk van uw bedrijf overbrengen.

De eenvoudigste manier om een ​​domein te doorzoeken en te registreren, is door naar een domeinregistreerder te gaan.

Een domeinregistrar laat u uw domeinnaam registreren via jaarlijkse contracten of een langetermijncontract.

Waar u uw domein registreert

Hier zijn enkele gerenommeerde domeinregistreerders en hun startprijs om te overwegen.

Domein registrars.com.net.orgxyz
123 Reg£ 2.99 / jaar£ 9.99 / jaar£ 9.99 / jaar£ 9.99 / jaar
Domain.com$ 9.99 / jaar$ 12.99 / jaar$ 8.99 / jaar$ 9.99 / jaar
Gandi€ 12.54 / jaar€ 17.00 / jaar€ 8.99 / jaar€ 14.14 / jaar
GoDaddy$ 12.17 / jaar$ 12.17 / jaar$ 12.17 / jaar$ 1.17 / jaar
Hostinger$ 8.99 / jaar$ 12.17 / jaar$ 12.99 / jaar$ 0.99 / jaar
NameCheap$ 8.88 / jaar$ 10.98 / jaar$ 12.98 / jaar$ 1.00 / jaar

Domeinnaam tips

  • Als je het moeilijk vindt om een ​​domeinnaam te vinden, kun je altijd domain name.generators gebruiken voor ideeën. Enkele van de meer populaire zijn: Wordroid en Lean Domain Search.
  • Als je nieuw bent, raad ik je aan om dat te doen Namecheap om een ​​domeinnaam te zoeken en te kopen.
  • Lees ook - Domeinnaam voor dummies.

2. Koop een webhost

Een eenvoudige enkele website-hosting kost $ 2 - $ 5 per maand > Betaalpagina Hostinger deal hier.

Een webhost is een grote computer (ook wel server genoemd) die uw websites opslaat. Sommige gigantische bedrijven, zoals Amazon, IBM en FB, bezitten en beheren hun eigen webservers; andere bedrijven huren hun servers gewoon bij een webhostingprovider (wat een stuk goedkoper en gemakkelijker is).

Opmerking: sla deze stap over als u kiest voor een websitebouwer om uw site te maken (zie stap #3).

Wat zijn uw keuzes in webhosting?

Webhosting wordt tegenwoordig in verschillende pakketten geleverd. 

Traditioneel is een webhostingprovider alleen betrokken bij het verhuren van de servers met basissoftware en technische ondersteuning. Uw website hosten met een traditionele hostingprovider is meestal goedkoper en flexibeler; maar vereisen wat extra werk voor u om een ​​website op te zetten.

Tegenwoordig bundelen bedrijven verschillende services en kunnen gebruikers websites bouwen, hosten en beheren, allemaal vanuit één serviceprovider. We noemen deze bedrijven meestal Website Builders of Web Store Builders. Het hosten van een website op deze "bundel" -platforms is doorgaans duur en minder flexibel; maar u kunt gemakkelijk een website of online winkel bouwen.

Een aantal nieuwkomersvriendelijke hosting om uit te checken.

WebhostGoedkoopste planVernieuwingsprijsGratis domein?Gratis sitemigratie?Site gehostGeld-terug-proefMEER WETENBeginnen
Hostinger$ 1.99 / maand$ 3.99 / maandNeeJa130 dagenHostinger ReviewKrijgen Hostinger
InterServer$ 2.50 / maand$ 7.00 / maandNeeJaOngelimiteerd30 dagenInterserver ReviewKrijgen InterServer
A2 Hosting$ 2.99 / maand$ 10.99 / maandNeeJa1AnytimeA2Hosting ReviewKrijgen A2 Hosting
GreenGeeks$ 2.95 / maand$ 10.95 / maandJaJa130 dagenGreenGeeks ReviewKrijgen GreenGeeks
TMD Hosting$ 2.95 / maand$ 4.95 / maandJaJa160 dagenTMD Hosting ReviewKrijgen TMD Hosting
InMotion hosting$ 2.29 / maand$ 8.99 / maandJaJa290 dagenInMotion hosting reviewKrijgen InMotion hosting
ScalaHosting$ 3.95 / maand$ 6.95 / maandJaJa130 dagenScalaHosting ReviewKrijgen ScalaHosting
BlueHost$ 2.95 / maand$ 9.99 / maandJaJa130 dagenBlueHost reviewKoop BlueHost
HostPapa$ 2.95 / maand$ 9.99 / maandJaJa130 dagenHostPapa ReviewKrijgen HostPapa

Tips voor webhosting

  • Er zijn verschillende soorten hosting beschikbaar: shared hosting, dedicated server hosting en cloud / VPS hosting.
  • Als je een kleine website bent, is het goedkoper om voor gedeelde hostingplannen te gaan. Voor grotere sites wordt aanbevolen om cloud- of dedicated hosting te gebruiken.
  • Enkele belangrijke kwaliteiten waarmee u rekening moet houden voordat u een webhost kiest, zijn hun gebruiksvriendelijkheid, prijzen, serversnelheid en uptime-tarieven. 
  • Tot op heden hebben we ons aangemeld, getest en beoordeeld bij meer dan 70 hostingbedrijven – Zie onze beste hostingselecties.
  • Overweeg het gebruik van een online winkelbouwer, zoals: Shopify or BigCommerce als u van plan bent producten rechtstreeks vanaf uw website te verkopen.
  • Sommige bedrijven rekenen onredelijk hoge serverkosten, vergeet niet te lezen ons hostingmarktonderzoek voordat je koopt.
  • Meestal ontvang je een welkomstmail met alle benodigde informatie over je hosting zodra de betaling is gedaan - dit is waar je begint met je reis als website-eigenaar. Leer meer over onboardingproces voor webhosting in deze handleiding.

3. Maak en ontwerp uw website

Zodra u uw domeinnaam en webhosting heeft, is het tijd om uw mouwen op te stropen en te beginnen met creëren! Om webpagina's te ontwerpen en te maken, kunt u een webontwikkelaar inhuren of het zelf doen.

We bespreken in detail hoe u hier een webontwikkelingstaak uitbesteedt. Sla de volgende stappen over en ga naar die pagina als u van plan bent iemand in te huren om uw website voor u te ontwikkelen.

Voor de doe-het-zelvers zijn hier de drie eenvoudige methoden om een ​​website te maken:

Methode #1: Een website maken vanuit het niets in HTML & CSS

Vereiste vaardigheden en hulpmiddelen

U kunt uw unieke en unieke website geheel zelf maken als u de belangrijkste webtalen en de grond van een website kent.

Anders is het raadzaam om door te gaan naar methode #2 / 3; of neem contact op met een webontwikkelaar.

Basis webtalen/hulpmiddelen

  • HTML (Hyper Text Markup Language)
    HTML is de basisstructuur van webpagina's en webapplicaties die de inhoud semantisch maakt voor de webbrowser. Het bestaat uit opeenvolgende tags met een opening en een sluiting, en structureel een trefwoord dat wordt omsloten door punthaken. Ex:
  • CSS (Cascading Style Sheets)
    CSS is de stijltaal die wordt gebruikt om de HTML-opmaak van een webpagina te versieren. Zonder CSS zou een webpagina er alleen uitzien als een grote witte pagina met een ongeordende tekst en afbeelding erop. CSS is het ding dat de pagina ideaal maakt zoals we dat willen.
  • Scripting Languages
    HTML en CSS zijn niets zonder scripttalen omdat ze niet interactief zijn. Om een ​​dynamische webpagina te maken die op gebruikers reageert, hebt u talen zoals JavaScript en jQuery nodig. Server-side talen zoals PHP, Python en Ruby kunnen ook in de loop van de tijd nodig zijn.
  • Database Management
    Om gebruikersinvoergegevens van een website op te slaan, te beheren en te openen, wordt een grote tabel met informatie overwogen, die database wordt genoemd. Een databasebeheersysteem zoals MySQL, MongoDB en PostgreSQL wordt aan de serverkant gebruikt om deze taak efficiënt uit te voeren.
  • FTP (File Transfer Protocol) / sFTP (Secure File Transfer Protocol)
    FTP wordt gebruikt om de bronbestanden van een website overzetten gemakkelijker naar zijn gehoste server. Er zijn zowel op het web gebaseerde als op computersoftware gebaseerde FTP-clients die kunnen worden gebruikt om bestanden naar de servercomputer te uploaden.

Stappen om een ​​website te maken met IDE

Hier is het overzicht van het proces hoe u een website uit de eerste hand kunt maken, ervan uitgaande dat u de basiswebtalen en de belangrijkste websites die hierboven zijn genoemd kent.

Stap 1: Stel een lokale werkomgeving in 

Een site maken met Subline-tekst
Schermafbeelding van de werkomgeving van Subline Text.

Om bronbestanden van een website te maken en te ordenen, is een goede lokale werkomgeving belangrijk. U kunt een webontwikkelingsomgeving op uw computer maken door een IDE (Integrated Development Environment) te installeren. Een IDE bestaat in wezen uit een teksteditor, een build-automatisering en een debugger.

Sublime Text en Atoom zijn enkele van de standaard IDE's voor webontwikkeling die HTML, CSS, JS, PHP, Python en vergelijkbare webtalen ondersteunen.

Aan de andere kant zijn er uitgebreide IDE's zoals Adobe Dreamweaver die een handvol andere functies biedt (Ex: Server Connectivity, FTP).

Stap 2: Plan en ontwerp uw website met behulp van Adobe Photoshop

Het plannen van de website-structuur en het navigatiesysteem zijn van groot belang. Eerst moet je begrijpen hoe je je inhoud wilt leveren. Plan hoeveel navigatiemenu's, hoeveel kolommen of inhoudvelden, hoeveel afbeeldingen u wilt opnemen en waar.

De beste werkwijze is het openen van Adobe Photoshop en het maken van een ruwe tekening van uw webpagina's. U moet mogelijk verschillende ruwheden maken voor verschillende pagina's, bijvoorbeeld de startpagina, over pagina, contactpagina, servicepagina, enzovoort.

Ontwerp mockup die we hebben gebruikt bij het maken van deze website
Voorbeelden - ontwerpmodellen die we hebben gemaakt tijdens het vernieuwen van de site in december 2016.

Stap 3: codificeer het ontwerp met behulp van HTML en CSS

Nadat u klaar bent met het maken van ruwe ontwerpen voor uw webpagina's in Adobe Photoshop, kunt u beginnen met het schrijven van de broncodes.

Dit is het gemakkelijkste gedeelte. Maak HTML-markeringen voor de webelementen die u wilt opnemen en gebruik CSS om ze te versieren volgens de ontwerpen die u hebt gemaakt.

Stap 4: Maak het dynamisch met JavaScript en jQuery

Alleen HTML- en CSS-gebaseerde websites bestaan ​​tegenwoordig niet omdat interacties tussen front-end gebruikers niet kunnen worden beheerd via HTML of CSS.

U kunt scriptalen gebruiken, zoals JavaScript en mogelijk de verbeterde bibliotheek, jQuery om gebruikersactiviteit voor formulieren, aanmeldingen, slider, menu's of waar dan ook te beheren.

Stap 5: upload lokale bestanden naar de server met behulp van FTP-client

FTP-software voor het maken van sites
Voorbeeld van een FTP-client.

De laatste stap is het uploaden van al uw bronbestanden naar de webserver. De beste en gemakkelijkste manier om dit te doen, is via een FTP-client.

Download eerst een FTP-client op uw computer en verbind hem met een FTP-account met uw webserver. Nadat u het met succes hebt verbonden met het FTP-account, kopieert u al uw lokale bestanden naar de hoofdmap van uw webdirectory. Sommige goede FTP-clients zijn FileZilla, WinSCP en Cyberduck.

Methode #2: Een website maken met CMS

[icon file-text-alt] Vereiste vaardigheden en hulpmiddelen

  • Knwoledge: Basiswerking van computer en internet; HTML, CSS en PHP (niet verplicht maar beter als je de basis kent)
  • Tools: WordPress, Joomla en Drupal

Een CMS of een Content Management Systeem is zo tactisch gebouwd dat het geschikt is voor beginnende beginners voor ervaren webontwikkelaars.

Het is een softwaretoepassing waarmee u eenvoudig online inhoud kunt maken en beheren. De meeste zijn open-source en gratis te gebruiken.

Als je de basiskennis van HTML, CSS of PHP kent, is het voordelig voor jou. Het is geen groot probleem als je het niet weet, want deze platforms zijn erg intuïtief. Hier zijn top drie vrije keuzes van CMS-platforms die u kunt kiezen op basis van uw behoefte.

WordPress

WordPress wordt volgens verschillende statistieken gebruikt in het maximale aantal blogs en kleine tot middelgrote websites. Desondanks geven veel machtige grote websites de voorkeur aan WordPress vanwege zijn eenvoud. WYSIWYG Editor is het enige dat je moet leren om je eerste content te plaatsen.

Dit platform is een instituut voor beginners, maar ook sterk ontwikkelbaar voor verschillende klassen van webontwikkelaars. Het heeft veel gratis plug-ins en thema's op hun eigen repository. Omdat het de #1 CMS-keuze is, zijn er veel bronnen van derden beschikbaar aan de zijkant.

Zie deze voor meer referentie: 30 door WordPress aangedreven websites . Je kunt WordPress ook zelf uitproberen door een gratis account aan te maken op WordPress.com; of download de CMS van WordPress.org.

Keuzes van WordPress-thema's.
Keuzes van WordPress-thema's.

VOORDELEN

  • Zeer flexibel en aanpasbaar
  • Makkelijk te gebruiken,
  • Tal van leermiddelen,
  • Uitstekende gemeenschap en ondersteuning

NADELEN

  • Heeft code nodig voor belangrijke visuele aanpassingen
  • Updates kunnen problemen met plug-ins veroorzaken

Joomla

Joomla lijkt in veel opzichten op WordPress. Het is ook gemakkelijk in gebruik, eenvoudig te installeren en kan eenvoudig worden uitgebreid met behulp van moduleshet equivalent van WordPress-plug-ins. Als gevolg hiervan zijn dit de op een na beste opties voor beginners.

Beginners kunnen echter meer geïntimideerd zijn om Joomla te verkennen vanwege het aantal beschikbare opties. Naast het linkermenu is er ook een menu op de bovenste balk direct boven het "Control Panel" -logo. Om verwarring te voorkomen, onthoud dat sommige items in de linker en bovenste balkmenu's vergelijkbaar zijn, inclusief 'Inhoud', 'Gebruikers' en 'Extensies'.

Net als WordPress heeft Joomla enkele stijlen en sjablonen die uw site snel een onderscheidende uitstraling kunnen geven. Maar van alle drie de contentmanagementsystemen biedt Joomla de gemakkelijkste oplossing als het gaat om het creëren van een sociaal netwerk. Met platforms zoals EasySocial en JomSocial bent u slechts enkele minuten verwijderd van uw eigen sociale netwerkwebsite.

Sites gemaakt met Joomla omvatten: LiptonLinux, net zoals Harvard University. U kunt Joomla gratis downloaden en uitproberen hier.

Binnen Joomla-systeem.
Binnen Joomla-systeem.

VOORDELEN

  • Meer technisch geavanceerd
  • Websites presteren over het algemeen beter
  • Beveiliging op bedrijfsniveau

NADELEN

  • Modules zijn moeilijk te onderhouden
  • Middle-ground CMS - Niet zo eenvoudig als WordPress, niet zo geavanceerd als Drupal

Drupal

Ervaren webontwikkelaars verklaren dat Drupal het krachtigste CMS is.

Het is echter ook het moeilijkst om te gebruiken. Vanwege de flexibiliteit is Drupal het op één na meest gebruikte CMS ter wereld, maar het is geen favoriet onder beginners. Om met Drupal een "complete" website te bouwen, moet je je handen vies maken en de basisprincipes van coderen leren. Het is een uitdaging voor beginners om je weg in het CMS te kennen.

Sites gemaakt met Drupal omvatten: TeslaWarner Bros Archief, en Universiteit van Oxford​ Meer leren, download en probeer Drupal gratis.

Drupal installeren
Een nieuwe Drupal installeren - ondanks de ingewikkelde functies in Drupal, biedt het CMS een eenvoudige, minimalistische interface.

VOORDELEN

  • Makkelijk te leren
  • Geweldige help-portal
  • Updates kunnen naadloos worden geïntegreerd
  • Meer ingebouwde opties

NADELEN

  • Steile leercurve in de beginfase - aanbevolen voor gevorderde gebruikers

Stappen om een ​​website te maken met een CMS

Voor deze methode gebruiken we WordPress als voorbeeld. Inmiddels zou u al een webhostingaccount en een geregistreerde domeinnaam moeten hebben.

Stap 1: Zoek het WordPress-installatieprogramma in uw webhostingpaneel

Webhostingservices bevatten meestal een snel installatieprogramma voor het installeren van WordPress en andere veelvoorkomende platforms.

Log dus in op uw webhostingaccount en ontdek welk installatieprogramma u heeft. De populaire namen waarnaar u moet zoeken zijn Softaculous, QuickInstall, of Fantastico.

Sommige hostingproviders (bijvoorbeeld: SiteGround) gebruik geïntegreerde installatieprogramma's in hun gebruikersdashboard (het scherm dat u ziet na inloggen bij cPanel). Zoek in dat geval alleen de titel met 'WordPress'.

Stap 2: installeer WordPress via het installatieprogramma

Softaculous is het meest populaire auto-installatieprogramma en is te zien op cPanel. Ik begeleid je via Softculous door de installatie. De andere installatieprogramma's zijn vrijwel hetzelfde.

Installeren van WordPress om uw website te maken
Klik op Softaculous en klik vervolgens op 'Installeren' via WordPress om met de installatie te beginnen.

Hier komt het belangrijke deel.

Siteconfiguratie

Configureer de opties als volgt, laat andere velden over aan de standaardconfiguratie (wordt later gesorteerd) en klik op Installeren.

  • Protocol: u moet beslissen of u de http: // of de http: // www. versie van URL. Wat je ook kiest, je zult niet veel verschil zien. Vanuit technisch oogpunt, http: // www. is beter in termen van flexibiliteit en cookiebeheer. Merk op dat als u een geldig SSL-certificaat heeft en WordPress erop wilt installeren, u gewoon https in plaats van http selecteert.
  • Domein: Selecteer het domein waarop u de website wilt installeren.
  • Directory: geef op waar u de WordPress-site wilt installeren. Als u het op uw root-URL (bijv .: http://www.yourwebsite.com/) wilt installeren, houdt u dit veld leeg. Als je het op een sub-URL wilt (bijv .: http://www.yourwebsite.com/myblog/), specificeer dan de map in het veld.
  • Beheerdersaccount: stel uw gebruikersnaam, wachtwoord en e-mailadres in waarmee u zich aanmeldt bij uw WordPress-site.

Als het je gelukt is in de laatste stappen, goed gedaan. Uw website is live!

Meld u nu aan bij uw WordPress-site. De aanmeldingspagina van uw site ziet eruit als wp-login.php na de URL van de website die u hebt ingesteld.

Stap 3: installeer een thema en enkele belangrijke plug-ins

Vervolgens moet u een thema en de vereiste plug-ins installeren. Bekijk de linkerzijbalk van uw WordPress-dashboard.

Er zijn tonnen gratis kant-en-klare thema's beschikbaar in de WordPress-map.

Om door deze gratis thema's te bladeren, ga naar 'Uiterlijk> Thema's> Nieuw toevoegen', zoek naar het thema dat aan uw eisen voldoet en klik op de installatieknop.

WordPress thema's directory
WordPress themabestand.

U kunt ook thema's van derden installeren via het gedeelte 'Thema uploaden'. Voor betaalde, professioneel ontworpen WordPress-thema's raad ik Elegant Themes aan (vanwege de efficiënte code en prachtige front-endontwerpen).

Voor plug-ins bladert u door 'Plug-ins> Nieuwe toevoegen'.

Zoek en installeer de plug-ins die je alleen maar nodig hebt. 3rd Party-plug-ins kunnen ook worden geïnstalleerd vanuit het gedeelte 'Plug-in uploaden'.

WordPress Plugin-map
WordPress plugin-map.

Hier wil ik een paar belangrijke gratis plug-ins voorstellen. Zoek op naam in de map WordPress plug-ins om ze te achterhalen. Merk op dat het installeren van slechts één plug-in uit elke categorie voldoende is.

  • Voor SEO: Yoast SEO, alles in één SEO-pakket
  • Voor beveiliging: iThemes-beveiliging, Wordfence-beveiliging
  • Voor sitestatistieken: Jetpack door WordPress.com, Google Analytics voor WordPress door Monster Insights
  • Voor het maken van formulieren: contactformulier 7
  • Voor prestaties: W3 Total Cache, WP Super Cache

Voor uw site-identiteit moet u nog steeds iets maken, zelfs als u een geweldig thema gebruikt. Er zijn een heleboel geweldige logo-generatoren in de buurt, maar ik zou eens kijken <a href="https://www.logaster.com/nl/">Logaster</a>. Ze zijn een betaalde service, maar wat geweldig is, is dat ze gedifferentieerde prijzen bieden. Dit betekent dat u eenvoudig kunt betalen voor wat u nodig heeft - alleen een logo in webformaat, of u kunt zich zelfs aanmelden voor een volledige merkkit met formaten voor verschillende platforms.

Stap 4: U bent klaar!

Uw site moet bij de laatste stap worden gebruikt. Maar er zijn nog een paar dingen die moeten worden opgelost.

  • Onder 'Instellingen> Algemeen': stel uw sitetitel en de slogan in.
  • Onder 'Instellingen> Lezen': wat uw startpagina moet weergeven en hoeveel blogberichten u op een enkele pagina wilt weergeven.
  • Onder 'Instellingen> Permalinks': stel in wat de URL-structuur van je blogpost zal zijn.
Basisinstelling voor een nieuwe WP-site
Basisinstellingen voor nieuwe WordPress-site.

Methode #3: Een website maken met sitebouwers

[icon file-text-alt] Vereiste vaardigheid en hulpmiddelen

  • Knwoledge: basisbediening van computer en internet
  • Tools: zyro, Wix en weebly

Sitebouwers hebben het moeiteloos en direct gemaakt om een ​​website op te zetten. Zonder kennis van webtalen kan men zijn volledig functionele website in enkele minuten lanceren. Ze bieden Drag & Drop-websitebouwers waarvoor kennis van codering vereist is.

Er zijn veel sitebouwers verspreid over het internet maar ze kunnen niet allemaal aan de behoeften voldoen.

De volgende drie zijn de meest besproken en potentiële websitebouwers die u kunt gebruiken.

zyro

Zelfs rekening houdend met de aard van websitebouwers, is Zyro absoluut eenvoudig te gebruiken. Als je ooit een tekstverwerker of iets dergelijks hebt gebruikt Wat-je-ziet-is-wat-je-krijgt (WYSIWYG) applicatie – u zult geen problemen hebben met het bouwen van een site met Zyro.

De theorie is hetzelfde. Het is alsof je met bouwstenen speelt. De blokken zijn vooraf ontworpen website-elementen, zoals afbeeldingen, tekstvakken, enzovoort. Het ontwerpen van een website kan zo simpel zijn als het kiezen van het gewenste element en het vervolgens op zijn plaats slepen en neerzetten.

Wix

Wix gebruiken om een ​​website te maken

Wix is ​​een van de gemakkelijkste site-builders op de markt met 500 + volledig aanpasbare sjablonen die zijn gesorteerd in verschillende categorieën. Dus het is vrijwel zeker dat je er een zult vinden die bij je past.

Ze bieden een flexibele Drag & Drop website-editor die altijd zichtbaar is over de inhoud. U kunt een item uit de lijst slepen en het overal op de website neerzetten om toe te voegen. Elk zichtbaar item erop kan worden verplaatst of bewerkt.

Het enige nadeel is dat er on-site advertenties op Wix-vrij plan zijn. Je kunt het verwijderen door het te upgraden naar hun Combo-abonnement, waarmee je weer een minimum van $ 12 per maand haalt.

weebly

Weebly gebruiken om een ​​website te maken

Weebly is op veel manieren eenvoudiger, zoals navigatie, gebruikersvriendelijkheid. Ze bieden honderden sjablonen om uit te kiezen, maar personalisatieopties kunnen beperkt lijken.

Ze hebben een goed aantal vooraf ontworpen paginalay-outs (bijvoorbeeld: over pagina, prijspagina, contactpagina) die kunnen worden gebruikt en gewijzigd.

De Drag & Drop-builder is gemakkelijker te gebruiken, maar u bent soms beperkt tot de aangewezen gebieden voor aanpassing. De beschikbaarheid van extensies en apps van derden is ook beperkt.

4. Valideren en testen van uw website

Zodra uw website klaar is, is het tijd om te valideren en te testen hoe deze werkt in de belangrijkste browsers (Chrome, Firefox, Safari, Microsoft Edge, IE 11, enz.) En op verschillende schermformaten.

We kunnen deze tests uitvoeren met behulp van gratis tools online.

Opmaakvalidatie

Valideer eenvoudig uw website-opmaak met behulp van W3C Markup Validation Service.
Valideer uw website-opmaak eenvoudig met W3C Markup Validation Service.

Wat is markup-validatie? Codeertalen of scripts zoals HTML, PHP, enzovoort, hebben elk hun eigen formaten, woordenschat en syntaxis. Opmaakvalidatie is het proces waarbij wordt gecontroleerd of uw website aan deze regels voldoet.

Browsertest

Cross-test uw website voor maximaal 115 verschillende browsers in één keer BrowserShots.

Scherm test

Gebruik Screenfly om een ​​voorbeeld van uw webpagina te bekijken op monitoren, tablets, smartphones en andere verschillende schermformaten.
Gebruik Screenfly om een ​​voorbeeld van uw webpagina te bekijken op monitoren, tablets, smartphones en andere verschillende schermformaten.

5. Uw site verfijnen en uitbreiden

Het publiceren van uw website op internet is de eerste fase. Er zijn nog veel andere dingen die u moet doen om het succes van uw website te garanderen. Hier zijn een paar taken om mee te beginnen ...

Website snelheid

Google heeft duidelijk verklaard dat sitesnelheid een van de rangschikkingsfactoren is. Dit betekent dat uw site hoger kan scoren als deze snel wordt geladen.

Ook - hoe sneller je website laadt, hoe gelukkiger uw websitebezoekers zullen zijn. In talloze casestudy's en experimenten is bewezen dat een langzaam ladende website de gebruikerservaring schaadt en de website-inkomsten beïnvloedt. Amazon zou naar schatting $ 1.6 miljard aan inkomsten hebben verloren als zijn site zelfs maar één seconde zou vertragen.

Zichtbaarheid op de website


Exclusieve SEMrush-deal
Er zijn momenteel meer dan 1 miljoen mensen die SEMrush gebruiken voor de SEO van hun website en contentmarketing. Meld u aan voor een proefperiode via onze speciale link en u krijgt een verlengde proefperiode van 14 dagen (creditcardgegevens vereist) > Klik Hier

Je hoeft geen meester te zijn in zoekmachine optimalisatie (SEO) om uw website onder de aandacht te brengen. Maar sommige basisvaardigheden voor zoekmachineoptimalisatie zijn altijd goed om te hebben.

Maak een webmasteraccount aan op Google Search Console om uw website bij Google in te dienen en eventuele SEO-problemen te identificeren. Doe basiszoekwoordonderzoek en optimaliseer vervolgens uw paginatitel en koppen voor uw primaire zoekwoorden. Implementeer schema-markeringen op uw site om u te onderscheiden van pagina's met zoekresultaten.

Implementeer HTTPS

Sinds Google Chrome begon met het labelen van HTTP-websites als 'Niet veilig', SSL-certificaat is een groot probleem geworden. Om ervoor te zorgen dat uw website door gebruikers wordt "vertrouwd", is een HTTPS-verbinding een must.

Vergroot uw bereik op sociale mediaplatforms

Uw website moet ook aanwezig zijn op sociale mediaplatforms waar de meeste van uw doelgroep rondhangen. Voor onze site betekent dat Facebook en Twitter. Voor anderen kan het LinkedIn, Tumblr of Pinterest zijn.

Voeg favicon toe

Heb je de brief gezien "W” in een blauwe cirkel die aan de linkerkant van uw browsertabblad verscheen? Dat staat bekend als "favicon". Net als een logo is het favicon een kleiner visueel element dat een website vertegenwoordigt.

De Favicon is een handige kleine brandingtechniek die vaak over het hoofd wordt gezien door website-eigenaren. Als dat klinkt zoals jij, maak daar dan gebruik van gratis favicon-generator om u te helpen.

Essentiële pagina's voor op uw website

Geen twee website is ooit hetzelfde, omdat ze een ander doel en / of functie kunnen dienen. Er zijn echter drie standaardpagina's die elke website zou moeten hebben: Index (startpagina), Info-pagina en Contactpagina.

Home

De startpagina is vaak de eerste plaats waar de meeste bezoekers naartoe gaan nadat ze op uw website zijn beland. Uw startpagina moet de juiste pitch hebben en uw bezoekers dieper op uw site trekken.

Voorbeeld - De homepage van Haus wordt geleverd met een duidelijk navigatiemenu en een ontwerp in galeriestijl (perfect voor een productpresentatie).

over Pagina

Over Page heeft alles te maken met het opbouwen van een band met uw bezoekers. Hiermee kunt u uzelf voorstellen en gedetailleerde informatie (nou ja?) Over uw website geven. Meestal wordt aanbevolen om foto's op te nemen van de mensen die de website bezitten en beheren.

Voorbeeld van een goede Over-pagina - De Over-pagina van Bulldog Skincare stuurt een liefdevol en gedenkwaardig bericht.
Voorbeeld - De Over-pagina van Bulldog Skincare stuurt een liefdevol en gedenkwaardig bericht.

Contact Pagina

Het is belangrijk om te communiceren met uw gebruikers en potentiële klanten. Vandaar - de contactpagina. Voeg alle mogelijke communicatiekanalen toe (social media-profielen, contactformulieren, e-mailadres, enz.) Om ervoor te zorgen dat uw bezoekers u kunnen bereiken.

De contactpagina van Survicate is een prachtig ontworpen pagina met een eenvoudige lay-out. Het combineert grote formuliervelden, CTA-knop en typische contactgegevens - bedrijfsadres, contactnummer, e-mailadres, openingstijden, enz. - op een manier die gemakkelijk te lezen en te scannen is.

Veelgestelde vragen over het maken van een website

Hoe maak je een gratis website?

Er zijn twee manieren om een ​​gratis website te maken: gebruik gratis webhosting zoals 000Webhost of een platform voor het bouwen van websites zoals Wix, dat een gratis abonnement biedt.

Is de GoDaddy-website-bouwer gratis?

GoDaddy heeft plannen rond zijn websitebouwer gebouwd die beginnen bij $ 10 / mnd.

Wat is de gemakkelijkste website-bouwer voor beginners?

De meeste websitebouwers zijn gemakkelijk te gebruiken door beginners. Door hun aard zijn websitebouwers gericht op niet-technisch onderlegde gebruikers en bieden ze veel hulp. Dit varieert van gebruiksvriendelijke interfaces tot kant-en-klare sjablonen.

Waar begin ik met het bouwen van een website?

Voordat je zelfs maar aan je site-build begint, is het hetzelfde als een blog starten, het eerste dat moet worden aangepakt, is je intentie. Wat u wilt dat uw website is of bereikt, kan een belangrijke rol spelen bij het ontwerp en de ontwikkeling ervan.

Hoe lang duurt het om een ​​website te coderen?

De tijd die nodig is om een ​​website te coderen, is afhankelijk van de complexiteit. Hoe meer je nodig hebt qua functies en ontwerp, hoe langer het duurt. Eenvoudige, statische websites kunnen in slechts enkele uren worden gecodeerd, terwijl grotere, complexe sites enkele maanden kunnen duren.

Krijg het nu gedaan!

Je weet nu meer dan genoeg om een ​​succesvolle website te maken en te bouwen. Het is tijd om uw kennis aan het werk te zetten. Ga nu beginnen en rock op internet!

Lees meer

Foto van auteur

Artikel door Jerry Low