5 张图片
Studio
Grapesjs A11Y Seo — Accessibility auditor + SEO for GrapesJS
免费
GrapesJS:0.23.x0.22.x0.21.x
包含内容
- 免费下载使用
- 兼容 GrapesJS Studio
- 支持个人与商业使用
支持创作者
通过一次性或每月赞助,感谢创作者发布这款免费产品。
兼容 GrapesJS
已在 GrapesJS 0.23.x, 0.22.x, 0.21.x 上测试
GitHub 开源
可免费使用、Fork 和贡献
Studio 就绪
完全兼容 GrapesJS Studio
可免费使用
可用于个人和商业项目
Lighthouse for GrapesJS——一个实时的无障碍审计器(WCAG 2.1/2.2)和一个SEO元数据管理器,就在编辑器内部。
每个无障碍搜索结果都绑定到完全相同的 GrapesJS 组件:点击它,组件被选中,滚动进入视图并在画布上高亮——通过组件 API 一键快速修复,修复内容清晰无误。SEO标签管理每页元数据,包含实时Google/Open Graph/Twitter预览、检查表、JSON-LD和完整<head>/sitemap.xml导出。
浏览器中零运行时依赖(axe-core是可选的对等节点)。
无障碍审计员
- 15条内置规则:替代文本、颜色对比、标题、链接名称、表单标签、ARIA有效性、地标、标签索引、目标大小、媒体说明、iframe标题、重复ID、表格结构、文档语言、字体大小。
- 绑定到组件的发现——选择/滚动/高亮在画布上。
- 一键快速修复(无法实现)+“修复所有安全”作为一个撤销步骤。
- 图层管理器中的严重性徽章、“突出问题”叠加层、焦点顺序可视化器和无障碍树。
- 基线/“无法修复”支持,随项目保存。
- 可选轴芯引擎,实现100%规则覆盖。
SEO经理
- 每页元数据:标题、描述、规范、机器人、焦点关键词、Open Graph、Twitter、favicon。
- 实时预览:Google 搜索结果页(真实像素宽度截断)、Open Graph 和 Twitter 卡片。
- SEO检查表 + JSON-LD(文章、产品、组织、面包屑列表、常见问题页面、网站)。
- 导出:
getHeadHtml(),renderPage(),。getSitemap()
附加内容
- 可使用普通的GrapesJS和GrapesJS Studio。
- 多页审计+每页SEO。
- CI模式:
npx grapesjs-a11y-seo-ci ./dist/*.html(无头,故障时非零退出)。 - i18N:EN / Ru / ES 捆绑包,完全可覆盖。
- 包括TypeScript类型。麻省理工学院(MIT)持证。