AI-website laten controleren voor SEO en snelheid

Je AI heeft een mooie website gebouwd. Of Google hem ook goed kan lezen en of hij snel genoeg laadt, controleer je het best vóór je hem online zet. Hieronder staat een lijst om af te werken, plus een prompt waarmee je AI het grootste deel voor je doet.

Waar AI-websites meestal haperen

AI-tools maken sites die er goed uitzien. De onzichtbare laag eromheen krijgt minder aandacht. Dit zie je het vaakst:

• Elke pagina heeft dezelfde titel, vaak de naam van het project of “Vite + React”.
• De meta description ontbreekt of is een kopie van de homepagina.
• Er staan twee of meer H1’s op één pagina, of juist geen enkele.
• Afbeeldingen hebben geen alt-tekst, of een bestandsnaam als “image-1.png”.
• Er is geen sitemap.xml en geen robots.txt.
• Foto’s zijn enkele megabytes groot, rechtstreeks uit een generator.
• De tekst wordt pas door JavaScript op de pagina gezet.

Het laatste punt is het meest technisch en komt verderop apart aan bod. De rest los je met de checklist hieronder op.

De checklist per pagina

Loop dit voor elke pagina langs. Bij vijf pagina’s ben je zo klaar.

1. Titel. Eigen titel per pagina, met het onderwerp vooraan. Google schrijft in de SEO-starter guide dat titels per pagina verschillen en kort en duidelijk moeten zijn.
2. Meta description. Eén of twee zinnen die uitleggen wat er op de pagina staat. Per pagina anders. Google gebruikt de beschrijving niet altijd als tekst in de zoekresultaten, maar een goede is een nette samenvatting.
3. Eén H1. De hoofdkop van de pagina. Daaronder H2’s voor de onderdelen, in logische volgorde.
4. Alt-tekst. Beschrijf wat er op de afbeelding staat, in gewone woorden. Decoratieve plaatjes mogen een lege alt hebben.
5. Canonical. Een link in de head die zegt wat het voorkeursadres van de pagina is, met het volledige adres, bijvoorbeeld https://jouwdomein.nl/over-ons.
6. Open Graph. Tags als og:title, og:description en og:image bepalen hoe je pagina eruitziet als iemand de link deelt in WhatsApp of LinkedIn. Zonder deze tags krijg je een kale link.
7. Gestructureerde data. Voor een lokaal bedrijf is dat een stukje JSON-LD met naam, adres en openingstijden. Google raadt JSON-LD aan en wil dat het beschrijft wat ook echt zichtbaar op de pagina staat.

De bestanden in de hoofdmap

Twee kleine bestanden doen veel:

• sitemap.xml lijst de adressen van je pagina’s. Geen verplichting, wel handig voor zoekmachines.
• robots.txt vertelt crawlers wat ze mogen ophalen. Het is bedoeld om crawlverkeer te sturen. Wil je een pagina uit Google houden, gebruik dan noindex of een wachtwoord, want robots.txt is daar niet voor bedoeld.

Controleer na het online zetten of https://jouwdomein.nl/sitemap.xml en https://jouwdomein.nl/robots.txt echt een bestand tonen en geen foutpagina of je homepage.

Een prompt om te plakken

Plak dit in Claude, ChatGPT of de AI die je site gebouwd heeft, met je projectbestanden erbij:

Controleer mijn website op SEO voordat ik hem online zet. Loop alle pagina's langs en geef per pagina een tabel met: titel, meta description, aantal H1's, afbeeldingen zonder alt-tekst, canonical, Open Graph-tags en JSON-LD.
Controleer daarna of er een sitemap.xml en een robots.txt in de hoofdmap staan met mijn echte domein (vul hier je domein in).
Controleer of de tekst van elke pagina in de gebouwde HTML staat en niet pas door JavaScript wordt toegevoegd.
Noem afbeeldingen groter dan 200 KB en stel een kleinere versie in WebP voor.
Geef geen algemeen advies. Pas de bestanden zelf aan waar dat kan en som aan het eind op wat je hebt veranderd.

Laat je AI de wijzigingen doorvoeren en bouw de site opnieuw. Lees de lijst met wijzigingen even door voordat je verdergaat. Een AI past soms ook dingen aan die je niet vroeg.

Staat je tekst al in de HTML?

Dit is de controle die AI-websites het vaakst laten zien. Veel projecten zijn gebouwd met React en Vite. Zo’n site stuurt eerst een bijna lege pagina en zet de tekst er daarna met JavaScript in. Zoekmachines kunnen JavaScript uitvoeren, maar het is een extra stap en het gaat niet altijd goed. Andere lezers doen het helemaal niet: deelknoppen, sommige previews en kleinere crawlers.

Zo test je het:

1. Open je pagina in Chrome en druk op Ctrl+U (op een Mac Cmd+Option+U) om de paginabron te zien.
2. Zoek naar een zin uit je pagina.
3. Staat de zin erin, dan is je tekst direct leesbaar. Staat er alleen een lege <div id="root">, dan wordt alles later ingeladen.

Is dat laatste het geval, dan helpt het om de site als statische build of met prerendering te maken. Je vraagt je AI dan: “Zet dit project om naar statische pagina’s, zodat de tekst van elke pagina in de HTML staat.” Astro doet dit standaard en een Vite-project kan het met een prerender-plugin. Het resultaat zijn gewone bestanden, precies wat wij graag hosten. Hoe dat uitpakt voor een React-site lees je in React of Vite website hosten zonder Node-server.

Snelheid meten en verbeteren

Meten kan op twee manieren, allebei gratis:

• Lighthouse zit in Chrome DevTools. Open je pagina, druk op F12 en kies het tabblad Lighthouse. Je krijgt scores voor Performance, Accessibility, Best Practices en SEO, en per punt een uitleg. De Lighthouse-documentatie beschrijft ook de command-line versie.
• PageSpeed Insights meet een live adres, dus gebruik het na het online zetten. Voer het uit voor de mobiele weergave: de meeste bezoekers komen daar vandaan.

De winst zit bijna altijd op dezelfde plek:

• Afbeeldingen. Verklein foto’s tot de breedte waarop ze getoond worden. Het formaat WebP geeft meestal kleinere bestanden dan JPG of PNG bij dezelfde kwaliteit. Vraag je AI om de afbeeldingen om te zetten.
• Lettertypen en scripts. Laad alleen de gewichten die je gebruikt en haal scripts weg die niets doen.
• Eén bovenste afbeelding. Zorg dat de grote afbeelding bovenaan niet pas laat wordt geladen.

Wat de hosting erbij doet

Een deel van de snelheid ligt bij de server. Je site draait bij ons achter Cloudflare, met SSL erbij, compressie en cacheheaders voor je bestanden. Dat staat los van je eigen werk aan afbeeldingen en code, het komt erbovenop. De plannen en prijzen vind je op de prijzenpagina.

Wil je je site online zetten op je eigen domein? Bij de gratis verhuizing zetten wij je export voor je klaar. Dat leg je uit in Website van AI online zetten. Draait je site nu op het gratis subdomein van een AI-tool, dan staat in Gratis AI-hosting of echte hosting wat een eigen domein voor je zoekresultaten betekent. Per tool vind je de uitleg op de pagina’s van Claude en ChatGPT.

Search Console na de lancering

Als de site online staat, meld je hem aan bij Google Search Console. Je bevestigt dat het domein van jou is, stuurt de URL van je sitemap in en ziet na een paar dagen welke pagina’s Google heeft gevonden en of er fouten zijn. Gebruik de optie voor een domeineigendom als je die krijgt, dan gelden de gegevens voor www en zonder www samen.

Kijk na elke grote wijziging weer naar Lighthouse en naar de dekking in Search Console. Maak vooraf een back-up, zie Back-ups en updates voor je AI-website.