Je website bijwerken door te chatten met Claude

Je hebt je website met Claude laten bouwen. Dan ligt het voor de hand om hem ook met Claude bij te werken: je typt wat er anders moet en de wijziging staat online. Dat kan, zolang je site uit losse bestanden bestaat zoals een AI-gebouwde website. Hieronder staat de route, met de momenten waarop jij zelf beslist.

Wat heb je nodig?

Drie dingen:

• Een Website-pakket bij ons, met je site online op je eigen domein. Het pakket kost € 9 per maand, exclusief btw (zie de prijzen).
• Een statische website, dus HTML, CSS, JavaScript en afbeeldingen. Zo ziet een site eruit die Claude, ChatGPT, Lovable of Bolt.new bouwt.
• Een Claude-abonnement dat eigen connectors toestaat. Heb je een teamabonnement, dan moet een beheerder de connector soms eerst toevoegen.

Staat je site nog niet online? Begin dan bij Website van Claude online zetten.

Stap 1: koppel Claude met beheren

Deze stap doe je één keer. In het portaal staat onder Verbind je AI het adres van Klappe Hosting. Je voegt dat in Claude toe als eigen connector, en je logt in met een link die we naar je mail sturen. Het volledige verhaal, met de menunamen, staat in Je website beheren met je eigen AI via MCP.

Goedkeuring van jou. In het venster van Klappe Hosting kies je per website tussen alleen lezen en beheren. Wil je dat Claude wijzigingen doorvoert, dan kies je beheren en daarna Toestaan. Dit is het moment waarop jij toestemming geeft. Je pauzeert of trekt de koppeling later op elk moment in via het portaal.

Stap 2: laat Claude eerst meekijken

Begin met een vraag die niets verandert:

Welke bestanden staan er op mijn website? Laat me de inhoud van de pagina over-ons zien.

Claude gebruikt dan de functies om bestanden te tonen en te lezen. Je ziet de bestandsnamen en de tekst van de pagina. Tekstbestanden tot 512 KB leest Claude helemaal. Afbeeldingen toont hij met naam en grootte, want de inhoud van een foto hoeft hij niet te lezen om hem te plaatsen.

Dit is ook een goede test of de koppeling werkt. Komt er een lijst met bestanden terug, dan zit het goed.

Stap 3: laat een back-up maken

Elke wijziging in je bestanden wordt een nieuwe versie van je site, waar je naar terug kunt. Een back-up vooraf geeft daar een vast punt naast, en kost één zin:

Maak een back-up van mijn site voordat we beginnen.

Je kunt per dag maximaal drie back-ups zelf laten maken en er blijven er vijf bewaard. Daarnaast maken wij elke nacht automatisch een back-up. Hoe dat werkt staat in Back-ups en updates voor je AI-website.

Stap 4: beschrijf de wijziging

Schrijf wat je wilt in gewone zinnen. Voorbeelden die goed werken:

• “Zet het telefoonnummer in de footer op 06 12 34 56 78.”
• “Verander de kop op de homepage in ‘Tuinonderhoud in Hoevelaken en omgeving’.”
• “Voeg een sectie met drie veelgestelde vragen toe onderaan de contactpagina.”
• “Maak de knop op de homepage groter en laat hem naar de contactpagina verwijzen.”

Claude leest het bestand, past het aan en schrijft het volledige bestand terug. Vraag gerust of hij eerst laat zien wat hij gaat veranderen. Dat is bij een grotere wijziging verstandig, omdat een bestand in zijn geheel wordt vervangen.

Een bestand mag tot 2 MB groot zijn bij het wegschrijven. Voor gewone pagina’s is dat ruim voldoende. Het gaat om web-bestanden: HTML, CSS, JavaScript, JSON, afbeeldingen, lettertypen en PDF. PHP-bestanden en het bestand .htaccess zet Claude niet online, die gaan via SFTP of via ons.

Goedkeuring bij gevonden sleutels. Voordat een bestand online komt, controleren we het op per ongeluk meegestuurde API-sleutels, tokens en wachtwoorden. Vinden we er een, dan schrijven we niets weg. Claude laat zien wat er is gevonden, met de waarde afgeschermd, en je kiest: de sleutel uit het bestand halen, ons om hulp vragen, of het toch publiceren. Dat laatste vraagt dat je zelf een bevestigingszin typt en daarna goedkeurt in het portaal. Claude kan die goedkeuring niet zelf geven.

Stap 5: controleer de live site

Open je website in een tabblad en ververs de pagina. Klopt het resultaat? Dan ben je klaar. Klopt het bijna? Beschrijf het verschil: “de kop is nu te groot op mobiel, maak hem iets kleiner.”

Elke aanpassing is een eigen versie. Vraag je tien kleine wijzigingen na elkaar, dan zijn dat tien versies. Dat is geen probleem, en je kunt Claude vragen de lijst te tonen.

Voor een grote omwerking is een zip met de hele site handiger. Let op dat Claude dan de volledige site vervangt door de inhoud van dat zipbestand (maximaal 25 MB en 2000 bestanden). Zorg dat alle pagina’s erin zitten.

Stap 6: ga terug als het niet klopt

Is een wijziging niet wat je wilde? Vraag het:

Toon de versies van mijn site en zet die van vanochtend weer live.

Claude toont de lijst met versies, en zet de gekozen versie weer live. De versie die je verlaat blijft bewaard, dus je kunt ook weer vooruit. Dit gaat sneller dan een back-up terugzetten en raakt alleen de bestanden van je site. Wil je de hele site terugzetten naar een eerder moment, dan staat de route in Een back-up terugzetten door het te vragen.

Wat werkt anders bij WordPress?

Bij een WordPress-site staan je teksten in de database en in plug-ins, en het bewerken van bestanden via chat werkt daar niet. Claude gebruikt daarvoor de WordPress-koppeling van je hosting. Dit kan Claude voor een WordPress-site doen:

• een nieuw bericht schrijven als concept, in dezelfde stijl als je laatste berichten, en na jouw goedkeuring publiceren of plannen
• afbeeldingen uploaden, alt-teksten toevoegen en het menu aanpassen
• de laatste wijziging terugdraaien
• een back-up maken, bekijken en terugzetten
• een eenmalige inloglink naar je WordPress maken
• de beveiligingsstatus laten zien
• de status van je site, het certificaat en de laatste back-up tonen

Plugins, thema’s en code beheer je zelf in WordPress. Liever laten doen? Dat is wat onze Aanpassingen-optie voor je regelt: teksten en afbeeldingen wijzigen op jouw verzoek, voor € 49 per maand. Je kunt ook een appje sturen, dan kijken we wat er nodig is. Kies je tussen WordPress en een AI-website, lees dan WordPress of AI-website.

Tips voor betere resultaten

• Noem het bestand of de pagina erbij: “op de contactpagina” werkt beter dan “ergens onderaan”.
• Vraag om één wijziging per keer. Dan kun je elke stap controleren en terugdraaien.
• Laat Claude de wijziging samenvatten voordat hij hem doorvoert, zeker bij een kop, een prijs of een telefoonnummer.
• Controleer op je telefoon en op een computer.
• Bewaar naast de koppeling een eigen kopie van je site, bijvoorbeeld via een export naar zip of GitHub.

Nog geen hosting voor je Claude-website? Je kiest het Website-pakket in het bestelformulier en per AI-tool staat de uitleg op de pagina van Claude. Wil je weten wat MCP precies is? Dat staat in Wat is MCP en waarom is het handig voor je website, en de MCP-pagina laat zien hoe het eruitziet.