slogan3

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

Audit mijn Statamic website op SEO- en toegankelijkheidsproblemen. Mijn website URL is: <voer je website URL in>. Geef a ...

try_prompt

generate_helper
disclaimerOnPageApi

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!