{"id":35272,"date":"2023-03-21T09:57:00","date_gmt":"2023-03-21T08:57:00","guid":{"rendered":"https:\/\/www.strato.nl\/blog\/?p=35272"},"modified":"2025-01-07T15:06:15","modified_gmt":"2025-01-07T14:06:15","slug":"kan-ik-een-website-maken-met-chatgpt","status":"publish","type":"post","link":"https:\/\/www.strato.nl\/blog\/kan-ik-een-website-maken-met-chatgpt\/","title":{"rendered":"Een website maken met ChatGPT"},"content":{"rendered":"\n

ChatGPT<\/a> is sinds een paar maanden publiek beschikbaar. De chatbot heeft sindsdien enorm veel aandacht in de media gekregen, meer dan welke enkele andere tool ook. Maar hoe capabel is ChatGPT als het gaat om het maken van websites?<\/strong><\/p>\n\n\n\n

Ook wij vroegen ChatGPT onlangs om advies: Welke tips heeft ChatGPT voor een veiliger internet?<\/a> Maar ChatGPT kan veel meer dan alleen teksten produceren. Met deze nieuwe tool kun je ook code genereren. We hebben dit eens getest aan de hand van een concreet voorbeeld, waarbij we ChatGPT vroegen of het de code voor een eenvoudige portfoliowebsite kon maken.<\/p>\n\n\n\n

Stap 1: de basis<\/h2>\n\n\n\n

Dat ging zo:<\/p>\n\n\n\n

\n

Stel je voor dat je een ervaren front-end ontwikkelaar bent en ik vraag je een eenvoudige statische website voor me te maken?<\/em><\/p>\nOnze eerste vraag aan ChatGPT<\/em><\/strong><\/cite><\/blockquote>\n\n\n\n

Dit was het antwoord van ChatGPT:<\/p>\n\n\n\n

\n

Natuurlijk, ik help je graag met het maken van een eenvoudige statische website. Om te beginnen, zal ik eerst enkele vragen stellen om een idee te krijgen van wat voor soort website je wilt en wat je specifieke wensen zijn.<\/em><\/p>\n\n\n\n

    \n
  1. Wat is het doel van de website en wat voor soort inhoud wil je op de site hebben?<\/em><\/li>\n\n\n\n
  2. Heb je een voorkeur voor de lay-out en het ontwerp van de site? Zo ja, heb je al idee\u00ebn of voorbeelden om te delen?<\/em><\/li>\n\n\n\n
  3. Moet de site responsive zijn, dus geschikt voor verschillende schermgroottes zoals mobiele telefoons en tablets?<\/em><\/li>\n\n\n\n
  4. Heb je al inhoud zoals afbeeldingen, tekst en logo’s? Zo niet, moeten deze nog worden gemaakt of wil je dat ik ze voor je maak?<\/em><\/li>\n\n\n\n
  5. Moet de site geoptimaliseerd zijn voor zoekmachines of voor sociale media?<\/em><\/li>\n<\/ol>\n\n\n\n

    Afhankelijk van jouw antwoorden op deze vragen, kan ik dan aan de slag gaan met het ontwerpen en bouwen van de website. Ik kan een eenvoudig ontwerp maken met behulp van HTML, CSS en eventueel JavaScript, en deze vervolgens uploaden naar een webhostingplatform, zodat de site online beschikbaar is voor het publiek.<\/em><\/p>\nAntwoord van ChatGPT op onze eerste vraag<\/em><\/strong><\/cite><\/blockquote>\n\n\n\n

    Stap 2: de details<\/h2>\n\n\n\n

    Om een bruikbaar antwoord te krijgen, is het essentieel dat je de vraag en je eisen exact en duidelijk formuleert. In ons voorbeeld stelden we de volgende vraag:<\/p>\n\n\n\n

    \n

    Ik heb een eenvoudige one-pager nodig waarop ik mijn diensten en recent werk als freelance schrijver kan presenteren. De website moet ook geoptimaliseerd zijn voor mobiele apparaten. De pagina moet bestaan uit vijf gedeelten. Het bovenste gedeelte, de header, zou linksboven mijn naam \u2018Alexios Barnabas\u2019 hebben, gevolgd door mijn functietitel \u2018Freelance schrijver\u2019. In de kop staan ook de links naar de afzonderlijke rubrieken: \u2018Over mij\u2019, \u2018Publicaties\u2019, \u2018Contact\u2019.<\/em><\/p>\n\n\n\n

    In de tweede hoofdrubriek (\u2018Over mij\u2019), die daaronder volgt, komt een tekst (graag invullen met dummytekst) over mijn ervaring en diensten. Deze tekst bestaat uit een kop, 2 alinea’s en een opsomming.<\/em><\/p>\n\n\n\n

    In de derde hoofdrubriek (\u2018Publicaties\u2019) noem je de laatste drie publicaties van mij. Dit bestaat uit een subkopje en een korte tekst.<\/em><\/p>\n\n\n\n

    Het vierde hoofdgedeelte (\u2018Contactgegevens\u2019) bevat de contactgegevens.<\/em><\/p>\n\n\n\n

    Daaronder staat de footer met copyright en de links naar het colofon en privacybeleid.<\/em><\/p>\n\n\n\n

    De website moet responsive zijn, de kleur van het lettertype moet donkergrijs zijn, maar niet zwart. Gebruik het standaard lettertype van het systeem. De kleur van de links moet petrol zijn. De maximale breedte van de inhoud moet 960 pixels zijn.<\/em><\/p>\nOnze concrete eisen aan ChatGPT<\/em><\/strong><\/cite><\/blockquote>\n\n\n\n

    Stap 3: de HTML-code<\/h2>\n\n\n\n

    Dit is natuurlijk een vrij lange vraag. Maar het leverde wel een bruikbaar resultaat op, want ChatGPT gaf deze HTML-code als antwoord:<\/p>\n\n\n\n

    <!DOCTYPE html>\n<html lang=\"nl\">\n  <head>\n    <meta charset=\"UTF-8\" \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <title>Alexios Barnabas - Freelance schrijver<\/title>\n    <style>\n     \/* CSS hier invoegen *\/\n    <\/style>\n  <\/head>\n  <body>\n    <header>\n      <h1>Alexios Barnabas<\/h1>\n      <nav>\n        <a href=\"#about\">Over mij<\/a>\n        <a href=\"#publications\">Publicaties<\/a>\n        <a href=\"#contact\">Contact<\/a>\n      <\/nav>\n    <\/header>\n    <main>\n      <section id=\"about\">\n        <h2>Over mij<\/h2>\n        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eget lectus vel sapien finibus facilisis. Etiam at mauris a purus tincidunt viverra. Nullam ultricies ligula eu odio blandit fringilla.<\/p>\n        <p>Donec fermentum massa eget leo mollis, vel gravida orci pulvinar. Fusce sollicitudin massa eget rhoncus dapibus. Sed condimentum, nulla a auctor consectetur, ipsum enim venenatis ipsum, vel pharetra orci tellus vel ipsum.<\/p>\n        <ul>\n          <li>Copywriting en SEO-geoptimaliseerde inhoud<\/li>\n          <li>Content voor social media<\/li>\n          <li>Content strategie voor corporate blogs<\/li>\n        <\/ul>\n      <\/section>\n      <section id=\"publications\">\n        <h2>Publicaties<\/h2>\n        <ul>\n          <li>\n            <h3>Artikel 1<\/h3>\n            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eget lectus vel sapien finibus facilisis.<\/p>\n\t\t\t<p><a href=\"#\">Meer info<\/a><\/p>\n\t\t  <\/li>\n\t\t  <li>\n\t\t\t<h3>Artikel 2<\/h3>\n\t\t\t<p>Etiam at mauris a purus tincidunt viverra. Nullam ultricies ligula eu odio blandit fringilla.<\/p>\n\t\t\t<p><a href=\"#\">Meer info<\/a><\/p>\n\t\t  <\/li>\n\t\t  <li>\n\t\t\t<h3>Artikel 3<\/h3>\n\t\t\t<p>Fusce sollicitudin massa eget rhoncus dapibus. Sed condimentum, nulla a auctor consectetur, ipsum enim venenatis ipsum, vel pharetra orci tellus vel ipsum.<\/p>\n\t\t\t<p><a href=\"#\">Meer info<\/a><\/p>\n\t\t  <\/li>\n\t\t<\/ul>\n\t  <\/section>\n\t  <section id=\"contact\">\n\t\t<h2>Contact<\/h2>\n\t\t<p>Contacteer me per mail of telefonisch:<\/p>\n\t\t<p>E-mail: <a href=\"mailto:alexios@barnabas.com\">alexios@barnabas.com<\/a><\/p>\n\t\t<p>Telefoon: +31 123 456789<\/p>\n\t  <\/section>\n\t<\/main>\n\t<footer>\n\t  <p>&copy; 2023 Alexios Barnabas<\/p>\n\t  <nav>\n\t\t<a href=\"#\">Colofon<\/a>\n\t\t<a href=\"#\">Privacyverklaring<\/a>\n\t  <\/nav>\n\t<\/footer>\n<\/body>\n<\/html>\n<\/pre>\n\n\n\n
    Daarin zie je dat ChatGPT eigenlijk precies deed wat we vroegen: een eenvoudige website maken waarop een freelancer zich voorstelt. De site heeft drie secties: ‘Over mij’, ‘Publicaties’ en ‘Contact’, die onder elkaar zijn geplaatst. Interessant is ook dat ChatGPT in ons gesprek merkte dat we Nederlands spreken en meteen het juiste +31-telefoonnummer en de juiste taalinformatie in het html-document heeft gezet: <html lang=”nl”>.<\/p>\n\n\n\n
    Stap 4: de CSS-code voor de opmaak<\/h2>\n\n\n\n
    Vervolgens vroegen we ChatGPT om ook de CSS-code te genereren. Daarbij kwam dit als resultaat:<\/p>\n\n\n\n
          body {\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n        color: #333333;\n        line-height: 1.5;\n        margin: 0;\n        padding: 0;\n      }\n\n      header {\n        background-color: #ffffff;\n        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n        display: flex;\n        justify-content: space-between;\n        padding: 20px;\n      }\n\n      h1 {\n        font-size: 2rem;\n        margin: 0;\n      }\n\n      nav {\n        display: flex;\n        align-items: center;\n      }\n\n      nav a {\n        color: #00788a;\n        text-decoration: none;\n        margin-left: 20px;\n      }\n\n      main {\n        max-width: 960px;\n        margin: 0 auto;\n        padding: 20px;\n      }\n\n      section {\n        margin-bottom: 40px;\n      }\n\n      h2 {\n        font-size: 1.5rem;\n        margin-bottom: 20px;\n      }\n\n      nav ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n      }\n\n      li {\n        margin-bottom: 10px;\n      }\n\n      a {\n        color: #00788a;\n        text-decoration: none;\n      }\n\n      footer {\n        background-color: #f7f7f7;\n        padding: 20px;\n        text-align: center;\n      }\n\n<\/pre>\n\n\n\n
    Als je het eindresultaat in de browser<\/a> bekijkt, zie je enerzijds dat de website er erg eenvoudig uitziet. Anderzijds is de site volledig functioneel en kun je hem zelf verder aanpassen aan je eisen.<\/p>\n\n\n\n
    Kom je niet verder? Vraag ChatGPT om hulp<\/strong><\/h2>\n\n\n\n
    ChatGPT is niet alleen interessant om code te genereren. Je kunt de chatbot ook vragen om de code uit te leggen. Bijvoorbeeld zo:<\/p>\n\n\n\n
    \n
    Kun je me uitleggen wat <meta name=”viewport” content=”width=device-width, initial-scale=1.0″ \/> is en waar het voor dient?<\/em><\/p>\nVraag ChatGPT om uitleg bij de code<\/strong><\/cite><\/blockquote>\n\n\n\n
    Je krijgt dan dit antwoord:<\/p>\n\n\n\n
    \n
    Ja, natuurlijk! De meta tag <meta name=”viewport” content=”width=device-width, initial-scale=1.0″ \/> is een belangrijke tag die wordt gebruikt bij het ontwikkelen van responsive websites. Het biedt instructies aan de browser over hoe de webpagina moet worden weergegeven op verschillende apparaten en schermgroottes.<\/em><\/p>\n\n\n\n
    De width=device-width instructie zorgt ervoor dat de breedte van de viewport gelijk is aan de breedte van het apparaat waarop de pagina wordt weergegeven. Dit betekent dat de breedte van de pagina zich aanpast aan de breedte van het apparaat, zodat de inhoud niet buiten het scherm valt.<\/em><\/p>\n\n\n\n
    De initial-scale=1.0 instructie stelt het initi\u00eble zoomniveau van de pagina in. Een waarde van 1.0 betekent dat de pagina op 100% grootte wordt weergegeven wanneer deze voor het eerst wordt geladen.<\/em><\/p>\n\n\n\n
    Kortom, de <meta name=”viewport” content=”width=device-width, initial-scale=1.0″ \/> tag zorgt ervoor dat de website optimaal wordt weergegeven op verschillende apparaten en schermgroottes, waardoor de gebruikerservaring wordt verbeterd. Het is een belangrijke tag om te gebruiken bij het ontwikkelen van een responsive website.<\/em><\/p>\nHet antwoord van ChatGPT<\/em><\/strong><\/cite><\/blockquote>\n\n\n\n
    Je kunt ChatGPT dus als studiehulp gebruiken.<\/p>\n\n\n\n
    Samenvatting: ChatGPT als websitegenerator<\/strong><\/h2>\n\n\n\n
    Zoals je in dit eenvoudige voorbeeld ziet, geeft ChatGPT vrij goede resultaten. Maar het werkt alleen als je van tevoren precies weet wat je nodig hebt en waarop je moet letten. Je moet dus nauwkeurige, doelgerichte vragen stellen. Wat dat betreft is het als met elk ander gereedschap: je bereikt pas bruikbare resultaten als je er ervaring mee hebt.<\/p>\n\n\n\n
    Maar als hulpmiddel voor het begrijpen van de code merk je al vroeg de toegevoegde waarde. ChatGPT helpt je om dingen beter te begrijpen.<\/p>\n\n\n\n
    Hoe dan ook blijft het belangrijk om ChatGPT niet blindelings te vertrouwen. Controleer de resultaten van deze tool dus regelmatig, bijvoorbeeld door ook via een zoekmachine antwoorden op je vragen te zoeken en de uitkomsten te vergelijken.<\/p>\n\n\n\n
    Ben je nog op zoek naar geschikte hosting voor jouw project?<\/h2>\n\n\nNaar de STRATO hostingpakketten<\/a>","protected":false},"excerpt":{"rendered":"
    ChatGPT is sinds een paar maanden publiek beschikbaar. De chatbot heeft sindsdien enorm veel aandacht in de media gekregen, meer dan welke enkele andere tool ook. Maar hoe capabel is ChatGPT als het gaat om het maken van websites? Ook wij vroegen ChatGPT onlangs om advies: Welke tips heeft ChatGPT voor een veiliger internet? Maar […]<\/p>\n","protected":false},"author":39,"featured_media":35273,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[410,405],"tags":[491,163],"class_list":["post-35272","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-hosting","category-hosting-wordpress","tag-ai-tools","tag-website"],"acf":[],"yoast_head":"\nEen website maken met ChatGPT - STRATO blogt<\/title>\n<meta name=\"description\" content=\"ChatGPT is een uiterst veelzijdige chatbot. In vier stappen maakten wij met behulp van de AI-tool een statische website.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.strato.nl\/blog\/kan-ik-een-website-maken-met-chatgpt\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Een website maken met ChatGPT - STRATO blogt\" \/>\n<meta property=\"og:description\" content=\"ChatGPT is een uiterst veelzijdige chatbot. In vier stappen maakten wij met behulp van de AI-tool een statische website.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.strato.nl\/blog\/kan-ik-een-website-maken-met-chatgpt\/\" \/>\n<meta property=\"og:site_name\" content=\"STRATO blogt\" \/>\n<meta property=\"article:published_time\" content=\"2023-03-21T08:57:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-07T14:06:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2023\/03\/website-met-chatgpt-html-code.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"728\" \/>\n\t<meta property=\"og:image:height\" content=\"410\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Vladimir Simovi\u0107\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Geschreven door\" \/>\n\t<meta name=\"twitter:data1\" content=\"Vladimir Simovi\u0107\" \/>\n\t<meta name=\"twitter:label2\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.strato.nl\/blog\/kan-ik-een-website-maken-met-chatgpt\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.strato.nl\/blog\/kan-ik-een-website-maken-met-chatgpt\/\"},\"author\":{\"name\":\"Vladimir Simovi\u0107\",\"@id\":\"https:\/\/www.strato.nl\/blog\/#\/schema\/person\/1751e1e82c517dda5bf5ef8b96a3680a\"},\"headline\":\"Een website maken met ChatGPT\",\"datePublished\":\"2023-03-21T08:57:00+00:00\",\"dateModified\":\"2025-01-07T14:06:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.strato.nl\/blog\/kan-ik-een-website-maken-met-chatgpt\/\"},\"wordCount\":1079,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\/\/www.strato.nl\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.strato.nl\/blog\/kan-ik-een-website-maken-met-chatgpt\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2023\/03\/website-met-chatgpt-html-code.webp\",\"keywords\":[\"AI\",\"Website\"],\"articleSection\":[\"Hosting\",\"Hosting & WordPress\"],\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.strato.nl\/blog\/kan-ik-een-website-maken-met-chatgpt\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.strato.nl\/blog\/kan-ik-een-website-maken-met-chatgpt\/\",\"url\":\"https:\/\/www.strato.nl\/blog\/kan-ik-een-website-maken-met-chatgpt\/\",\"name\":\"Een website maken met ChatGPT - STRATO blogt\",\"isPartOf\":{\"@id\":\"https:\/\/www.strato.nl\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.strato.nl\/blog\/kan-ik-een-website-maken-met-chatgpt\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.strato.nl\/blog\/kan-ik-een-website-maken-met-chatgpt\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2023\/03\/website-met-chatgpt-html-code.webp\",\"datePublished\":\"2023-03-21T08:57:00+00:00\",\"dateModified\":\"2025-01-07T14:06:15+00:00\",\"description\":\"ChatGPT is een uiterst veelzijdige chatbot. In vier stappen maakten wij met behulp van de AI-tool een statische website.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.strato.nl\/blog\/kan-ik-een-website-maken-met-chatgpt\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.strato.nl\/blog\/kan-ik-een-website-maken-met-chatgpt\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/www.strato.nl\/blog\/kan-ik-een-website-maken-met-chatgpt\/#primaryimage\",\"url\":\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2023\/03\/website-met-chatgpt-html-code.webp\",\"contentUrl\":\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2023\/03\/website-met-chatgpt-html-code.webp\",\"width\":728,\"height\":410},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.strato.nl\/blog\/kan-ik-een-website-maken-met-chatgpt\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.strato.nl\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Een website maken met ChatGPT\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.strato.nl\/blog\/#website\",\"url\":\"https:\/\/www.strato.nl\/blog\/\",\"name\":\"STRATO blogt\",\"description\":\"Nieuws en tips over webhosting!\",\"publisher\":{\"@id\":\"https:\/\/www.strato.nl\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.strato.nl\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.strato.nl\/blog\/#organization\",\"name\":\"STRATO blogt\",\"url\":\"https:\/\/www.strato.nl\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/www.strato.nl\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2019\/11\/strato_signet_blogt_nl_wei\u00df.png\",\"contentUrl\":\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2019\/11\/strato_signet_blogt_nl_wei\u00df.png\",\"width\":259,\"height\":42,\"caption\":\"STRATO blogt\"},\"image\":{\"@id\":\"https:\/\/www.strato.nl\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.strato.nl\/blog\/#\/schema\/person\/1751e1e82c517dda5bf5ef8b96a3680a\",\"name\":\"Vladimir Simovi\u0107\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/www.strato.nl\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2022\/04\/vladimir-simovic-strato-blog-96x96.jpg\",\"contentUrl\":\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2022\/04\/vladimir-simovic-strato-blog-96x96.jpg\",\"caption\":\"Vladimir Simovi\u0107\"},\"description\":\"Vladimir Simovi\u0107 setzt seit 2000 mit HTML & CSS und seit 2004 mit WordPress Website-Projekte um. Seit Januar 2004 hat er als einer der ersten Blogger im deutschsprachigen Raum zu den WordPress Anf\u00e4ngen Tipps und Tricks ver\u00f6ffentlicht. Seit April 2022 ist er als Redakteur f\u00fcr den Blog-Bereich von STRATO verantwortlich und verfasst Informationsartikel insbesondere zu WordPress Themen. Im Laufe der Jahre hat er Fachb\u00fccher sowie \u00fcber 60 Fachartikel publiziert und weit \u00fcber hundert WordPress Projekte betreut und umgesetzt. Aktuell besch\u00e4ftigt er sich mit dem Einsatz von KI im Content-Marketing.\",\"sameAs\":[\"https:\/\/www.vladimir-simovic.de\"],\"url\":\"https:\/\/www.strato.nl\/blog\/author\/vladimir-simovic\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Een website maken met ChatGPT - STRATO blogt","description":"ChatGPT is een uiterst veelzijdige chatbot. In vier stappen maakten wij met behulp van de AI-tool een statische website.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.strato.nl\/blog\/kan-ik-een-website-maken-met-chatgpt\/","og_locale":"nl_NL","og_type":"article","og_title":"Een website maken met ChatGPT - STRATO blogt","og_description":"ChatGPT is een uiterst veelzijdige chatbot. In vier stappen maakten wij met behulp van de AI-tool een statische website.","og_url":"https:\/\/www.strato.nl\/blog\/kan-ik-een-website-maken-met-chatgpt\/","og_site_name":"STRATO blogt","article_published_time":"2023-03-21T08:57:00+00:00","article_modified_time":"2025-01-07T14:06:15+00:00","og_image":[{"width":728,"height":410,"url":"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2023\/03\/website-met-chatgpt-html-code.webp","type":"image\/webp"}],"author":"Vladimir Simovi\u0107","twitter_card":"summary_large_image","twitter_misc":{"Geschreven door":"Vladimir Simovi\u0107","Geschatte leestijd":"3 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.strato.nl\/blog\/kan-ik-een-website-maken-met-chatgpt\/#article","isPartOf":{"@id":"https:\/\/www.strato.nl\/blog\/kan-ik-een-website-maken-met-chatgpt\/"},"author":{"name":"Vladimir Simovi\u0107","@id":"https:\/\/www.strato.nl\/blog\/#\/schema\/person\/1751e1e82c517dda5bf5ef8b96a3680a"},"headline":"Een website maken met ChatGPT","datePublished":"2023-03-21T08:57:00+00:00","dateModified":"2025-01-07T14:06:15+00:00","mainEntityOfPage":{"@id":"https:\/\/www.strato.nl\/blog\/kan-ik-een-website-maken-met-chatgpt\/"},"wordCount":1079,"commentCount":2,"publisher":{"@id":"https:\/\/www.strato.nl\/blog\/#organization"},"image":{"@id":"https:\/\/www.strato.nl\/blog\/kan-ik-een-website-maken-met-chatgpt\/#primaryimage"},"thumbnailUrl":"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2023\/03\/website-met-chatgpt-html-code.webp","keywords":["AI","Website"],"articleSection":["Hosting","Hosting & WordPress"],"inLanguage":"nl-NL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.strato.nl\/blog\/kan-ik-een-website-maken-met-chatgpt\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.strato.nl\/blog\/kan-ik-een-website-maken-met-chatgpt\/","url":"https:\/\/www.strato.nl\/blog\/kan-ik-een-website-maken-met-chatgpt\/","name":"Een website maken met ChatGPT - STRATO blogt","isPartOf":{"@id":"https:\/\/www.strato.nl\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.strato.nl\/blog\/kan-ik-een-website-maken-met-chatgpt\/#primaryimage"},"image":{"@id":"https:\/\/www.strato.nl\/blog\/kan-ik-een-website-maken-met-chatgpt\/#primaryimage"},"thumbnailUrl":"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2023\/03\/website-met-chatgpt-html-code.webp","datePublished":"2023-03-21T08:57:00+00:00","dateModified":"2025-01-07T14:06:15+00:00","description":"ChatGPT is een uiterst veelzijdige chatbot. In vier stappen maakten wij met behulp van de AI-tool een statische website.","breadcrumb":{"@id":"https:\/\/www.strato.nl\/blog\/kan-ik-een-website-maken-met-chatgpt\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.strato.nl\/blog\/kan-ik-een-website-maken-met-chatgpt\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/www.strato.nl\/blog\/kan-ik-een-website-maken-met-chatgpt\/#primaryimage","url":"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2023\/03\/website-met-chatgpt-html-code.webp","contentUrl":"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2023\/03\/website-met-chatgpt-html-code.webp","width":728,"height":410},{"@type":"BreadcrumbList","@id":"https:\/\/www.strato.nl\/blog\/kan-ik-een-website-maken-met-chatgpt\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.strato.nl\/blog\/"},{"@type":"ListItem","position":2,"name":"Een website maken met ChatGPT"}]},{"@type":"WebSite","@id":"https:\/\/www.strato.nl\/blog\/#website","url":"https:\/\/www.strato.nl\/blog\/","name":"STRATO blogt","description":"Nieuws en tips over webhosting!","publisher":{"@id":"https:\/\/www.strato.nl\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.strato.nl\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/www.strato.nl\/blog\/#organization","name":"STRATO blogt","url":"https:\/\/www.strato.nl\/blog\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/www.strato.nl\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2019\/11\/strato_signet_blogt_nl_wei\u00df.png","contentUrl":"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2019\/11\/strato_signet_blogt_nl_wei\u00df.png","width":259,"height":42,"caption":"STRATO blogt"},"image":{"@id":"https:\/\/www.strato.nl\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.strato.nl\/blog\/#\/schema\/person\/1751e1e82c517dda5bf5ef8b96a3680a","name":"Vladimir Simovi\u0107","image":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/www.strato.nl\/blog\/#\/schema\/person\/image\/","url":"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2022\/04\/vladimir-simovic-strato-blog-96x96.jpg","contentUrl":"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2022\/04\/vladimir-simovic-strato-blog-96x96.jpg","caption":"Vladimir Simovi\u0107"},"description":"Vladimir Simovi\u0107 setzt seit 2000 mit HTML & CSS und seit 2004 mit WordPress Website-Projekte um. Seit Januar 2004 hat er als einer der ersten Blogger im deutschsprachigen Raum zu den WordPress Anf\u00e4ngen Tipps und Tricks ver\u00f6ffentlicht. Seit April 2022 ist er als Redakteur f\u00fcr den Blog-Bereich von STRATO verantwortlich und verfasst Informationsartikel insbesondere zu WordPress Themen. Im Laufe der Jahre hat er Fachb\u00fccher sowie \u00fcber 60 Fachartikel publiziert und weit \u00fcber hundert WordPress Projekte betreut und umgesetzt. Aktuell besch\u00e4ftigt er sich mit dem Einsatz von KI im Content-Marketing.","sameAs":["https:\/\/www.vladimir-simovic.de"],"url":"https:\/\/www.strato.nl\/blog\/author\/vladimir-simovic\/"}]}},"_links":{"self":[{"href":"https:\/\/www.strato.nl\/blog\/wp-json\/wp\/v2\/posts\/35272","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.strato.nl\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.strato.nl\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.strato.nl\/blog\/wp-json\/wp\/v2\/users\/39"}],"replies":[{"embeddable":true,"href":"https:\/\/www.strato.nl\/blog\/wp-json\/wp\/v2\/comments?post=35272"}],"version-history":[{"count":17,"href":"https:\/\/www.strato.nl\/blog\/wp-json\/wp\/v2\/posts\/35272\/revisions"}],"predecessor-version":[{"id":37433,"href":"https:\/\/www.strato.nl\/blog\/wp-json\/wp\/v2\/posts\/35272\/revisions\/37433"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.strato.nl\/blog\/wp-json\/wp\/v2\/media\/35273"}],"wp:attachment":[{"href":"https:\/\/www.strato.nl\/blog\/wp-json\/wp\/v2\/media?parent=35272"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.strato.nl\/blog\/wp-json\/wp\/v2\/categories?post=35272"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.strato.nl\/blog\/wp-json\/wp\/v2\/tags?post=35272"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}