Help Center / Ongecategoriseerd / Verbeter AI-websitebouw met betere prompts

Verbeter AI-websitebouw met betere prompts

Laatste update: november 6, 2024

AI is een geweldig hulpmiddel waarmee je sneller en efficiënter kunt werken. Om echter het meeste uit AI te halen, moet je het voorzien van de beste “grondstoffen.” En voor AI zijn deze grondstoffen de prompts die je het geeft.

Prompts zijn de informatie die je aan de AI geeft zodat het een reactie kan genereren. Als je bijvoorbeeld een Contactpagina zou maken, zou je de volgende prompt in de AI kunnen invoeren:

Prompt: Schrijf 2 zinnen voor een Contactpagina van een website waarin staat dat klanten gerust een van de onderstaande nummers kunnen bellen tijdens kantooruren.

De prompt wordt ingevoerd in de Elementor AI-tekstgenerator

De AI zou de onderstaande tekst teruggeven:

De AI-resultaten van bovenstaande prompt

Je reis beginnen

Voordat we ingaan op de details van het schrijven van een prompt, heb je eerst wat achtergrondinformatie nodig over Elementor AI en waar je prompts kunt invoeren. 

Het websiteniveau

Waarschijnlijk het belangrijkste, en meest over het hoofd geziene, onderdeel van het bouwen van een site met AI is het toevoegen van context aan onze site. Door de juiste context voor je site te creëren, zullen alle resultaten van Elementor AI dit in overweging nemen, waardoor je bij elke stap betere resultaten krijgt.

AI-context omvat: 

  • Informatie over je bedrijf
  • De taalstijl die je verkiest

Door deze informatie in te vullen, zal Elementor AI deze informatie in overweging nemen wanneer je een prompt invoert voor deze site. Als je bijvoorbeeld AI-context instelt op een professionele toon, zal het dit door de hele site doen zonder dat je het elke keer hoeft te vermelden.

Het AI-contextvenster

Voor meer informatie over AI-context, zie Bouw een aangepaste website met AI-context

Het paginaniveau

Naast het creëren van tekst en afbeeldingen, kan AI daadwerkelijk een pagina-indeling voor je maken, waardoor je uren van vervelend paginaontwerp bespaart. De prompts die je hier invoert zijn vooral gericht op het beschrijven van hoe je wilt dat je pagina eruitziet.

Voorbeeld van een lay-outprompt

Voor meer informatie over het gebruik van Elementor AI om je pagina-indeling te maken, zie Containers maken met AI.

Elementor AI kan automatisch container-indelingen voor je genereren met de Copilot-functie. Voor meer informatie, zie Elementor AI Copilot.

Het elementniveau

Wanneer mensen over AI praten, is dit meestal waar ze naar verwijzen. Dit zijn prompts die tekst beschrijven die je wilt dat de AI schrijft of afbeeldingen die je wilt dat AI maakt.  

Voorbeeld van een afbeeldingsprompt

Voor gedetailleerde informatie specifiek over prompts voor het genereren van AI-afbeeldingen, zie Richtlijnen voor het maken van AI-afbeeldingsprompts. Voor voorbeelden van prompts, zie AI-promptideeën.

De duivel zit in de details

Waarschijnlijk het belangrijkste onderdeel van het maken van een prompt, is ervoor zorgen dat je alle relevante details toevoegt. Als je bijvoorbeeld de Hero-sectie van een website maakt en tekst moet toevoegen aan de teksteditor-widget, en je voerde de prompt in; Schrijf een alinea voor de homepage van mijn bedrijf, zou je het volgende, vrij generieke, resultaat krijgen:

Als we echter iets speciaals willen maken, moeten we een prompt maken die de AI iets geeft om mee te werken, zoals: “Schrijf een alinea voor de Hero-sectie van Benson’s Bakkerij die alle soorten gebakken goederen verkoopt maar gespecialiseerd is in croissants. Dit levert het volgende op:

De tweede prompt leverde veel betere resultaten op dan de eerste omdat het veel gedetailleerder was, specifiek toegesneden op de persoon waar het gedicht over ging. Hetzelfde principe geldt voor het maken van een website met AI – Hoe meer informatie je de AI geeft, hoe betere resultaten je zult behalen.  

Het moet echter worden opgemerkt dat hoewel details belangrijk zijn, AI alles in de prompt in overweging zal nemen en alles wat je schrijft als even belangrijk zal beschouwen. Dat betekent dat je overtollige details wilt vermijden, informatie die je niet wilt opnemen of benadrukken. In het bovenstaande voorbeeld willen we misschien de croissants niet benadrukken, dus zouden we dat uit de prompt weglaten.

Geef me nog een herschrijving!

Een van de geweldige dingen van werken met AI, is dat het nooit beledigd raakt wanneer je werk terugstuurt. Als je de resultaten van een prompt niet leuk vindt, kun je het altijd verfijnen door meer details toe te voegen, details te herformuleren of andere bewerkingen die je wilt.  

Laten we bijvoorbeeld zeggen dat je tekst nodig hebt voor de homepage van een bloemenwinkel:

Prompt: Schrijf een alinea die een bloemenwinkel beschrijft voor de homepage van hun website.

Resultaat: Welkom bij Blooming Blossoms, je eersteklas bestemming voor prachtige bloemstukken en cadeaus. Stap onze betoverende winkel binnen en ontdek een levendige wereld van kleur, geur en natuurlijke schoonheid. Onze bekwame bloemisten cureren zorgvuldig de verse bloemen van over de hele wereld, waarbij ze prachtige boeketten en middelpunten maken om elke gelegenheid te verheffen. Of je nu je huis wilt opfleuren, een speciale gebeurtenis wilt vieren, of een hartelijke boodschap wilt sturen, Blooming Blossoms is er om je bloemendromen waar te maken. Bezoek ons vandaag en laat onze bloemen de taal van liefde, vreugde en waardering spreken.

Dat is mooi, maar voor een website is dat een beetje breedsprakig, dus AI kan het verfijnen om aan onze behoeften te voldoen.

Prompt: Maak het korter.

Resultaat: Welkom bij Blooming Blossoms, je favoriete bestemming voor prachtige bloemstukken en cadeaus. Verken onze winkel en ervaar een wereld van kleur en geur. Onze getalenteerde bloemisten selecteren handmatig de verse bloemen om mooie boeketten en middelpunten te maken voor elke gelegenheid. Of je nu je huis wilt opfleuren of een hartelijke boodschap wilt sturen, Blooming Blossoms is er om aan je bloemenbehoeften te voldoen. Bezoek ons en laat onze bloemen liefde, vreugde en waardering uitdrukken.

Prompt: Maak het casual.

Resultaat: Hé daar! Welkom bij Blooming Blossoms, je favoriete plek voor geweldige bloemstukken. Stap onze winkel binnen en duik in een kleurrijke wereld vol geweldige geuren. Onze getalenteerde bloemisten toveren prachtige boeketten en middelpunten tevoorschijn met alleen de verse bloemen. Of je nu je ruimte personaliseert of een feestje geeft, Blooming Blossoms is er om je bloemendromen waar te maken. Kom vandaag langs en laat onze bloemen wat liefde en vreugde verspreiden!

De optie Maak het korter.

[callouy type=”note”]Elementor AI bevat dropdown-menu’s waarmee je eenvoudig veel van deze verfijningen aan je AI-prompts kunt toevoegen. [/callout]

Wie zijn mijn bezoekers?

Bij het maken van prompts is het belangrijk om je doelgroep in gedachten te houden. Een adviesbureau dat met zakelijke klanten werkt, zal meer formele taal en afbeeldingen willen gebruiken, terwijl een feestartikelen winkel vriendelijkere, meer casual content zal aannemen.

De volgende voorbeelden tonen verschillende prompts voor sites die zich richten op verschillende doelgroepen.

Prompt: Schrijf een alinea voor de homepage van een advocatenkantoor gespecialiseerd in zakelijk contractrecht voor de homepage van hun website. De taal moet professioneel zijn.

Resultaat:   Bij [Advocatenkantoor Naam] is ons team van ervaren specialisten in zakelijk contractrecht toegewijd aan het bieden van uitgebreide juridische oplossingen aan bedrijven van alle groottes. Met een diepgaand begrip van de complexiteit van commerciële transacties, werken we nauw samen met onze klanten om de fijne kneepjes van contractonderhandeling, opstelling en handhaving te navigeren. Onze onwrikbare toewijding aan excellentie en aandacht voor detail zorgt ervoor dat de belangen van onze klanten bij elke stap worden beschermd, waardoor zij zich kunnen concentreren op de groei en het succes van hun ondernemingen.

Prompt: Schrijf een alinea voor de homepage van een feestartikelen winkel. De taal moet leuk en humoristisch zijn.

Resultaat: Oké, feestgangers! Welkom bij de ultieme one-stop shop voor al je vieringsbehoeften. Of je nu een wilde verjaardagsfeest plant, een totaal tubulaire jaren ’80 thema-avond, of een fiesta die je abuela trots zou maken, wij hebben je gedekt van top tot teen (en van top tot teen tot top weer) met de meest buitenissige, over-de-top feestartikelen aan deze kant van het confetti-kanon. Dus pak je beste feesthoed, je meest feestelijke sokken, en maak je klaar om te knallen alsof er geen morgen is – want in onze winkel is elke dag een feest!

Vastgelopen? Hulp is slechts een klik verwijderd

Soms is het moeilijk om zelf een prompt te bedenken. Daarom heeft Elementor een promptbibliotheek gemaakt om je op weg te helpen. Kies gewoon een prompt die dicht bij wat je moet doen ligt, pas de details aan om bij je site te passen en gebruik het als je prompt.  

De promptbibliotheek pagina.

Sta op de schouders van reuzen

Net als bij veel creatieve ondernemingen, worden websiteontwerpen vaak geïnspireerd door anderen. Je wilt misschien een lay-out maken die standaard is voor je branche, of gewoon een website die je echt indruk maakt. Met Elementor’s Verwijs naar een website hoef je je ontwerp niet meer vanaf nul te beginnen. Voer gewoon de URL in van een website die je inspireert en Elementor AI zal een wireframe maken gebaseerd op die site. In wezen gebruik je die website als je prompt voor het ontwerpen van je site.      

De functie Verwijs naar een website.

Voor details over de Verwijs naar een website functie, zie Gebruik AI om containers te maken gebaseerd op een bestaande pagina.

AI is geweldig, maar jij hebt de leiding

Hoewel AI een geweldige manier is om tijd te besparen en websitecreatie efficiënter te maken, hangt wat de technologie biedt af van jou. Er is een gezegde dat teruggaat naar de vroege dagen van computers – GIGO, Garbage in, garbage out.   Misschien kunnen we dit herwerken voor AI – GIGO – Goud erin, goud eruit – om te erkennen dat geweldige prompts resulteren in geweldige sites. 

Op deze pagina

Deel dit artikel

Hosted with