SEO
Guppy bringt einige SEO-relevante Defaults mit. Diese Seite zeigt, was Guppy aktiv unterstützt und welche Einstellungen du als Shop-Betreiber:in selbst pflegen musst.
Was Guppy automatisch macht
| Feature | Wirkung |
|---|---|
| Semantische HTML-Struktur | korrekte Heading-Hierarchie, semantische Landmarks (<header>, <nav>, <main>, <footer>). |
| Skip-Links | optional aktivierbar, Sprung zu Hauptinhalt, Navigation, Suche. |
RemoveExtraH1Plugin | entfernt redundante H1-Tags pro Seite (max. ein H1). |
| Strukturierte Daten | unterstützt von ausgewählten CMS-Elementen (DmfGuppyEmotionworldElements: Accordion mit Schema.org, Video mit Google strukturierten Daten). |
| Lazy-Loading | Bilder werden lazy geladen, schnellere Initial-Render-Zeit. |
| Splide-Slider | bessere Core-Web-Vitals als Tiny-Slider. |
Was du selbst pflegen musst
| Aufgabe | Wo |
|---|---|
| Meta-Title/Description pro Seite | Shopware-Admin: Kategorien, Produkte, CMS-Seiten |
| Open-Graph-Bild | Shopware-Admin: Verkaufskanal-Theme → Share-Image |
| Hreflang-Tags | Shopware-Standard via Sales-Channel-Sprachen |
| Robots.txt und Sitemap | Shopware-Standard, automatisch generiert |
| 301-Redirects | Shopware-Admin: SEO → URL-Weiterleitungen |
| Strukturierte Daten für Produkte | Shopware-Default + ggf. eigene Erweiterung |
Performance-Faktoren
Performance ist ein direkter Ranking-Faktor. Guppy unterstützt:
- Schlanke SCSS-Architektur: kein Shopware-Standard-Bloat.
- Bootstrap Utility-Klassen statt großflächiger Custom-CSS-Blöcke.
- Optimierte Bilder via Shopware-Thumbnail-System.
- Storefront-JS-Plugins mit data-Attribut-basierter Aktivierung, kein DOM-Parsing für ungenutzte Plugins.
Lighthouse-Test
Vor jedem größeren Release: Lighthouse-Test im Inkognito-Tab durchführen. Ziel: 90+ in Performance, Accessibility, Best Practices, SEO.
Image-Focal-Points
Wichtig für Produktbilder in Listings und Slidern: das Plugin DmfImageFocalPoint erlaubt pro Bild einen Fokuspunkt zu setzen, sodass beim Cropping wichtige Bildinhalte sichtbar bleiben, relevant für Engagement und Conversion.
Verwandt
- DmfImageFocalPoint: Bild-Fokuspunkte.
- DmfMarkdownEditor: Markdown statt HTML in Beschreibungen, sauberere Outputs.
- Accessibility Guidelines: DMFs Barrierefreiheits-Leitfaden.