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

try_prompt

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

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!