Grapesjs A11Y Seo — Accessibility auditor + SEO for GrapesJS
Was enthalten ist
- Kostenlos heruntergeladen und nutzbar
- GrapesJS Studio-kompatibel
- Offen für den privaten und gewerblichen Gebrauch
Unterstützt den Schöpfer
Nutzen Sie einmalige oder monatliche Unterstützung, um dem Ersteller für dieses kostenlose Produkt zu danken.
GrapesJS-kompatibel
Getestet mit GrapesJS 0.23.x, 0.22.x, 0.21.x
Open Source auf GitHub
Kostenlos zu nutzen, zu forken und beizutragen
Studiobereit
Vollständig kompatibel mit GrapesJS Studio
Kostenlos zu verwenden
Offen für private und kommerzielle Projekte
Lighthouse für GrapesJS – ein Live-Accessibility-Auditor (WCAG 2.1/2.2) undSEO-Metadaten-Manager, direkt im Editor.
Jede Barrierefreiheitsfindung ist an die exakte GrapesJS-Komponente gebunden: Klicken Sie darauf, und die Komponente wird ausgewählt, in die Ansicht gescrollt und auf der Leinwand markiert – mit einem Schnell-Klick-Fix über die Komponenten-API, bei der die Korrektur eindeutig ist. Der SEO-Tab verwaltet die Metadaten pro Seite mit Live-Vorschauen von Google / Open Graph / Twitter, einer Checkliste, JSON-LD und vollständigem<head> Export.sitemap.xml
Keine Laufzeitabhängigkeiten im Browser (axe-core ist ein optionaler Peer).
Barrierefreiheitsprüfer
- 15 eingebaute Regeln: Alt-Text, Farbkontrast, Überschriften, Linknamen, Formularbeschriftungen, ARIA-Gültigkeit, Landmarks, Tabindex, Zielgröße, Medienunterschriften, iframe-Titel, doppelte IDs, Tabellenstruktur, Dokumentensprache, Schriftgröße.
- Ergebnisse, die an die Komponente gebunden sind – auswählen / scrollen / hervorheben auf der Leinwand.
- Ein-Klick-Schnelllösungen (unmöglich) + "Alles sicher beheben" als einziger Rückgängigkeitsschritt.
- Schweregrads-Badges im Layer Manager, "Hervorhebungsprobleme"-Overlay, Fokus-Order-Visualisator und Barrierefreiheitsbaum.
- Basis- / "Wird nicht reparieren"-Unterstützung, mit dem Projekt gespeichert.
- Optionale Axe-Core-Engine für 100% Regelabdeckung.
SEO-Manager
- Metadaten pro Seite: Titel, Beschreibung, kanonisch, Roboter, Fokus-Schlüsselwort, Open Graph, Twitter, Favicon.
- Live-Vorschauen: Google SERP (echte Pixelbreiten-Abkürzung), Open Graph & Twitter-Karten.
- SEO-Checkliste + JSON-LD (Artikel, Produkt, Organisation, BreadcrumbList, FAQPage, Webseite).
- Export:
getHeadHtml(),renderPage(),.getSitemap()
Extras
- Arbeitet mit einfachen GrapesJS und GrapesJS Studio.
- Mehrseitiges Audit + SEO-pro Seite.
- CI-Modus:
npx grapesjs-a11y-seo-ci ./dist/*.html(kopflos, nicht null Ausstieg bei Fehlern). - i18n: en / ru / es Bündel, vollständig übersteuerbar.
- TypeScript-Typen enthalten. MIT-Lizenz.
Bewertungen:
Noch keine Bewertungen. Sei der Erste, der deine Erfahrung teilt.
Fragen & Antworten
Noch keine Fragen. Hast du etwas zu fragen?
Häufige Probleme, bei denen dieses Plugin helfen kann, zu beheben
Echte Community-Fragen zum gleichen Thema – sehen Sie, wie andere damit umgegangen sind.
- #6263💬 4-Antworten
Doppelte Links werden mit rte hinzugefügt
- #6152💬 4-Antworten
CSS, das über benutzerdefinierten Code hinzugefügt wurde, bleibt bestehen, nachdem die benutzerdefinierte Codekomponente entfernt wurde
- #4601💬 4-Antworten
Update() von benutzerdefinierten Typen, die zu StyleManager hinzugefügt wurden, wird beim Wechseln zwischen bestimmten Zielen nicht mehr ausgelöst.
- #4341💬 4-Antworten
Während Border-Style für die HTML-Komponente css json hinzugefügt wird, der nur für den Border-Selector abruft, nicht der Border-Width-, Border-style, border-colorBUG: