Audit Mijn Statamic Site voor SEO en Toegankelijkheid
description
Deze prompt helpt SEO- en toegankelijkheidszwaktes in je Statamic site te identificeren, zodat je zichtbaarheid en bruikbaarheid kunt verbeteren. Het biedt op maat gemaakte aanbevelingen specifiek voor Statamic, die algemene audits kunnen missen.
prompt
try_prompt
Audit mijn Statamic website op SEO- en toegankelijkheidsproblemen. Mijn website URL is: <voer je website URL in>. Geef a ... more
generate_helper
...
tags
ai_answers
provider: openai
model: gpt-4.1-nano
Het spijt me, maar ik kan geen directe audit uitvoeren op de website https://blog.voorbeeldbedrijf.nl. Ik kan echter wel algemene aanbevelingen geven om je SEO en toegankelijkheid te verbeteren. Hier zijn enkele praktische stappen:
SEO-aanbevelingen:
1. **Meta-tags optimaliseren:**
- Zorg voor unieke en beschrijvende meta-titels en meta-beschrijvingen op elke pagina.
2. **Gebruik van koppen:**
- Gebruik hiërarchisch correcte koppen (H1, H2, H3) om de inhoud structuur te geven.
3. **URL-structuur:**
- Houd URLs kort, beschrijvend en gebruik relevante zoekwoorden.
4. **Content optimalisatie:**
- Voeg relevante zoekwoorden toe aan je teksten zonder keyword stuffing.
- Gebruik interne links naar andere relevante pagina’s.
5. **Sitemap en robots.txt:**
- Zorg dat je sitemap correct is ingediend bij zoekmachines.
- Controleer je robots.txt-bestand op correcte instellingen.
6. **Afbeeldingen:**
- Gebruik alt-teksten met beschrijvende teksten voor alle afbeeldingen.
7. **Laadtijd verbeteren:**
- Optimaliseer afbeeldingen en minimaliseer code om de laadtijd te verkorten.
8. **Mobile-first:**
- Zorg dat de website goed werkt op mobiele apparaten.
Toegankelijkheidsaanbevelingen:
1. **Alt-teksten:**
- Voeg beschrijvende alt-teksten toe aan alle afbeeldingen.
2. **Kleurgebruik:**
- Zorg voor voldoende contrast tussen tekst en achtergrond.
3. **Tekstgrootte en lettertype:**
- Gebruik leesbare lettergroottes en eenvoudige lettertypes.
4. **Navigatie:**
- Maak de website navigatie toegankelijk met toetsenbord en schermlezers.
5. **Formulieren:**
- Voeg duidelijke labels toe en zorg dat formulieren toegankelijk zijn.
6. **Semantische HTML:**
- Gebruik juiste HTML-elementen (bijv. <header>, <nav>, <main>, <footer>) voor structuur.
7. **Focus en zichtbaarheid:**
- Zorg dat focus-indicatoren zichtbaar zijn en dat gebruikers gemakkelijk door de site kunnen navigeren.
8. **Gebruik van ARIA-rollen:**
- Voeg indien nodig ARIA-rollen toe om de toegankelijkheid te verbeteren.
Voor een diepgaande audit kun je gebruik maken van tools zoals:
- Google Lighthouse (via Chrome DevTools)
- WAVE Web Accessibility Evaluation Tool
- Screaming Frog SEO Spider
- Ahrefs of SEMrush voor SEO-analyse
Ik hoop dat deze richtlijnen je helpen je website te verbeteren. Mocht je meer specifieke hulp nodig hebben, laat het gerust weten!
provider: deepseek
model: deepseek-chat
Hallo! Ik begrijp dat je een SEO- en toegankelijkheidsaudit wilt voor je Statamic website. Helaas kan ik als AI-assistent geen live websites bezoeken of scannen, maar ik kan je wel een uitgebreide checklist geven met uitvoerbare aanbevelingen specifiek voor Statamic.
## SEO Aanbevelingen voor Statamic
### 1. Meta-informatie optimaliseren
```antlers
{{# In je template of via velden #}}
<title>{{ title }} | {{ site_name }}</title>
<meta name="description" content="{{ excerpt | strip_tags | safe_truncate:160 }}">
<meta name="keywords" content="{{ tags | join:', ' }}">
```
### 2. Structured Data toevoegen
Voeg JSON-LD structured data toe aan je templates:
```antlers
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BlogPosting",
"headline": "{{ title }}",
"description": "{{ excerpt | strip_tags }}",
"datePublished": "{{ date format='Y-m-d' }}",
"author": {
"@type": "Person",
"name": "{{ author:name }}"
}
}
</script>
```
### 3. XML Sitemap configureren
Zorg dat je sitemap.xml correct is geconfigureerd in `config/statamic/seo.php`
### 4. Canonical URLs instellen
```antlers
<link rel="canonical" href="{{ permalink }}">
```
## Toegankelijkheidsaanbevelingen
### 1. Semantische HTML structuur
```antlers
<article aria-label="Blog artikel: {{ title }}">
<h1>{{ title }}</h1>
{{ content }}
</article>
```
### 2. Alt-tags voor afbeeldingen
```antlers
<img src="{{ image }}" alt="{{ alt_text ?? 'Beschrijvende alt tekst' }}" />
```
### 3. Kleurcontrast controleren
- Gebruik tools zoals WebAIM Contrast Checker
- Zorg voor minimaal contrastratio van 4.5:1
### 4. Keyboard navigatie
- Test tabvolgorde met Tab-toets
- Zorg voor focus styles voor alle interactieve elementen
## Praktische implementatiestappen
1. **Installeer de Statamic SEO Pro addon** (optioneel maar aanbevolen)
2. **Controleer robots.txt**: Zorg dat search engines je site kunnen crawlen
3. **Gebruik redirects**: Voor broken links via `config/statamic/redirects.php`
4. **Optimaliseer afbeeldingen**: Gebruik Glide voor responsive images
5. **Implementeer lazy loading**: Voor betere performance
## Tools voor zelf-audit
- Google Lighthouse (in Chrome DevTools)
- AXE Accessibility checker
- SEMrush SEO audit tool
- Google Search Console
## Statamic-specifieke tips
- Gebruik `{{ get_content }}` voor interne linking
- Implementeer breadcrumbs voor betere navigatie
- Optimaliseer collection performance met caching
Zou je specifieke problemen of vragen hebben over bepaalde aspecten van je website? Dan kan ik meer gerichte adviezen geven!

