In een paar uur online: zo maak je een website met AI

Er bestaan tegenwoordig allerlei gebruiksvriendelijke sitebouw- en contentmanagementsystemen. Je bouwt daarmee relatief simpel een eigen website. Toch ben je wel even zoet met het vinden van een geschikt webthema, finetunen van de vormgeving en optimaliseren van alle instellingen. Wie daar geen tijd en zin in heeft, flanst als alternatief met AI in recordtempo een gelikte website in elkaar. Vertel gewoon wat voor webplatform je wilt en bekijk vervolgens binnen luttele minuten het resultaat. Kunstmatige intelligentie neemt je heel wat werk uit handen! Na het eerste ontwerp pas je naar eigen smaak diverse zaken aan.

Wat hebben populaire hostingproviders als Cloud86, Hostinger, TransIP, JouwWeb, Hostnet, Yourhosting en Strato gemeen? Ze ondersteunen allemaal AI-functies. Meestal dien je eerst wat vragen over jouw beoogde website te beantwoorden. Vervolgens verschijnt er op basis van je input een compleet webontwerp. Bij enkele AI-diensten kun je zelf een zogeheten prompt typen. Vertel in dat geval zo nauwkeurig mogelijk wat je wensen zijn. Tik bijvoorbeeld iets over de doelgroep, stijl en het contenttype, waarna er een website wordt gegenereerd.

Hostingproviders bieden hun AI-diensten op grofweg twee manieren aan. Zo voegen diverse internetbedrijven AI-ondersteuning aan WordPress toe. Dit is 's werelds meest gebruikte contentmanagementsysteem. Daarnaast zit in veel sitebouwsystemen AI-ondersteuning ingebakken. Dat zijn speciale tools waarmee je zonder technische kennis websites optuigt. Strato ondersteunt beide methoden. Om die reden gaan we met de AI-diensten van deze Duitse aanbieder aan de slag.

Als je eenmaal met een website wilt beginnen, heb je een domeinnaam (webadres) en een hostingpakket nodig. Beide zaken kun je bij dezelfde aanbieder regelen. Let wel goed op de kenmerken van het hostingpakket en welke AI-tools daarbij horen. Strato hanteert voor zijn Sitebuilder- en WordPress-toegang bijvoorbeeld verschillende abonnementen. Ga je voor een duurder pakket, dan laat je door middel van kunstmatige intelligentie ook nog eens unieke webteksten genereren. Op die manier vul je jouw website vlot met content.

Als je alle stappen van de domeinnaamregistratie en aanmelding voor het hostingabonnement hebt doorgenomen, ontvang je een e-mail met accountgegevens. In het geval van Strato ga je naar de Klanten-login, waarna je met een gebruikersnaam en wachtwoord inlogt. Op deze plek staat je bestelde product klaar. Kies nu Starten.

Klik in het beginscherm van de Strato Sitebuilder op Volgende om met de bouw van jouw website te starten. Je gaat nu een aantal vragen beantwoorden. Het is belangrijk dat je de velden nauwkeurig invult. De Duitse hostingprovider gaat ervan uit dat je een website voor een bedrijf wilt maken, maar dat kan natuurlijk net zo goed een vereniging of hobbyclub zijn. Bedenk eerst een bedrijfsnaam. In het tweede veld tik je maximaal tien relevante categorieën. Bevestig met Volgende.

Je typt nu een duidelijke en gedetailleerde omschrijving. Voor de toon kies je tussen vier opties, namelijk Professioneel, Speels, Inspirerend en Overtuigend. Klik opnieuw op Volgende. Bepaal in de komende stappen het gewenste lettertype en de kleuren. De laatste stap gaat over de contactpagina. Je vult vrijblijvend een telefoonnummer, e-mailadres en vestigingsadres in. Klik nog eenmaal op Volgende.

Sitebuilder komt met vier uiteenlopende webdesigns op de proppen. Gebruik de pijltjes om door de ontwerpen te bladeren. Als er niets voor je bijzit, kun je zo nodig de eerder besproken invoeropties verfijnen. Heb je een mooi webdesign op het oog? Zweef dan met de muisaanwijzer over de verkleinde voorbeeldweergave en klik rechtsboven op Volledige preview. Jouw voorlopige website verschijnt nu in vol ornaat in beeld. Gebruik bovenaan de pictogrammen om tussen de desktop-, tablet- en smartphonemodus te schakelen. Je ziet zo precies hoe de webpagina op verschillende schermpjes eruitziet. Merk op dat Sitebuilder diverse beelden aan de webpagina toevoegt. Deze afbeeldingen komen eveneens via AI tot stand en zijn meestal rechtenvrij.

Het is begrijpelijk wanneer je een aantal zaken van het ontwerp wilt aanpassen. De ingebouwde AI-functie zal tenslotte niet meteen aan al jouw wensen voldoen. Klik rechtsboven op de knop Bewerk deze. Er verschijnt vervolgens een nieuwe webpagina. Vanuit dit dashboard wijzig je allerlei aspecten van de website. Klik op Website bewerken om het uitgebreide ontwerpvenster te openen.

Controleer zekerheidshalve helemaal aan de linkerkant of het onderdeel Inhoud actief is. Je past in deze modus onder meer alle teksten van jouw website aan. Klik met de cursor op een tekstblok en typ de gewenste woorden. Vanuit de werkbalk stel je onder andere de grootte en het lettertype in. Daarnaast kun je ook een andere kleur kiezen en opsommingstekens toevoegen. Navigeer via het menu van de website naar een andere pagina om hiervan de teksten te wijzigen.

Wil je naar een andere webpagina of website linken? Selecteer dan één of meerdere woorden en klik in de werkbalk op Link. Via Website verwijs je naar een interne webpagina, bijvoorbeeld Contact of Over ons. Je kunt als alternatief ook naar een externe website, e-mailadres of online document linken.

Even geen inspiratie om zelf een leuke tekst te typen? Laat dan gewoon de ingebakken AI-tool dit klusje voor je opknappen. Dat kan overigens alleen wanneer je een geschikt hostingpakket hebt gekozen. Klik eerst op een tekstblok en kies daarna AI-tekst in de werkbalk. Vul vervolgens de velden onder Soort bedrijf, Onderwerp van de tekst en Belangrijk om te vermelden in. Je kunt ook nog het gewenste aantal paragrafen opgeven. Bevestig met Genereren en bekijk het resultaat.

Het is ook mogelijk om met behulp van AI bestaande teksten te verbeteren. Klik in de werkbalk wederom op AI-tekst en open de optie Verbeteren. Je selecteert in het uitrolmenu onder Communicatiestijl een passende toon, bijvoorbeeld Informatief, Zelfverzekerd of Overtuigend. Verander tot slot met Verbeteren de tekst.

Elke webpagina van de AI-gegenereerde website bestaat uit verschillende secties. Als je met de muisaanwijzer rustig over een pagina beweegt, herken je ze aan de blokken met de paarse rand. Bestaande secties kun je aanpassen. Gebruik hiervoor de pictogrammen in de werkbalk. De exacte werking hangt sterk af van wat voor sectie je hebt geselecteerd.

Via het pictogram Elementen voeg je extra zaken aan de sectie toe, zoals een afbeelding, video, tekstblok, titel, plattegrond of invoerveld. Klik binnen de webpagina op het plusteken en wijs daarna het beoogde element aan. Met de optie Ontwerp geef je de sectie eventueel een ander kleurtje of stel je een achtergrondafbeelding in. Sluit het instellingenvenster met Gereed.

Je voegt zo nodig eenvoudig een nieuwe sectie toe. Zweef met de muis over de webpagina en klik op de knop Sectie toevoegen. Bepaal in de linkerzijbalk wat voor webcontent je wilt publiceren. Gunstig is dat de beschikbare secties over verschillende categorieën verdeeld zijn. Zodra je iets hebt gekozen, vul je de sectie met eigen beeldmateriaal of teksten.

Je kunt de vormgeving eenvoudig finetunen. Klik helemaal links maar eens op het onderdeel Ontwerp. Via de optie Kleuren verschijnt er bij elke sectie een speciale werkbalk. Kies voor een donkere of heldere weergave. In het linkermenu selecteer je bovendien andere accentkleuren. Klik bij Kleuren op het pijltje om weer naar het menu terug te keren. Pas met de overige opties optioneel het lettertype en de vormen aan. Ten slotte is het verstandig om Woordafbreking te activeren. Deze functie maakt de teksten leesbaarder.

Wellicht ben je het oneens met de standaardpagina's die de AI-tool heeft toegevoegd.

Klik in dat geval links op het onderdeel Pagina's. Bekijk de huidige indeling van jouw website. Via Toevoegen verschijnt er een verse webpagina. Die kun je met zelfgekozen secties inrichten. Interessant is de optie Pagina toevoegen met AI. Aan de hand van de opgegeven paginanaam, omschrijving, schrijfstijl en secties levert de AI-tool een kant-en-klare webpagina af. Het resultaat is verrassend goed! Kies Ga naar editor om de laatste hand aan deze webpagina te leggen.

Voordat de website daadwerkelijk 'live' gaat, neem je eerst nog enkele zaken door. Klik hiervoor linksonder op Instellingen. Voor de herkenbaarheid van je website is het belangrijk om een zogeheten favicon in te stellen. Dat is een klein pictogram (meestal het logo) dat browsers in het tabblad weergeven. Klik op Uploaden en selecteer een afbeelding op de computer. Werp verder ook een blik op de Privacy-instellingen en het Bedrijfsprofiel.

Is de website af? Klik achtereenvolgens op Inhoud en Voorbeeld, zodat je nog een laatste check kunt doen. Met Voorbeeld sluiten en Publiceren zet je de website definitief online. Je kunt de boel later altijd nog aanpassen.

Sitebuilder van Strato is weliswaar zeer veelzijdig, maar WordPress biedt je veel meer functies om de website naar je hand te zetten. Daarentegen is het gebruik van dit contentmanagementsysteem wel iets complexer. Heb je een geschikt hostingpakket afgesloten? Dan start je vanuit het beheerpaneel van jouw hostingprovider een WordPress-installatie op de webserver. Strato vraagt om een beschrijving, gebruikersnaam, e-mailadres en wachtwoord, waarna je bevestigt met WordPress installeren.

Na enkele minuten is het pakket succesvol geconfigureerd. Vul in de browser het domein van jouw website in, waarbij je /wp-login.php aan de url toevoegt. Je logt vervolgens in met de zojuist gekozen aanmeldgegevens.

Zodra je voor de eerste keer bij WordPress inlogt, kies je Doorgaan met AI. De stappen komen enigszins overeen met die van het eerder besproken Sitebuilder. Je geeft de AI-tool duidelijke input, waardoor er een passende website wordt opgetuigd. Voeg allereerst een titel en beschrijving toe. Voor de toon van jouw website kies je tussen Professioneel, Vriendelijk, Inspirerend, Informatief en Overtuigend.

Klik op Volgende en beantwoord enkele vragen. Je beslist onder andere of je een website met meerdere pagina's wilt (laten) bouwen en of online bezoekers contact met je mogen opnemen. In de volgende stap schotelt de AI-tool je meerdere ontwerpen voor. Klik op een webontwerp dat jou wel kan bekoren en kies Volgende.

Bepaal daarna welke pagina's je wel of juist niet wilt gebruiken. Klik op het 'oogje' om een voorbeeldweergave van de bijbehorende webpagina te bekijken. Mis je iets? Met de optie Meer pagina's bekijken verschijnen er nog wat suggesties. Alle pagina's waarvoor er een vinkje staat, belanden in de uiteindelijke website. Klik nog een keer op Volgende. De website kan direct worden gepubliceerd. Uiteraard kun je naderhand zo'n beetje alles nog aanpassen.

Je hoeft de website alleen nog maar naar jouw smaak af te werken. WordPress bevat hiervoor een heleboel mogelijkheden. Je kunt hiervoor ook een beroep doen op de geïntegreerde AI-agent. Geef in het invoerveld aan wat je wilt wijzigen en de AI-tool voert dit verzoek (indien mogelijk) meteen uit. Voor gedetailleerde wijzigingen open je het dashboard van WordPress. Klik linksboven op de websitetitel om dit onderdeel te openen. Veel ontwerpplezier!